.tutorial-doc{padding-top:56px;padding-bottom:88px}
.tutorial-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);align-items:end;gap:40px;margin-bottom:32px}
.tutorial-intro h1{margin:12px 0 20px;font-weight:900;letter-spacing:-.02em}
.tutorial-lede{max-width:640px;color:var(--muted);font-size:19px;line-height:1.7}
.tutorial-intro-panel{min-width:0;padding:24px;border:1px solid var(--ink-3);border-radius:var(--r-lg);background:var(--ink);box-shadow:var(--shadow-deep);color:var(--on-ink)}
.tutorial-panel-label,.tutorial-panel-foot{font-family:var(--font-mono);font-size:12px;color:var(--on-ink-muted)}
.tutorial-intro-panel p{margin:18px 0;font-weight:800;font-size:19px;line-height:1.8}
.tutorial-intro-panel p span{color:var(--accent)}
.tutorial-notice{max-width:100%;margin-bottom:24px;line-height:1.75}
.tutorial-toc{margin-bottom:32px}
.tutorial-flow{max-width:100%}
.tutorial-step{position:relative;min-width:0;padding:32px 0 48px 104px;border-top:1px solid var(--border)}
.tutorial-step:last-child{padding-bottom:0}
.tutorial-step-top{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.tutorial-index{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:var(--r-sm);background:var(--grad-hot);font-family:var(--font-mono);font-size:18px;font-weight:800;color:var(--ink);box-shadow:var(--shadow-hot)}
.tutorial-step-label,.tutorial-platform-tag{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--accent-dark)}
.tutorial-step h2{margin:0 0 24px;font-size:clamp(29px,3vw,39px);font-weight:900;letter-spacing:-.02em}
.tutorial-step > p{max-width:850px;color:var(--muted)}
.tutorial-step > p a,.tutorial-platform a{color:var(--accent-dark)}
.tutorial-action{margin:8px 0 0;min-height:44px;font-size:14px;text-decoration:none!important}
.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-lg);background:var(--panel);box-shadow:var(--shadow-card)}
.tutorial-platform h3{margin:8px 0 14px;font-size:24px}
.tutorial-platform p{margin:0;color:var(--muted);font-size:15px;line-height:1.8}
.tutorial-finish{max-width:850px;margin-top:28px}
@media(max-width:900px){
  .tutorial-intro{grid-template-columns:minmax(0,1fr);gap:24px}
  .tutorial-intro-panel{max-width:640px}
}
@media(max-width:640px){
  .tutorial-doc{padding-top:40px;padding-bottom:64px}
  .tutorial-intro h1{font-size:clamp(28px,8vw,40px)}
  .tutorial-lede{font-size:16px}
  .tutorial-intro-panel{padding:20px}
  .tutorial-intro-panel p{font-size:16px}
  .tutorial-step{padding:28px 0 40px}
  .tutorial-step h2{font-size:29px}
  .tutorial-platforms{grid-template-columns:minmax(0,1fr)}
  .tutorial-platform{padding:20px}
}
@media(max-width:370px){
  .tutorial-step h2{font-size:27px}
  .tutorial-toc a{padding-inline:11px}
}