.tutorial__intro{max-width:780px;margin:0 auto 36px;text-align:center}
.tutorial__intro h1{margin:12px 0 16px;font:500 clamp(38px,5vw,60px)/1.15 var(--f-display)}
.tutorial__lead{margin:0 auto;color:var(--c-muted);font-size:18px;line-height:1.75}
.tutorial__intro .callout{text-align:left}
.tutorial>.toc-tabs{margin-bottom:40px}
.tutorial-stage{display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px;padding:48px 0;border-top:1px solid var(--c-border)}
.tutorial-stage__label{display:flex;align-items:flex-start;gap:8px;color:var(--c-muted);font-size:14px;font-weight:600}
.tutorial-stage__label .sq{margin-top:6px}
.tutorial-stage__body{min-width:0}
.tutorial-stage__body .sec-title{margin:0 0 24px}
.tutorial-stage__body>.btn{margin-top:8px}
.tutorial-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}
.tutorial-platform{padding:24px}
.tutorial-platform h3{margin:0 0 10px;font-size:20px}
.tutorial-platform p{margin:0;color:var(--c-muted);line-height:1.75}
@media(max-width:768px){
  .tutorial-stage{grid-template-columns:minmax(0,1fr);gap:12px;padding:36px 0}
  .tutorial-stage__body .sec-title{font-size:30px}
}
@media(max-width:560px){
  .tutorial-platforms{grid-template-columns:minmax(0,1fr)}
  .tutorial__intro h1{font-size:36px}
}