.tutorial-page{padding-top:64px;padding-bottom:96px}
.tutorial-intro{max-width:900px}
.tutorial-intro h1{margin:16px 0 24px}
.tutorial-intro__lead{font-size:clamp(19px,2vw,23px);line-height:1.6;color:var(--text-muted)}
.tutorial-intro .callout{line-height:1.8}
.tutorial-page>.toc-tabs{margin:48px 0 32px}
.tutorial-flow{border-top:1px solid var(--border)}
.guide-stage{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:48px;padding:56px 0;border-bottom:1px solid var(--border)}
.guide-stage__rail{min-width:0}
.guide-stage__eyebrow{font:12px var(--font-mono);letter-spacing:.12em;color:var(--accent)}
.guide-stage__content{min-width:0;max-width:860px}
.guide-stage__content h2{margin:0 0 24px;overflow-wrap:anywhere}
.stage-copy p,.tutorial-platform p,.tutorial-platforms__after{line-height:1.85;color:var(--text-muted)}
.stage-copy a,.tutorial-platforms__after a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.guide-stage__content>.btn-secondary{margin-top:12px}
.tutorial-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}
.tutorial-platform{min-width:0;padding:24px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg-panel)}
.tutorial-platform__tag{font:11px var(--font-mono);letter-spacing:.12em;color:var(--accent)}
.tutorial-platform h3{margin:12px 0}
.tutorial-platform p{margin-bottom:0}
.tutorial-next-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.tutorial-next-links a{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--accent);background:var(--bg-panel)}
@media(max-width:800px){.guide-stage{grid-template-columns:1fr;gap:12px;padding:40px 0}}
@media(max-width:640px){.tutorial-page{padding-top:44px;padding-bottom:64px}.tutorial-page>.toc-tabs{margin:32px 0 16px}.tutorial-platforms{grid-template-columns:1fr}.tutorial-platform{padding:20px}}