.filter-bar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-6); padding-bottom: var(--space-5); border-bottom: 1px solid var(--line-soft); }
.filter-group { display: grid; gap: .5rem; }
.filter-label { font-size: var(--text-xs); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-muted); }
.filter-count { margin-left: auto; font-size: var(--text-sm); color: var(--ink-muted); }
.compare-check { display: flex; align-items: center; gap: .5rem; margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--line-soft); font-size: var(--text-xs); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-muted); cursor: pointer; }
.compare-check input { width: 16px; height: 16px; accent-color: var(--accent); cursor: pointer; }
.compare-empty { margin-top: var(--space-6); padding: var(--space-8); border: 1.5px dashed var(--line); border-radius: var(--radius-sm); text-align: center; color: var(--ink-muted); font-size: var(--text-sm); }
.compare-table th[scope=row] { text-align: left; white-space: nowrap; color: var(--ink-muted); font-weight: 600; font-size: var(--text-sm); }
.compare-table thead th { font-family: var(--font-display); font-size: var(--text-lg); }
.empty-msg { margin-top: var(--space-8); text-align: center; color: var(--ink-muted); }
.link-btn { background: none; border: none; color: var(--accent); font: inherit; text-decoration: underline; cursor: pointer; }
.section-sub { margin-top: var(--space-3); color: var(--ink-muted); font-size: var(--text-lg); max-width: 56ch; }
.model-card .compare-check { margin-top: var(--space-4); }