/* Read-only per-image comparison controls and responsive charts. */
.cv-comparison { margin-top:18px; padding-top:18px; border-top:1px solid var(--cv-line); }
.cv-comparison-controls { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.cv-comparison-controls [aria-pressed="true"] { background:var(--cv-accent-tint); border-color:var(--cv-accent); }
.cv-comparison-view[hidden] { display:none; }
.cv-comparison-chart { margin:20px 0; }
.cv-comparison-chart figcaption { color:var(--cv-ink-strong); font-weight:600; margin-bottom:16px; }
.cv-comparison-bars { list-style:none; padding:0 8px; margin:0; display:grid; gap:18px; }
.cv-comparison-label { display:flex; justify-content:space-between; gap:16px; font-size:0.875rem; }
.cv-comparison-filename { min-width:0; overflow-wrap:anywhere; }
.cv-comparison-track { position:relative; height:12px; border-radius:6px; margin-top:8px; background:var(--cv-soft); }
.cv-comparison-bar { display:block; height:100%; border-radius:6px; background:var(--cv-accent); }
.cv-comparison-dot { position:absolute; top:50%; width:12px; height:12px; border-radius:50%; background:var(--cv-accent); transform:translate(-50%,-50%); }
.cv-comparison-review { display:block; color:var(--cv-muted); font-size:0.9375rem; margin-top:2px; }
.needs-review .cv-comparison-bar, .needs-review .cv-comparison-dot { background:#b57f35; outline:1px dashed var(--cv-ink); outline-offset:2px; }
.cv-comparison-axis { display:flex; justify-content:space-between; margin:8px 8px 0; color:var(--cv-muted); font-size:0.8125rem; }
.cv-comparison-note { font-size:0.9375rem; line-height:1.6; }
.cv-comparison-table-wrap { overflow-x:auto; }
.cv-comparison-table { width:100%; border-collapse:collapse; font-size:0.9375rem; text-align:left; }
.cv-comparison-table th, .cv-comparison-table td { padding:10px 8px; border-bottom:1px solid var(--cv-line); overflow-wrap:anywhere; }
.cv-comparison-table tbody th { font-weight:400; }