.tutorial-main{max-width:1120px}
.tutorial-intro{padding-top:56px;padding-bottom:32px}
.tutorial-kicker{display:flex;align-items:center;gap:4px;margin-bottom:20px;font-size:13px;color:var(--text-muted)}
.tutorial-intro h1{max-width:820px}
.tutorial-lead{max-width:760px;margin-top:24px;font-size:20px;line-height:1.7;color:var(--text-muted)}
.tutorial-intro .callout{max-width:880px;margin-top:28px}
.tutorial-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.tutorial-step{border-bottom:1px solid var(--border)}
.tutorial-step-label{font-size:12px;letter-spacing:.06em;color:var(--accent-dark)}
.tutorial-step .tutorial-step-label{margin-top:0;margin-bottom:12px}
.tutorial-step .prose h2{margin-top:0}
.tutorial-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.tutorial-result{max-width:880px;margin-top:28px;padding:20px 24px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel)}
.tutorial-result strong{font-size:16px}
.tutorial-result p{margin-top:8px;line-height:1.8;color:var(--text-muted)}
@media(max-width:768px){
  .tutorial-intro{padding-top:32px}
  .tutorial-lead{font-size:17px}
}