/* ============================================================
   Clash for iOS — deepdoc.css(docs.html 专属)
   章节面板流 / 章节编号胶囊 / 锚点跳转偏移 / 粘性目录
   仅引用 base.css 设计令牌,不定义颜色字面量
   ============================================================ */

.doc-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:1rem;
  margin-top:1rem;
  font-family:var(--font-mono);
  font-size:.78rem;
  letter-spacing:.06em;
  color:var(--text-muted);
}

.doc-meta i{
  font-style:normal;
  color:var(--accent-dark);
}

.doc-toc{
  position:sticky;
  top:.9rem;
  z-index:40;
}

.doc-flow{
  display:flex;
  flex-direction:column;
  gap:clamp(1.2rem,2.8vw,2rem);
}

.doc-chapter{
  scroll-margin-top:120px;
}

.doc-chap-head{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.9rem;
  margin-bottom:1.15rem;
}

.doc-no{
  font-family:var(--font-mono);
  font-weight:700;
  font-size:.82rem;
  letter-spacing:.1em;
  color:var(--accent-dark);
  background:var(--accent-tint);
  border-radius:var(--radius-pill);
  padding:.32rem .82rem;
  flex-shrink:0;
  white-space:nowrap;
  max-width:100%;
  overflow:hidden;
}

.doc-chap-head h2{
  font-size:clamp(22px,2.7vw,32px);
  min-width:0;
}

.doc-route{
  margin-top:1.2rem;
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
}

@media (max-width:640px){
  .doc-toc{position:static;}
  .doc-chapter{scroll-margin-top:84px;}
}