/* ============================================================
   tutorial.html 专属样式
   步骤章节头(等宽编号小牌 + 标题 + 一句副题)、
   页首节奏与速答/导览区块间距。
   颜色一律引用 base.css 的设计令牌。
   ============================================================ */

/* ---------- 页首区 ---------- */
.tut-hero{padding-top:64px;padding-bottom:12px}
.tut-hero .lede{max-width:760px}

/* ---------- 步骤跳转导航 ---------- */
.tut-toc{margin-top:30px}

/* ---------- 步骤章节 ---------- */
.step-block{margin-top:76px}
.step-head{display:flex;align-items:center;gap:18px;margin-bottom:24px}
.step-no{
  flex:none;
  font-family:var(--font-mono);font-size:15px;font-weight:700;letter-spacing:1px;color:var(--ink);
  background:linear-gradient(180deg,var(--plate-1),var(--plate-2));
  padding:11px 15px;border-radius:12px;
  box-shadow:0 8px 20px var(--glow-btn);
}
.step-titles{min-width:0}
.step-titles h2{margin:0}
.step-sub{margin-top:6px;font-size:13px;color:var(--text-muted);line-height:1.7}

/* ---------- 速答与下一步导览 ---------- */
.tut-faq{margin-top:88px}
.tut-next{margin-top:88px}

/* ---------- 响应式 ---------- */
@media (max-width:640px){
  .tut-hero{padding-top:44px;padding-bottom:6px}
  .tut-toc{margin-top:22px}
  .step-block{margin-top:60px}
  .step-head{gap:14px;margin-bottom:20px}
  .step-no{padding:9px 12px;font-size:13.5px}
  .tut-faq,.tut-next{margin-top:68px}
}