.filter-bar { display: flex; gap: var(--space-2); align-items: center; justify-content: space-between; flex-wrap: wrap; padding: var(--space-2) 0; background: var(--color-paper); z-index: 20; }
.filter-bar.is-sticky { position: sticky; top: 0; border-bottom: var(--border-width) solid var(--color-border); }
.filter-chips { display: flex; gap: var(--space-1); flex-wrap: wrap; }
.filter-chip { border: var(--border-width) solid var(--color-charcoal); padding: .55rem .8rem; font-size: var(--text-caption); text-transform: uppercase; letter-spacing: var(--tracking-wide); }
.filter-chip[aria-current="true"], .filter-chip.is-active { background: var(--color-charcoal); color: var(--color-paper); }