/* =============================================================
   VPNEM —— deepdoc.css
   使用手册页(complete-guide.html)专属样式:
   页头排版 / 章节节奏 / 章节编号标记 / 文档内块的纵向间距
   全部引用 base.css 的设计令牌,不新增颜色与圆角
   ============================================================= */

/* —— 页头 —— */
.doc-hero{max-width:900px;padding-bottom:16px}
.doc-title{
  margin-top:18px;
  font-size:clamp(32px,4.2vw,56px);
  line-height:1.12;
}
.doc-lead{
  margin-top:18px;
  font-size:17px;
  line-height:1.72;
  color:var(--muted);
  max-width:74ch;
}
.doc-lead a{
  color:var(--accent);
  text-decoration:underline;
  text-underline-offset:2px;
}
.doc-hero .badge-row{margin-top:22px}

/* —— 文档主体与章节 —— */
.doc-body{max-width:900px;padding-top:4px;padding-bottom:12px}
.doc-sec{
  margin-top:44px;
  padding-top:44px;
  border-top:1px solid var(--border);
}
.doc-body > .doc-sec:first-of-type{margin-top:0;padding-top:32px;border-top:0}
.doc-num{
  display:block;
  margin-bottom:10px;
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  color:var(--accent);
}
.doc-sec > h2{font-size:clamp(24px,2.9vw,32px);line-height:1.24}
.doc-sec .prose{margin-top:16px;max-width:none}
.doc-sec > .steps{margin-top:22px}
.doc-sec .prose > h3:first-child{margin-top:0}
.steps + .prose{margin-top:26px}

/* —— 文档内块的纵向节奏(components.css 未定义的部分) —— */
.doc-sec .callout{margin-bottom:18px}
.doc-sec .table-scroll{margin-bottom:20px}
.doc-sec pre{margin-bottom:18px}

/* —— 文末推广块内的动作按钮 —— */
.doc-promo{margin-top:44px}
.doc-actions{display:flex;flex-wrap:wrap;gap:12px;flex-shrink:0}

@media (max-width:768px){
  .doc-sec{margin-top:32px;padding-top:32px}
}