/* ============================================================
   clash-verge.us — glossary.css(术语表页专属)
   分类章节锚点定位 / 章节头排版 / 术语卡目标高亮
   ============================================================ */

.gloss-hint {
  border: var(--edge) solid var(--ink);
  border-left-width: 8px;
  background: var(--paper-lift);
  padding: 16px 20px;
  margin-bottom: clamp(28px, 4vw, 48px);
  max-width: 74ch;
}

.gloss-hint p { margin: 0; }

.gloss-cat {
  scroll-margin-top: calc(var(--mast-h) + 20px);
  padding-top: clamp(36px, 5vw, 56px);
  margin-top: clamp(20px, 3vw, 36px);
  border-top: var(--edge) solid var(--ink);
}

.cat-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 20px;
  margin-bottom: 6px;
}

.cat-head h2 {
  margin: 0;
  width: fit-content;
  box-shadow: inset 0 -0.3em 0 0 var(--flare);
}

.cat-count {
  font-family: var(--ft-mono);
  font-size: .74rem;
  letter-spacing: .16em;
  color: var(--ink-soft);
  white-space: nowrap;
}

.cat-lede {
  max-width: 60em;
  color: var(--ink-soft);
  margin-bottom: clamp(20px, 3vw, 32px);
}

.term-card {
  scroll-margin-top: calc(var(--mast-h) + 20px);
}

.term-card:target {
  background: var(--paper-dim);
  box-shadow: var(--slab-lift);
}

.term-desc code { font-size: .84em; }