/* ==========================================================================
   deepdoc.css — 解锁攻略(manual.html)页面专属微调
   只补充既有组件未覆盖的细节,不重复定义 base.css / components.css。
   ========================================================================== */

/* 阅读列:prose 默认铺满版心,长文需要收窄到舒适行宽 */
.doc-shell{max-width:840px;margin-inline:auto}

/* 页头信息行:最后更新 / 章节数 / 覆盖范围 */
.doc-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:var(--sp-4);
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--text-muted);
}
.doc-meta > span{display:inline-flex;align-items:center;min-width:0}
.doc-meta .sep-dot{
  width:4px;
  height:4px;
  flex:none;
  border-radius:50%;
  background:var(--border-strong);
}

/* 正文里的横滑表格交给 .table-scroll,去掉 prose 默认外边距与重复边框 */
.prose .table-scroll{margin:1.4em 0;box-shadow:var(--hairline)}
.prose .table-scroll > table{margin:0}
.prose .table-scroll > table tr > :first-child{border-left:0}
.prose .table-scroll > table tr > :last-child{border-right:0}
.prose .table-scroll > table thead tr > th{border-top:0}
.prose .table-scroll > table tbody tr:last-child > td{border-bottom:0}

/* 章节之间的分隔:让长文有清晰的段落感 */
.prose > section + section{
  margin-top:2.6em;
  padding-top:2em;
  border-top:1px solid var(--border);
}
.prose > section + section > h2:first-child{margin-top:0}

@media (max-width:640px){
  .doc-meta{font-size:11.5px;gap:8px}
  .prose > section + section{margin-top:2em;padding-top:1.6em}
}