.guide-intro{padding-top:76px;padding-bottom:62px}
.guide-intro > .badge{margin-bottom:22px}
.guide-intro h1{max-width:900px;margin:0;font-size:clamp(52px,5.2vw,68px)}
.guide-deck{max-width:700px;margin:22px 0 0;color:var(--muted);font-size:19px;line-height:1.8}
.guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.guide-intro .callout{max-width:820px;margin:38px 0 0;color:var(--text);line-height:1.8}
.guide-document{padding-bottom:100px}
.guide-document .toc-tabs{margin-bottom:28px}
.guide-section{display:grid;grid-template-columns:minmax(170px,240px) minmax(0,1fr);gap:28px;padding-top:56px;padding-bottom:58px;border-bottom:1px solid var(--border)}
.guide-section:last-child{border-bottom:0}
.guide-heading{align-self:start}
.guide-step{display:inline-block;margin-bottom:18px;color:var(--accent-dark);font:12px/1.5 var(--font-mono);letter-spacing:.06em}
.guide-heading h2{margin:0;font-size:clamp(28px,2.6vw,36px)}
.guide-copy{max-width:760px;min-width:0;color:var(--muted);line-height:1.9}
.guide-copy p{margin:0 0 20px}
.guide-copy p:last-child{margin-bottom:0}
.guide-copy a{color:var(--accent-dark);text-decoration:underline;text-decoration-color:var(--accent-a36);text-underline-offset:4px}
.guide-copy a:hover{text-decoration-color:var(--accent-dark)}
.guide-copy code{padding:2px 5px;border:1px solid var(--border);border-radius:var(--r-xs);background:var(--panel);color:var(--text)}
.guide-check{padding:16px 20px;border:1px solid var(--border);border-radius:var(--r);background:var(--panel);color:var(--text)}
.guide-check strong{margin-right:10px;color:var(--accent-dark)}
.guide-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}
.guide-platform{min-width:0;padding:22px;border:1px solid var(--border);border-radius:var(--r-m);background:var(--panel);box-shadow:inset 0 1px 0 var(--hi),0 18px 32px -24px var(--accent-a24)}
.guide-platform h3{margin:0 0 14px;font-size:20px;color:var(--text)}
.guide-platform p{margin:0}
@media(max-width:800px){
  .guide-section{grid-template-columns:1fr;gap:20px}
  .guide-step{margin-bottom:10px}
}
@media(max-width:640px){
  .guide-intro{padding-top:52px;padding-bottom:42px}
  .guide-intro h1{font-size:clamp(28px,8vw,40px)}
  .guide-deck{font-size:17px}
  .guide-platforms{grid-template-columns:1fr}
  .guide-section{padding-top:44px;padding-bottom:46px}
  .guide-document{padding-bottom:72px}
}