/* ============================================================
   Clash配置教程 · 教程页(start.html)专属样式
   页首铭区 / 步骤区锚点定位 / 收尾指引行
   ============================================================ */

.tut-top{
  padding-top:52px;
  padding-bottom:6px;
}
.tut-top .page-t{margin-top:12px}
.tut-lead{
  margin-top:16px;
  max-width:840px;
  font-size:15px;
  line-height:1.9;
  color:var(--muted);
}
.tut-lead strong{
  color:var(--text);
  font-weight:600;
}
.tut-keys{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:26px;
  margin-bottom:6px;
}

.step-sec{
  padding-top:34px;
  padding-bottom:34px;
  scroll-margin-top:calc(var(--head-h) + 18px);
}

.tut-done{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:20px;
}

@media (max-width:760px){
  .tut-top{padding-top:36px}
  .step-sec{padding-top:26px;padding-bottom:26px}
  .tut-keys .key{width:100%;justify-content:center}
}