/* ==========================================================================
   which-client.html · 客户端对比页专属样式
   通用组件(badge / callout / data-table / term-card / dl-guide 等)见 components.css,
   本文件只放本页独有布局与微调,不新增颜色值。
   ========================================================================== */

/* 锚点偏移:sticky 目录条占高,跳转时多让一档 */
main [id]{scroll-margin-top:calc(var(--header-h) + 78px)}

/* 对比总表:六列给足最小宽,窄屏自然横滑 */
.cmp-table{min-width:820px}
.st-ok{color:var(--success);font-weight:600}
.st-eol{color:var(--warn);font-weight:600}

/* 读表说明与总表的间距 */
.cmp-notes{margin-top:26px}

/* 逐一点评卡片网格 */
.cmp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.cmp-grid>*{min-width:0}
@media (max-width:900px){
  .cmp-grid{grid-template-columns:1fr}
}
.cmp-card{display:flex;flex-direction:column;padding:26px}
.cmp-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cmp-code{
  flex:none;padding:5px 10px;border-radius:var(--r-pill);
  border:1px solid var(--accent-28);background:var(--accent-08);
  font:600 11px/1 var(--font-mono);letter-spacing:.12em;color:var(--accent-2);
}
.cmp-head h3{margin:0;font-size:19px}
.cmp-sub{margin:10px 0 0;font:500 11.5px/1.6 var(--font-mono);letter-spacing:.1em;color:var(--text-muted)}
.cmp-desc{margin:14px 0 0;color:var(--text-muted);font-size:14px;line-height:1.9}
.cmp-foot{margin-top:auto;padding-top:18px}
/* 首推卡高亮 / 归档卡降透明度 */
.cmp-rec{
  border-color:var(--accent-35);
  box-shadow:0 0 0 1px var(--accent-18),0 24px 60px -28px var(--accent-35),inset 0 1px 0 var(--sheen);
}
.cmp-eol{opacity:.78}

/* 场景 callout 组:去掉 callout 自带外边距,用 gap 控制节奏 */
.cmp-scenes{display:flex;flex-direction:column;gap:14px}
.cmp-scenes .callout{margin:0}