/* =============================================================
   Clash for Android · clients.html 页面专属样式(客户端对比)
   依赖 base.css 的 :root 设计令牌
   ============================================================= */

/* 对比总表:列数多,窄屏靠 .table-scroll 横向滚动 */
.cmp-table { min-width: 880px; }

.cmp-table td:first-child {
  font-weight: 800;
  color: var(--ink);
  white-space: nowrap;
}

/* 维护状态定性标记 */
.cmp-state {
  font: 600 .78rem/1.5 var(--ff-mono);
  letter-spacing: .04em;
  white-space: nowrap;
}
.cmp-state.is-live { color: var(--ok); }
.cmp-state.is-slow { color: var(--ink-soft); }
.cmp-state.is-dead { color: var(--warn-tone); }

/* 点评行左栏的徽章行 */
.spec-marks {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin-top: .6rem;
}

/* 结论面板 */
.verdict-box { display: grid; gap: .4rem; }
.verdict-box h2 { margin: .3rem 0 .2rem; }
.verdict-box p { margin: 0; max-width: 760px; }
.verdict-box p strong { color: var(--ink); }

.verdict-acts {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  margin-top: 1rem;
}

@media (max-width: 640px) {
  .verdict-acts .act { flex: 1 1 auto; }
}