/* ============================================================
   Clash新手指南 · FAQ 页专属样式(faq.html)
   仅补充分类区块的工位标题排版,其余组件全部走共享层
   ============================================================ */

.faq-cat{padding-top:46px;scroll-margin-top:24px;}
.faq-cat:first-of-type{padding-top:8px;}

.cat-head{
  display:flex;align-items:baseline;gap:14px;
  border-bottom:var(--line) solid var(--ink);
  padding-bottom:10px;margin-bottom:18px;
}
.cat-no{
  font-family:var(--font-mono);font-size:13px;font-weight:700;
  letter-spacing:.08em;color:var(--accent-deep);
  border:var(--line) solid var(--ink);background:var(--panel);
  padding:3px 11px;flex-shrink:0;
}
.cat-head h2{
  font-family:var(--font-display);font-weight:900;
  font-size:clamp(20px,2.4vw,26px);
  min-width:0;
}
.cat-hint{
  margin-left:auto;flex-shrink:0;
  font-family:var(--font-mono);font-size:11px;
  letter-spacing:.08em;color:var(--ink-soft);
}

@media (max-width:640px){
  .faq-cat{padding-top:36px;}
  .cat-hint{display:none;}
}