.tutorial-intro { border-bottom:1px solid var(--c-border); background:linear-gradient(180deg,var(--a-accent-06),var(--c-bg)) }
.tutorial-intro__inner { padding-top:86px; padding-bottom:76px }
.tutorial-intro h1 { margin-top:18px }
.tutorial-intro__lead { max-width:760px; margin:22px 0 0; color:var(--c-muted); font-size:18px; line-height:1.8 }
.tutorial-intro__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px }
.tutorial-intro__note { max-width:760px; margin-top:36px }
.tutorial-body { padding-bottom:100px }
.tutorial-body > .toc-tabs { margin-top:32px; margin-bottom:12px }
.tutorial-step { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:clamp(24px,5vw,76px); padding:62px 0; border-bottom:1px solid var(--c-border) }
.tutorial-step__label { display:flex; align-items:flex-start; justify-content:space-between; gap:12px }
.tutorial-step__index { color:var(--c-faint); font:600 13px/1.5 var(--font-mono) }
.tutorial-step__content { min-width:0 }
.tutorial-step__content h2 { margin-bottom:24px }
.tutorial-step__content p { color:var(--c-muted); font-size:16px; line-height:1.85 }
.tutorial-step__content p a { color:var(--c-accent-dark); text-underline-offset:3px }
.tutorial-step__link { display:inline-flex; align-items:center; gap:8px; min-height:44px; margin-top:12px; color:var(--c-accent-dark); font-weight:700; text-decoration:none }
.tutorial-step__link:hover { text-decoration:underline; text-underline-offset:4px }
.tutorial-platforms { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:30px 0 }
.tutorial-platform { min-width:0; padding:24px; border:1px solid var(--c-border); border-radius:var(--r-lg); background:var(--c-panel) }
.tutorial-platform__code { color:var(--c-accent-dark); font:600 11px/1.5 var(--font-mono); letter-spacing:.08em }
.tutorial-platform h3 { margin:12px 0 }
.tutorial-platform p:last-child { margin-bottom:0 }
@media (max-width:700px) {
  .tutorial-intro__inner { padding-top:56px; padding-bottom:56px }
  .tutorial-intro__lead { font-size:16px }
  .tutorial-step { grid-template-columns:1fr; gap:18px; padding:48px 0 }
  .tutorial-platforms { grid-template-columns:1fr }
}