/* ==========================================================================
   clients.html · 客户端对比页专属样式(compare.css)
   依赖 base.css 的设计令牌与 components.css 的组件,不重复定义
   ========================================================================== */

/* ---------- 对比总表:七列内容,放宽最小宽度,窄屏走横向滚动 ---------- */
.cmp-table{min-width:940px}
.cmp-table td:first-child{font-weight:700;white-space:nowrap}
.cmp-on{color:var(--ok-deep);font-weight:600;white-space:nowrap}
.cmp-eol{color:var(--error-deep);font-weight:600;white-space:nowrap}
.cmp-note{
  font-size:13px;line-height:1.8;
  color:var(--ink-faint);
  margin-top:14px;
}

/* ---------- 逐款点评卡 ---------- */
.cmp-card-head{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  margin-bottom:8px;
}
.cmp-card-head h3{
  font-family:var(--font-display);
  font-size:22px;letter-spacing:1.5px;
}
.cmp-card p{
  line-height:1.9;
  color:var(--ink-soft);
  margin-bottom:.8em;
}
.cmp-card p:last-child{margin-bottom:0}
.cmp-card .cmp-meta{
  font-family:var(--font-mono);
  font-size:12.5px;letter-spacing:.5px;
  color:var(--ink-faint);
  margin-bottom:12px;
}
.cmp-card a{
  color:var(--accent-deep);
  text-decoration:underline wavy var(--accent-dark) 1px;
  text-underline-offset:4px;
}
.cmp-card a:hover{color:var(--accent-dark)}

/* ---------- 场景选型:callout 入网格,去掉自带纵向外边距 ---------- */
.cmp-scenes .callout{margin:0}
.cmp-scenes a{
  color:var(--accent);
  text-decoration:underline wavy var(--accent) 1px;
  text-underline-offset:4px;
}
.cmp-scenes a:hover{color:var(--accent-dark)}