.compare{max-width:var(--width-page);margin:0 auto;padding:var(--space-8) var(--space-5) var(--space-10)}.compare .compare-head{margin-bottom:var(--space-6)}.compare .eyebrow{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-brand-strong)}.compare .compare-head h1{font-size:var(--text-3xl)}.compare .lede{max-width:var(--width-prose);margin-top:var(--space-3);font-size:var(--text-lg);color:var(--color-ink-soft)}.compare .picker{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.compare .picker label{font-weight:600}.compare .picker select{padding:var(--space-2) var(--space-3);border:2px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface)}.compare .picker select:focus-visible{border-color:var(--color-brand-strong)}.compare .picker select:disabled{opacity:.55}.compare .picker-hint{font-size:var(--text-sm);color:var(--color-muted)}.compare .picker-hint:empty{display:none}.compare .chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;list-style:none}.compare .chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-sm);font-size:var(--text-sm);font-weight:600}.compare .chip-remove,.compare .col-remove{display:grid;place-items:center;width:1.4rem;height:1.4rem;border:none;border-radius:50%;background:var(--color-canvas);color:var(--color-ink-soft);font-size:var(--text-xs);line-height:1}.compare .chip-remove:hover,.compare .col-remove:hover{background:var(--color-brand-strong);color:#fff}.compare .compare-error{margin:var(--space-4) 0 0;font-size:var(--text-sm);color:var(--color-brand-strong)}.compare .compare-body{margin-top:var(--space-6)}.compare .compare-empty{padding:var(--space-8) var(--space-5);border:1px dashed var(--color-line);border-radius:var(--radius-md);text-align:center;color:var(--color-muted)}.compare .compare-deferred-note{margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);background:var(--color-canvas);border:1px solid var(--color-line);border-left:3px solid var(--color-accent);border-radius:var(--radius-md)}.compare .compare-deferred-note p{margin:0;font-size:var(--text-sm);color:var(--color-muted)}.compare .compare-deferred-note a{color:inherit}.compare .compare-verdict{margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);border:1px solid var(--color-line);border-left:4px solid var(--color-brand-strong);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);font-size:var(--text-lg);line-height:1.5;color:var(--color-ink-soft)}.compare .compare-verdict strong{color:var(--color-ink);font-weight:700}.compare .compare-why{margin:calc(-1 * var(--space-4)) 0 var(--space-5);padding:var(--space-3) var(--space-5);border:1px dashed var(--color-line);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-canvas);font-size:var(--text-base);line-height:1.55;color:var(--color-ink-soft)}.compare .compare-why strong{color:var(--color-ink);font-weight:700}.compare .compare-why-label{display:inline-block;margin-right:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:var(--color-ink);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;vertical-align:2px}.compare .compare-agreement{margin:calc(-1 * var(--space-4)) 0 var(--space-5);padding:var(--space-3) var(--space-5);border:1px dashed var(--color-line);border-left:4px solid var(--color-cat-very-fun);border-radius:var(--radius-md);background:var(--color-canvas);font-size:var(--text-base);line-height:1.55;color:var(--color-ink-soft)}.compare .compare-agreement strong{color:var(--color-ink);font-weight:700}.compare .compare-agreement-label{display:inline-block;margin-right:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-cat-very-fun) 22%,transparent);color:var(--color-ink);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;vertical-align:2px}.compare .compare-scroll{overflow-x:auto}.compare .compare-table{width:100%;min-width:calc(150px + var(--cols, 2) * 160px);border-collapse:collapse;table-layout:fixed}.compare .compare-table .corner{width:150px}.compare .compare-table .corner,.compare .row-label{position:sticky;left:0;z-index:1;background:var(--color-canvas);box-shadow:1px 0 0 var(--color-line)}.compare .compare-table th,.compare .compare-table td{padding:var(--space-3);border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top}.compare .col-city{position:relative}.compare .col-remove{position:absolute;top:var(--space-2);right:var(--space-2)}.compare .col-name{display:block;padding-right:var(--space-6);font-size:var(--text-base);font-weight:700;color:var(--color-ink);text-decoration:none}.compare .col-name:hover{color:var(--color-brand-strong)}.compare .col-score{display:inline-block;margin-top:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--cat, var(--color-line)) 20%,var(--color-surface));font-size:var(--text-2xl);font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.compare .col-cat{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1);font-size:var(--text-sm);font-weight:500;color:var(--color-ink-soft)}.compare .col-dot{width:.55rem;height:.55rem;border-radius:50%}.compare .section-row .section-cell{padding-top:var(--space-5);font-size:var(--text-sm);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);border-bottom-width:2px}.compare .section-row--pos .section-cell{border-bottom-color:var(--color-accent)}.compare .section-row--neg .section-cell{border-bottom-color:var(--color-brand-strong)}.compare .row-label{font-weight:600;color:var(--color-ink-soft)}.compare .cell-num{font-weight:700;font-variant-numeric:tabular-nums}.compare .cell-bar{margin-top:var(--space-2);height:.4rem;border-radius:var(--radius-pill);background:var(--color-line);overflow:hidden}.compare .cell-fill{height:100%;border-radius:var(--radius-pill);background:var(--bar, var(--color-line))}.compare .cell-win{background:color-mix(in srgb,var(--color-brand) 13%,transparent)}.compare .cell-flag{margin-left:var(--space-2);padding:.1rem var(--space-2);border-radius:var(--radius-pill);background:var(--color-brand-strong);color:#fff;font-size:var(--text-xs);font-weight:700;vertical-align:middle}.compare .cell-missing{color:var(--color-muted)}.compare .cell-gapfill-tag{font-style:italic;font-weight:600;font-size:var(--text-sm);color:var(--color-ink-soft)}.compare .compare-gapfill-note{display:flex;gap:var(--space-2);align-items:baseline;margin-top:var(--space-3);max-width:60ch;font-size:var(--text-sm);line-height:1.5;color:var(--color-ink-soft)}.compare .compare-gapfill-dot{flex:none;width:.42rem;height:.42rem;border-radius:50%;background:color-mix(in srgb,var(--color-muted) 60%,var(--color-canvas))}.compare .row-label-note{display:block;font-weight:500;font-size:var(--text-xs);font-style:italic;color:var(--color-muted)}.compare .row-deferred{opacity:.75}
