/* =========================================================
   Clash之家 · deepdoc.css
   knowledge.html 专属:手册章节沿线排版
   ========================================================= */

/* ---------- 页头引导区 ---------- */
.doc-head {
  padding-top: clamp(40px, 6vw, 72px);
}

.doc-lead {
  max-width: 72ch;
  font-size: 16.5px;
}

.doc-meta {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  color: var(--text-dim);
  margin: 0 0 18px;
  text-transform: uppercase;
}

/* ---------- 章节干线 ---------- */
.doc-rail {
  position: relative;
}
.doc-rail::before {
  content: "";
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 13px;
  width: var(--rail-w);
  background: var(--signal);
}

/* ---------- 单章 ---------- */
.doc-ch {
  position: relative;
  padding-left: 56px;
  padding-bottom: clamp(48px, 7vw, 88px);
}
.doc-ch:last-child { padding-bottom: 0; }

.doc-ch::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--ink);
  border: 4px solid var(--paper);
  box-shadow: 0 0 0 2px var(--ink);
}

.ch-code {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 2px 10px;
  background: var(--ink);
  color: var(--paper);
  margin-bottom: 12px;
}

.doc-ch h2 { margin-bottom: 0.6em; }

.doc-ch h3 {
  margin-top: 1.9em;
  margin-bottom: 0.5em;
  padding-left: 14px;
  border-left: 5px solid var(--signal);
}

.doc-ch p,
.doc-ch li {
  max-width: 72ch;
}

.doc-ch .table-scroll { margin: 0 0 1.4em; }

.doc-ch .station-xfer { margin-top: 6px; }

/* ---------- 窄屏收紧 ---------- */
@media (max-width: 480px) {
  .doc-rail::before { left: 9px; }
  .doc-ch { padding-left: 42px; }
  .doc-ch::before { left: 1px; }
}