/* ==========================================================================
   CKVPN · deepdoc.css
   AI 访问指南页(manual.html)专属样式:文档头 / 元信息行 / 章节编号 / 章节容器
   ========================================================================== */

.doc-head{
  padding-top:clamp(48px,7vw,88px);
  padding-bottom:clamp(24px,4vw,40px);
}

.doc-meta{
  margin-top:20px;
  display:flex;
  flex-wrap:wrap;
  gap:10px 28px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--text-muted);
}
.doc-meta em{
  font-style:normal;
  color:var(--accent);
}

.doc-note{
  margin-top:22px;
  max-width:720px;
  font-size:14px;
  line-height:1.9;
  color:var(--text-muted);
  border:1px solid var(--border);
  border-left:2px solid var(--accent);
  background:var(--bg-panel);
  padding-top:14px;
  padding-bottom:14px;
  padding-left:18px;
  padding-right:18px;
}
.doc-note a{
  color:var(--accent);
  border-bottom:1px solid var(--accent-dark);
}
.doc-note a:hover{
  color:var(--text);
  border-bottom-color:var(--text);
}

.doc-toc-wrap{
  padding-bottom:10px;
}

.doc-body{
  margin-top:clamp(28px,5vw,52px);
  padding-bottom:clamp(40px,6vw,72px);
}

/* 章节容器:恢复 .prose 直接子元素间距在 section 内部的等效节奏 */
.doc-body section > * + *{margin-top:1.1em}
.doc-body > section + section{margin-top:2.6em}

/* 章节编号:等宽小号,置于 h2 文字前 */
.chap-no{
  display:inline-block;
  margin-right:14px;
  font-family:var(--font-mono);
  font-size:13px;
  font-weight:500;
  letter-spacing:.16em;
  color:var(--accent);
  vertical-align:2px;
}

@media (max-width:640px){
  .doc-meta{gap:8px 18px}
  .chap-no{margin-right:10px}
}