/* ============================================================
   Clash官网 · 进阶手册页(manual.html)专属样式
   依赖 base.css / components.css 的设计令牌与组件
   ============================================================ */

.doc-hero {
  padding: clamp(44px, 6vw, 72px) 0 clamp(18px, 3vw, 30px);
}

.doc-hero .doc-intro {
  max-width: 720px;
}

.doc-toc-wrap {
  padding: 4px 0 clamp(24px, 4vw, 40px);
}

.doc-chapter {
  max-width: 860px;
  margin: 0 auto clamp(44px, 6vw, 68px);
  scroll-margin-top: 150px;
}

.doc-chapter > h2 {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--c-line);
  margin-bottom: 0.9em;
}

.doc-no {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--c-accent);
  background: var(--accent-soft);
  border-radius: var(--r-sm);
  padding: 4px 11px;
  flex-shrink: 0;
}

.doc-chapter h3 {
  margin-top: 1.7em;
}

.doc-chapter pre {
  margin: 18px 0 22px;
}

.doc-chapter .table-wrap {
  margin: 18px 0 22px;
}

@media (max-width: 640px) {
  .doc-chapter > h2 {
    gap: 10px;
  }

  .doc-no {
    font-size: 12px;
    padding: 3px 9px;
  }
}