.filterbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4) var(--space-8);align-items:end;margin-bottom:var(--space-6)}
.filterbar fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.filterbar legend{font-weight:700;font-size:var(--type-body-m);margin-bottom:var(--space-2)}
.chip{position:relative;display:inline-flex}
.chip input{position:absolute;opacity:0;inset:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;min-height:var(--target-min);padding:0 var(--space-4);border:1px solid var(--rule-dark);font-size:var(--type-body-m);font-weight:700}
.chip input:checked+span{background:var(--on-surface);color:var(--surface);border-color:var(--on-surface)}
.chip input:focus-visible+span{outline:3px solid var(--secondary);outline-offset:3px}
.sortby{display:grid;gap:var(--space-1);font-size:var(--type-body-m);font-weight:700}
.sortby select{min-height:var(--target-min);padding:0 var(--space-3);font:inherit;background:var(--surface);color:var(--on-surface);border:1px solid var(--on-surface)}
.filter-count{grid-column:1/-1;font-size:var(--type-body-m);color:var(--on-surface-variant)}
.op-line[hidden]{display:none}
@media (max-width:640px){.filterbar{grid-template-columns:1fr}}