.cat-compare-window {display:grid;gap:12px;margin-bottom:18px;color:var(--text);}
.cat-compare-context {font-size:.82rem;color:var(--muted);font-weight:650;}
.cat-compare-dates {display:grid;gap:10px;}
.cat-compare-dates>div {display:grid;grid-template-columns:9px auto 1fr;gap:8px;align-items:baseline;font-size:.78rem;}
.cat-compare-dates strong {font-weight:650;}
.cat-compare-dates>div>span:last-child {text-align:right;color:var(--muted);}
.cat-compare-color {display:inline-block;width:9px;height:9px;border-radius:3px;background:#ff6938;}
.cat-compare-color.previous {background:#929ba8;}
.cat-compare-overall {display:flex;gap:8px 16px;flex-wrap:wrap;justify-content:space-between;
 padding:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;font-size:.77rem;}
.cat-compare-overall strong {color:var(--accent);}
.cat-compare-row {padding:9px 8px;border-radius:11px;cursor:help;outline:none;transition:background .15s;}
.cat-compare-row:hover,.cat-compare-row:focus-visible {background:var(--panel-2);}
.cat-compare-row:focus-visible {box-shadow:0 0 0 2px var(--accent);}
.cat-compare-row .cat-bar-rail {height:7px;margin:5px 0;}
.cat-compare-difference {font-size:.73rem;color:var(--muted);margin-top:7px;}
.cat-compare-tooltip {position:fixed;z-index:100000;max-width:min(410px,calc(100vw - 24px));
 border:1px solid var(--border);border-radius:13px;padding:12px 14px;white-space:pre-line;
 background:var(--panel);box-shadow:0 14px 38px rgba(0,0,0,.35);color:var(--text);
 font-size:.78rem;line-height:1.65;pointer-events:none;}
.cat-compare-tooltip[hidden] {display:none;}
@media (max-width:600px) {
 .cat-compare-dates>div {grid-template-columns:9px 1fr;}
 .cat-compare-dates>div>span:last-child {grid-column:2;text-align:left;}
 .cat-compare-overall {display:grid;}
}