/* ============================================================
   Clash客户端官网 · 概念速查页(glossary.html)专属样式
   分类段头 / 锚点滚动留白,颜色与字体全部引用 base.css 设计令牌
   ============================================================ */

.gl-cat{margin-top:48px}
.gl-cat:first-of-type{margin-top:0}

.gl-cat-head{
  display:flex;
  align-items:baseline;
  gap:14px;
  flex-wrap:wrap;
  border-bottom:1px solid var(--rule);
  padding-bottom:10px;
  margin-bottom:18px;
  scroll-margin-top:calc(var(--mast-h) + 20px);
}
.gl-cat-no{
  font-family:var(--ft-mono);
  font-size:12px;
  letter-spacing:.18em;
  color:var(--cobalt);
  flex-shrink:0;
}
.gl-cat-title{
  font-size:clamp(19px,2.2vw,24px);
  letter-spacing:.01em;
  min-width:0;
}
.gl-count{
  margin-left:auto;
  font-family:var(--ft-mono);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--ink-soft);
  white-space:nowrap;
}

/* 术语卡锚点直达时,避免被吸顶页头遮住 */
.term-card{scroll-margin-top:calc(var(--mast-h) + 20px)}

@media (max-width:640px){
  .gl-cat{margin-top:36px}
  .gl-count{margin-left:0;width:100%}
}