/* Keep the introduction useful without pushing the actual tutorial below the fold. */
.guide-shell{padding-top:20px}
.guide-hero{padding:24px 32px;gap:28px;align-items:center}
.guide-hero .eyebrow{margin-bottom:8px}
.guide-hero h1{font-size:clamp(27px,2.5vw,34px);line-height:1.3;margin-bottom:12px;max-width:680px}
.hero-description{font-size:14px;line-height:1.7}
.hero-index{min-width:250px;padding:4px 0 4px 24px}
.hero-index strong{font-size:18px;margin:4px 0 10px}
.hero-index a{display:block;margin-top:6px}
.hero-index .start-guide{font-weight:700;text-underline-offset:4px}
.preparation{padding:18px 26px}
.preparation h2{font-size:16px;margin:0 0 12px}
.prepare-grid{gap:24px}
.prepare-grid strong{font-size:14px}
.prepare-grid p{line-height:1.6;margin:4px 0}
.key-note{padding-top:10px;margin-top:12px;line-height:1.6}
.guide-layout{margin-top:24px;scroll-margin-top:90px}
[data-theme=dark] .guide-shell a:not(.primary),[data-theme=dark] .tag,[data-theme=dark] .step-number{color:#ff8b99}
[data-theme=dark] .guide-shell .guide-hero a{color:#fff}
[data-theme=dark] .guide-hero{background:#8f192b}
[data-theme=dark] .guide-shell .tool-picker nav a{color:var(--ink)}
[data-theme=dark] .tool-picker nav a[aria-current=true]{color:#ff8b99;border-color:#85404b}
[data-theme=dark] .guide-footer a{color:var(--muted)}
[data-theme=dark] .section-kicker,[data-theme=dark] .steps>li::before{color:#ff8b99}
@media(max-width:1000px){.guide-hero{padding:22px 24px;gap:20px}.hero-index{min-width:225px;padding-left:20px}}
@media(max-width:760px){
 .guide-shell{padding-top:12px}.guide-hero{padding:18px 20px}
 .guide-hero h1{font-size:26px;margin-bottom:8px}.hero-description{font-size:13px}
 .hero-index{margin-top:12px;padding:10px 0 0;min-width:0}
 .hero-index>span,.hero-index>strong{display:none}
 .hero-index a{font-size:12px;margin-top:3px}.hero-index .start-guide{font-size:14px}
 .preparation{padding:16px}.preparation h2{font-size:15px;margin-bottom:10px}
 .prepare-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .prepare-grid>div{padding-left:0}.step-number{position:static;display:block;line-height:1.4;margin-bottom:3px}
 .prepare-grid strong{font-size:13px}.prepare-grid p,.prepare-grid a{font-size:12px;line-height:1.55}
 .key-note{font-size:11px;margin-top:10px;padding-top:8px}
 .guide-layout{margin-top:20px}.tool-picker{margin-bottom:18px}
}