/* ============================================================
   Clash for Windows 下载站 · deepdoc.css
   进阶手册页专属:文档头部 + 章节窗口堆栈 + 章节编号
   仅引用 base.css 设计令牌,不出现硬编码颜色
   ============================================================ */

/* 文档头部 */
.doc-hero {
  padding-top: clamp(40px, 6vw, 68px);
  padding-bottom: clamp(16px, 3vw, 28px);
}
.doc-hero h1 {
  font-size: clamp(30px, 4.6vw, 48px);
  font-weight: 800;
  letter-spacing: -.02em;
}
.doc-lede {
  color: var(--ink-2);
  max-width: 46em;
  font-size: clamp(15px, 1.5vw, 17px);
}
.doc-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  margin-bottom: clamp(20px, 3vw, 30px);
}

/* 章节窗口堆栈 */
.doc-stack {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 3vw, 34px);
  counter-reset: chap;
}
.doc-stack > .win {
  counter-increment: chap;
  scroll-margin-top: calc(var(--bar-h) + 20px);
}

/* 章节标题:等宽双位编号 + 标题文字 */
.chap-title {
  display: flex;
  align-items: baseline;
  gap: 12px;
  font-size: clamp(21px, 2.8vw, 29px);
  font-weight: 700;
  margin-bottom: .7em;
}
.chap-title::before {
  content: counter(chap, decimal-leading-zero);
  flex-shrink: 0;
  font-family: var(--font-mono);
  font-size: .58em;
  font-weight: 600;
  line-height: 1.4;
  color: var(--accent-2);
  background: var(--accent-wash);
  border: 1px solid var(--accent);
  border-radius: var(--r-ctl);
  padding-top: .12em;
  padding-bottom: .12em;
  padding-left: .55em;
  padding-right: .55em;
}

/* 章内小节 */
.doc-stack .win-body h3 {
  font-size: 17.5px;
  margin-top: 1.7em;
  margin-bottom: .5em;
}
.doc-stack .win-body h2 + h3 { margin-top: .2em; }

/* 正文密度微调 */
.doc-stack .win-body p { color: var(--ink); }
.doc-stack .win-body pre { margin-top: .4em; }
.doc-stack .win-body .table-scroll { margin-bottom: 1.2em; }

/* 窄屏:章节标题编号换行时保持对齐 */
@media (max-width: 560px) {
  .chap-title { gap: 9px; }
  .doc-meta { gap: 6px; }
}