/* A quieter, contemporary finish for the existing introduction guide. */
body:has(.guide-layout) .guide-layout{gap:clamp(24px,4vw,52px);align-items:start}
body:has(.guide-layout) .guide-layout article,body:has(.guide-layout) .guide-rail{min-width:0}
body:has(.guide-layout) .hero{padding:clamp(30px,5vw,58px);border:1px solid rgba(26,73,62,.1);border-radius:28px;background:linear-gradient(120deg,rgba(255,255,255,.94),rgba(247,248,243,.84)),url('/guide-introduction-bg.png') center/cover;box-shadow:0 16px 48px rgba(27,56,47,.075)}
body:has(.guide-layout) .hero h1{font-size:clamp(36px,5vw,58px);letter-spacing:-.055em;line-height:1.03}
body:has(.guide-layout) .hero>p{max-width:690px;color:#52645e;font-size:clamp(15px,1.6vw,18px);line-height:1.7}
body:has(.guide-layout) .chapter{padding:clamp(25px,4vw,42px);border:1px solid rgba(26,73,62,.1);border-radius:24px;background:rgba(255,255,255,.86);box-shadow:0 14px 44px rgba(27,56,47,.055)}
body:has(.guide-layout) .chapter p{line-height:1.78;color:#344740}
body:has(.guide-layout) .next-guide{padding:24px 28px;border:1px solid rgba(26,73,62,.12);border-radius:21px;background:linear-gradient(115deg,#fff,rgba(234,242,236,.9));box-shadow:0 11px 32px rgba(27,56,47,.06)}
body:has(.guide-layout) .guide-rail{padding:21px;border:1px solid rgba(26,73,62,.1);border-radius:23px;background:rgba(255,255,255,.76);box-shadow:0 14px 40px rgba(27,56,47,.06);backdrop-filter:blur(15px)}
body:has(.guide-layout) .guide-link{border-radius:15px;transition:transform .18s,box-shadow .18s}
body:has(.guide-layout) .guide-link:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(26,73,62,.08)}
.intro-tool-promo{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0;padding:22px 24px;border:1px solid rgba(26,73,62,.12);border-radius:20px;background:linear-gradient(120deg,#f8faf7,#e9f1eb);box-shadow:0 12px 32px rgba(27,56,47,.06)}.intro-tool-promo strong{display:block;color:#173e35;font-size:17px;letter-spacing:-.02em}.intro-tool-promo p{margin:5px 0 0;color:#586b63;font-size:13px;line-height:1.55}.intro-tool-promo a{flex:none;padding:12px 17px;border-radius:999px;background:#174c43;color:white;text-decoration:none;font-size:12px;font-weight:650;box-shadow:0 6px 16px rgba(23,76,67,.14)}
@media(max-width:820px){body:has(.guide-layout) .guide-layout{grid-template-columns:minmax(0,1fr)}body:has(.guide-layout) .guide-rail{position:static}.intro-tool-promo{align-items:flex-start;flex-direction:column}}

/* Align this introduction with the current violet, white and black site identity. */
html:has(body.intro-modern-page){background:#f7f7f8!important}
body.intro-modern-page{
  --intro-emerald:#5b36e9;
  --intro-deep:#15131b;
  --intro-gold:#5b36e9;
  --intro-ivory:#f7f7f8;
  --intro-paper:#fff;
  --intro-text:#101014;
  --intro-muted:#64646f;
  --intro-line:#e7e7eb;
  background:radial-gradient(ellipse at 78% 5%,#eeebff 0,transparent 34%),linear-gradient(180deg,#fbfbfc 0%,#f7f7f8 58%,#f2f2f5 100%)!important;
  color:#101014!important;
}
body.intro-modern-page>header.article-header{
  background:rgba(255,255,255,.84)!important;
  border-bottom:1px solid #e7e7eb!important;
  box-shadow:0 4px 30px #15121f08!important;
}
body.intro-modern-page>header .article-brand{
  color:#101014!important;
  font-family:var(--v2-font)!important;
  font-weight:750!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
}
body.intro-modern-page>header .article-brand img{filter:grayscale(1)!important}
body.intro-modern-page .hero{
  min-height:320px!important;
  border:1px solid #dcd7f1!important;
  border-radius:26px!important;
  background:linear-gradient(105deg,rgba(17,15,25,.94) 0%,rgba(34,25,65,.82) 47%,rgba(91,54,233,.38) 100%),url('/intro-statue-emerald.png') center/cover!important;
  box-shadow:0 22px 58px #21164a1a!important;
}
body.intro-modern-page .hero:after{display:none!important}
body.intro-modern-page .hero>.kicker{color:#c9bbff!important}
body.intro-modern-page .hero>h1{color:#fff!important;text-shadow:0 3px 24px #09071260!important}
body.intro-modern-page .hero>p{color:#f0eff5!important;text-shadow:none!important}
body.intro-modern-page .chapter{
  border:1px solid #e7e7eb!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 14px 38px #15121f08!important;
}
body.intro-modern-page .chapter:first-of-type:before{display:none!important}
body.intro-modern-page .chapter .kicker,
body.intro-modern-page .chapter .topic-number{color:#5b36e9!important}
body.intro-modern-page .chapter>p{color:#555562!important}
body.intro-modern-page .intro-tool-promo{
  border:1px solid #ded8f8!important;
  border-radius:20px!important;
  background:linear-gradient(120deg,#fff,#f0edff)!important;
  box-shadow:0 14px 38px #27165a0c!important;
}
body.intro-modern-page .intro-tool-promo strong{color:#17151f!important}
body.intro-modern-page .intro-tool-promo p{color:#64646f!important}
body.intro-modern-page .intro-tool-promo a{
  border-radius:12px!important;
  background:#5b36e9!important;
  box-shadow:0 8px 18px #5b36e92a!important;
}
body.intro-modern-page .next-guide{
  border:1px solid #29243b!important;
  border-radius:20px!important;
  background:radial-gradient(ellipse at 90% 0%,#5944a1 0,transparent 45%),linear-gradient(125deg,#15131b,#25213a)!important;
  box-shadow:0 18px 42px #15121f1c!important;
}
body.intro-modern-page .next-guide .kicker{color:#c9bbff!important}
body.intro-modern-page .next-guide h2{color:#fff!important}
body.intro-modern-page .next-guide p{color:#d8d6e0!important}
body.intro-modern-page .next-guide a{
  border:0!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#17151f!important;
}
body.intro-modern-page .guide-rail,
body.intro-modern-page .premium-rail{
  border-color:#d9d3ef!important;
}
body.intro-modern-page .guide-rail>h2,
body.intro-modern-page .premium-rail>h2{color:#17151f!important}
body.intro-modern-page .guide-link.current{
  border-color:#c7b9ff!important;
  background:linear-gradient(110deg,#f2efff,#fff)!important;
}
body.intro-modern-page .guide-link.current small,
body.intro-modern-page .guide-link.current strong{color:#352276!important}
body.intro-modern-page .guide-link.premium,
body.intro-modern-page .premium-rail-list a{
  border-color:#31284d!important;
  background:linear-gradient(110deg,rgba(21,19,27,.97),rgba(62,46,117,.86)),url('/surgery-premium-card.webp') 65% center/cover!important;
}
body.intro-modern-page .guide-link.premium small,
body.intro-modern-page .premium-rail-list small{color:#c9bbff!important}
body.intro-modern-page footer{
  border-color:#e7e7eb!important;
  background:rgba(255,255,255,.75)!important;
  color:#64646f!important;
}
@media(max-width:700px){
  body.intro-modern-page .hero{min-height:0!important;padding:30px 23px 42px!important}
  body.intro-modern-page .hero:after{display:none!important}
  body.intro-modern-page .hero>.kicker,
  body.intro-modern-page .hero>h1,
  body.intro-modern-page .hero>p{max-width:100%!important}
}