/* compare tab, scoped under .t-compare */
.t-compare .subtabs{margin-bottom:18px}
.t-compare .cmp-inputs{margin-top:14px}
.t-compare .cmp-inputs textarea{margin-bottom:0}
.t-compare [hidden]{display:none}
.t-compare .cmp-gauge{display:grid;grid-template-columns:minmax(220px,320px) 1fr;align-items:center;gap:28px;margin-top:4px}
.t-compare .cmp-gauge__svg{width:100%;height:auto;display:block}
.t-compare .cmp-gauge__n{font:300 38px/1 var(--geist);fill:var(--ink);font-variant-numeric:tabular-nums}
.t-compare .cmp-gauge__ax{font:400 10px/1 var(--geist);fill:var(--muted)}
.t-compare .cmp-gauge__side{min-width:0}
.t-compare .cmp-gauge__meaning{margin:10px 0 12px;font-size:15px}
.t-compare .cmp-verdict{font-size:13px;padding:5px 12px}
.t-compare .cmp-verdict--near-identical{background:var(--blue);color:#fff;border-color:var(--blue)}
.t-compare .cmp-verdict--related{background:color-mix(in srgb,var(--blue) 18%,var(--cloth));color:var(--ink)}
.t-compare .cmp-verdict--unrelated{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
.t-compare .cmp-scale{list-style:none;margin:0;padding:0;font-size:13px;color:var(--muted)}
.t-compare .cmp-scale li{display:flex;align-items:center;gap:8px;margin:4px 0}
.t-compare .cmp-scale i{display:inline-block;width:12px;height:12px;border-radius:3px;border:1px solid var(--line)}
.t-compare .gauge-note{margin:10px 0 0}
.t-compare .cmp-heat-wrap{overflow-x:auto;margin-top:14px}
.t-compare .cmp-heat{display:grid;grid-template-columns:minmax(150px,230px) repeat(var(--n),minmax(40px,1fr));gap:2px;min-width:max-content;width:100%}
.t-compare .cmp-col{display:grid;place-items:center;font:500 10px/1 var(--geist);color:var(--muted);padding:4px 0}
.t-compare .cmp-row{display:flex;align-items:center;gap:6px;min-width:0;padding-right:8px;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-compare .cmp-row b{font:500 10px/1 var(--geist);color:var(--muted);flex-shrink:0}
.t-compare .cmp-cell{border:0;cursor:pointer;min-height:40px;padding:0;transition:outline-color .2s ease}
.t-compare .cmp-cell:hover,.t-compare .cmp-cell:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.t-compare .cmp-cell[aria-pressed="true"]{outline:3px solid var(--ink);outline-offset:-3px}
.t-compare .cmp-legend{margin:8px 0 0}
.t-compare .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.t-compare .cmp-row,.t-compare .cmp-corner{position:sticky;left:0;background:var(--paper);z-index:1}
.t-compare .cmp-detail{margin:12px 0 0;min-height:3em;color:var(--muted);line-height:1.5}
.t-compare .cmp-pairs{margin-top:16px}
.t-compare .cmp-list{list-style:none;margin:0;padding:0;font-size:14px}
.t-compare .cmp-list li{margin:6px 0}
.t-compare .cmp-matrix .check{font-size:14px}
@media (max-width:760px){
  .t-compare .cmp-gauge{grid-template-columns:1fr;gap:12px}
  .t-compare .cmp-gauge__svg{max-width:320px;margin:0 auto}
  .t-compare .cmp-heat{grid-template-columns:minmax(110px,150px) repeat(var(--n),minmax(36px,1fr))}
}
@media (prefers-reduced-motion:reduce){.t-compare *{transition:none!important}}