/* ==========================================================================
   Clash测评 · deepdoc.css
   排查手册页(handbook.html)专属:吸顶章节跳转条 / 分工双卡 / 锚点滚动偏移
   ========================================================================== */

/* 吸顶章节跳转条:白底 + 底部发丝分割线,盖在长正文之上 */
.hb-tocbar{
  position:sticky;
  top:0;
  z-index:60;
  background:var(--bg);
  border-bottom:1px solid var(--border);
}
.hb-tocbar .toc-tabs{
  padding-top:12px;
  padding-bottom:12px;
}

/* 「使用指南 vs 排查手册」分工双卡 */
.hb-map{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.hb-map>*{min-width:0}
.hb-card{
  background:var(--bg);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-soft);
  padding:18px 20px;
}
.hb-role{
  display:inline-flex;
  align-items:center;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:700;
  color:var(--accent-dark);
  background:var(--bg-panel2);
  border-radius:var(--radius-pill);
  padding:3px 10px;
  max-width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.hb-card-title{
  margin-top:10px;
  font-size:16px;
  font-weight:800;
  line-height:1.4;
  color:var(--text);
}
.hb-card-note{
  margin-top:6px;
  font-size:13.5px;
  line-height:1.75;
  color:var(--text-muted);
}
.hb-card-note a{
  color:var(--accent-dark);
  font-weight:700;
}
.hb-card-note a:hover{color:var(--warn)}

/* 正文与双卡之间留出呼吸 */
.hb-map + .prose{margin-top:34px}

/* 锚点跳转时给吸顶条让位 */
.prose h2[id],
.prose h3[id]{
  scroll-margin-top:76px;
}

@media (max-width:640px){
  .hb-map{grid-template-columns:1fr}
  .hb-map + .prose{margin-top:26px}
}