/* ==========================================================================
   Clash中文网 · deepdoc.css
   使用手册页(handbook.html)专属排版:文档头 / 章节大卡节奏
   依赖 base.css 设计令牌,不新增任何硬编码颜色
   ========================================================================== */

/* ---------- 文档头 ---------- */

.doc-head {
  padding: 64px 0 30px;
}

.doc-head .watch-tag {
  letter-spacing: var(--track-wide);
}

.doc-head h1 {
  margin: 14px 0 18px;
  max-width: 17em;
}

.doc-lede {
  color: var(--script-dim);
  max-width: 46em;
  margin-bottom: 22px;
}

.doc-head .chip-row {
  margin-top: 4px;
}

/* ---------- 章节大卡 ---------- */

.doc-chapter {
  margin: 0 0 26px;
  padding: 34px 38px;
}

.doc-chapter .pane-tag {
  margin-bottom: 12px;
}

.doc-chapter h2 {
  margin: 0 0 16px;
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
}

.doc-chapter h3 {
  margin: 1.9em 0 0.55em;
  font-size: 1.12rem;
}

.doc-chapter p,
.doc-chapter li {
  color: var(--script-dim);
}

.doc-chapter p strong,
.doc-chapter li strong {
  color: var(--script);
}

.doc-chapter ul {
  margin: 0 0 1.1em;
}

.doc-chapter li {
  margin-bottom: 6px;
}

.doc-chapter li:last-child {
  margin-bottom: 0;
}

.doc-chapter .spec-table {
  margin: 18px 0 24px;
}

/* ---------- 响应式 ---------- */

@media (max-width: 640px) {
  .doc-head {
    padding: 44px 0 22px;
  }
  .doc-chapter {
    padding: 24px 18px;
    margin-bottom: 18px;
  }
  .doc-chapter h3 {
    margin-top: 1.6em;
  }
}