/* ============================================================
   Clash开源社区 · deepdoc.css
   疑难手册(reference.html)专属:教程/手册分工双卡 + 排查顺序流程条
   仅补充本页组件,全部取值引用 base.css 设计令牌
   ============================================================ */

.doc-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px;margin-bottom:6px}
.doc-duo>*{min-width:0}
.duo-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:16px 18px}
.duo-here{border-color:var(--heat-1);background:var(--bg-panel2)}
.duo-kicker{font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted);margin-bottom:7px}
.duo-title{font-size:14.5px;font-weight:700;margin-bottom:5px}
.duo-desc{font-size:13px;color:var(--text-muted);line-height:1.85}
.duo-desc a{color:var(--accent-dark);border-bottom:1px solid var(--heat-1)}
.duo-desc a:hover{border-bottom-color:var(--accent-dark)}

.flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;margin-bottom:20px}
.flow span{font-family:var(--font-mono);font-size:12.5px;color:var(--text);border:1px solid var(--border);background:var(--bg-panel);border-radius:var(--radius-pill);padding:4px 13px;white-space:nowrap;max-width:100%;overflow:hidden}
.flow em{font-style:normal;font-family:var(--font-mono);color:var(--hash);flex-shrink:0}

@media (max-width:640px){
  .doc-duo{grid-template-columns:1fr}
  .flow span{font-size:12px;padding:3px 11px}
}