.tutorial-main{padding-top:64px;padding-bottom:104px}
.tutorial-intro{max-width:850px;padding-bottom:36px}
.tutorial-intro h1{max-width:14em;margin:14px 0 24px;font-size:clamp(44px,4.2vw,60px)}
.tutorial-lede{max-width:44em;font-size:19px;line-height:1.85;color:var(--muted)}
.tutorial-intro .callout{margin-bottom:0;line-height:1.8}
.tutorial-main>.toc-tabs{margin-bottom:32px;border-bottom:1px solid var(--border)}
.tutorial-step{display:grid;grid-template-columns:156px minmax(0,1fr);gap:44px;padding-top:54px;padding-bottom:64px;border-bottom:1px solid var(--border)}
.step-side{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.step-index{font:700 46px/1 var(--font-mono);color:var(--accent)}
.step-stage{font:600 12px/1.4 var(--font-mono);letter-spacing:.1em;color:var(--muted)}
.step-body{max-width:780px;min-width:0}
.step-body h2{margin:0 0 24px;font-size:clamp(30px,3vw,38px)}
.step-body p,.tutorial-end p{line-height:1.9;color:var(--muted)}
.step-body p{margin-bottom:20px}
.step-body a:not(.btn){color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}
.step-body .btn{margin-top:12px}
.tutorial-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:32px 0;background:var(--border);border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow-soft)}
.tutorial-platform{min-width:0;padding:28px;background:var(--panel)}
.tutorial-platform .platform-label{margin:0 0 14px;font:600 11px/1.5 var(--font-mono);letter-spacing:.08em;color:var(--accent-dark)}
.tutorial-platform h3{margin:0 0 14px}
.tutorial-platform p:last-child{margin-bottom:0;font-size:15px}
.tutorial-end{max-width:820px;padding-top:64px}
.tutorial-end h2{margin:0 0 20px}
@media(max-width:768px){
  .tutorial-main{padding-top:40px;padding-bottom:72px}
  .tutorial-intro h1{font-size:clamp(28px,7vw,40px)}
  .tutorial-lede{font-size:17px}
  .tutorial-step{grid-template-columns:1fr;gap:18px;padding-top:40px;padding-bottom:48px}
  .step-side{flex-direction:row;align-items:center;gap:16px}
  .step-index{font-size:30px}
  .tutorial-platforms{grid-template-columns:1fr}
}
@media(max-width:640px){
  .tutorial-main{padding-top:32px;padding-bottom:56px}
  .tutorial-intro{padding-bottom:24px}
  .tutorial-main>.toc-tabs{margin-bottom:8px}
  .tutorial-platform{padding:22px}
  .tutorial-end{padding-top:48px}
}