/* ============================================================
   Clash新手指南 · 教程页(tutorial.html)专属样式
   仅补充工序正文段落与「下一道工序」卡片,令牌全部引用 base.css
   ============================================================ */

/* 页首区收紧下边距,与工序表衔接更紧 */
.tut-top{padding-bottom:44px;}

/* 步骤锚点:跳转时避开固定视觉焦点区 */
.step[id]{scroll-margin-top:calc(var(--head-h) + 18px);}

/* 装配前清点面板 */
.prep{margin-top:26px;}
.prep-head{
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  border-bottom:var(--line) solid var(--ink);
  padding-bottom:8px;margin-bottom:12px;
}
.prep-title{font-size:18px;font-weight:900;}
.prep .step-list a,
.step-body a{border-bottom:2px solid var(--accent);}
.prep .step-list a:hover,
.step-body a:hover{background:var(--panel-2);}

/* 工序正文:完整段落(教程页在分条短句之外需要连贯说明) */
.step-body p{
  margin-top:10px;margin-bottom:10px;
  font-size:15px;line-height:1.95;
}
.step-body p strong{font-weight:900;}
.step-body .callout{margin-bottom:12px;}
.step-body .step-part{margin-top:4px;}

/* 下一道工序:三份图纸卡片 */
.next-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:16px;
}
.next-grid>*{min-width:0;}
.next-card{
  display:flex;flex-direction:column;gap:8px;
}
.next-card:hover{background:var(--panel-2);}
.next-code{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;
  color:var(--ink-soft);
}
.next-name{font-family:var(--font-display);font-weight:900;font-size:19px;}
.next-desc{font-size:14px;line-height:1.8;color:var(--ink-soft);}
.next-go{
  margin-top:auto;padding-top:8px;
  font-family:var(--font-mono);font-size:12px;font-weight:700;
  color:var(--accent-deep);
}

/* 窄屏:工序正文行高与段距略收 */
@media (max-width:640px){
  .step-body p{font-size:14px;line-height:1.85;}
  .prep-head{flex-wrap:wrap;}
}