/* ==========================================================================
   VPNVan · deepdoc.css
   完整手册页专属样式:页首资料区、阶段分隔、章节目录周边与结尾提示。
   只补充本页需要的布局,颜色与圆角全部引用 base.css 的设计令牌。
   ========================================================================== */

.doc-hero{
  position:relative;
  padding-top:36px;
  padding-bottom:28px;
}

.doc-kicker{
  margin:0 0 10px;
  font-family:var(--font-mono);
  font-size:var(--fs-micro);
  letter-spacing:.14em;
  color:var(--text-muted);
}

.doc-title{
  max-width:18em;
  margin:0;
  line-height:1.12;
}

.doc-lead{
  max-width:68ch;
  margin:16px 0 0;
  font-size:17px;
  line-height:1.7;
  color:var(--text-muted);
}

.doc-lead strong{color:var(--text)}

.doc-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}

.doc-cta{
  justify-content:flex-start;
  margin-top:22px;
}

.doc-bridge{
  max-width:78ch;
  margin-top:24px;
}

.doc-article{
  padding-top:var(--space-5);
  padding-bottom:var(--space-8);
}

.prose--manual{
  max-width:78ch;
}

.stage{
  padding-top:var(--space-6);
  border-top:1px dashed var(--border);
}

.stage:first-child{
  padding-top:0;
  border-top:0;
}

.stage-kicker{
  margin:0 0 6px;
  font-family:var(--font-mono);
  font-size:var(--fs-micro);
  letter-spacing:.14em;
  color:var(--accent-dark);
}

.stage h2{
  margin-top:0;
}

.stage h3{
  margin-top:var(--space-6);
}

.stage .table-scroll{
  margin:var(--space-4) 0;
}

.stage .callout{
  margin:var(--space-4) 0;
}

.doc-end{
  margin-top:var(--space-6);
  padding-top:var(--space-5);
  border-top:1px dashed var(--border);
}

@media (max-width:768px){
  .doc-hero{
    padding-top:24px;
    padding-bottom:20px;
  }

  .doc-lead{
    font-size:15.5px;
  }

  .doc-cta{
    justify-content:stretch;
  }

  .prose--manual{
    max-width:none;
  }
}

@media (max-width:640px){
  .doc-title{
    font-size:30px;
    letter-spacing:-.02em;
  }

  .stage{
    padding-top:var(--space-5);
  }

  .stage h3{
    margin-top:var(--space-5);
  }
}