/* ==========================================================================
   Clash百科 · faq.css —— questions.html 专属样式
   词条式页头 / 类目锚距 / 答案内"参见"交叉引用行
   颜色一律引用 base.css 的设计令牌,不散落硬编码色值
   ========================================================================== */

/* 页头:问答编录词条头(只声明纵向节奏,左右留白由 .wrap 负责) */
.faq-hero{padding-top:64px;padding-bottom:46px}
.faq-hero h1{margin-top:2px}
.faq-hero-sub{margin-top:12px;font-size:13.5px;color:var(--text-muted);letter-spacing:.06em}
.faq-hero-sub em{font-style:italic;font-size:16px;color:var(--text)}
.faq-hero .lead{margin-top:16px;max-width:78ch}
.faq-hero .toc-tabs{margin-top:28px;margin-bottom:0}

/* 类目锚点:平滑滚动落点与页头之间留距 */
.faq-cat{scroll-margin-top:26px}

/* 答案内"参见"行:百科式交叉引用,朱砂小标 + 虚线分隔 */
.faq-see{
  margin-top:12px;padding-top:9px;
  border-top:1px dashed color-mix(in srgb,var(--ink) 35%,transparent);
  font-size:12.5px;color:var(--text-muted);letter-spacing:.03em;
}
.faq-see b{
  color:var(--cinnabar);font-family:var(--font-display);font-weight:700;
  letter-spacing:.14em;margin-right:8px;
}
.faq-see a{color:var(--ink)}

@media (max-width:640px){
  .faq-hero{padding-top:46px;padding-bottom:38px}
}