.filter-bar{border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);background:var(--soft);font-family:var(--font-ui);grid-template-columns:1.5fr 1fr 1fr auto;align-items:end;gap:1rem;padding:1.25rem;display:grid}.filter-bar label,.status-filter legend{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;gap:.4rem;font-size:.78rem;font-weight:700;display:grid}.filter-bar select,.search-field>span{border:1px solid var(--brand-gray);background:var(--canvas);width:100%;min-height:3rem;color:var(--ink);text-transform:none;border-radius:.25rem;padding:0 .75rem;font-size:.95rem}.status-filter{border:0;flex-wrap:wrap;gap:.5rem;min-width:0;margin:0;padding:0;display:flex}.status-filter legend{width:100%}.status-filter button{border:1px solid var(--rule);background:var(--canvas);min-height:3rem;color:var(--muted);border-radius:.25rem;padding:.55rem .8rem;font-size:.9rem;font-weight:650}.status-filter button[aria-pressed=true]{border-color:var(--action);background:var(--action);color:var(--canvas)}.filter-reset{min-height:3rem;color:var(--action);background:0 0;border:0;align-items:center;gap:.4rem;padding:.5rem;font-size:.9rem;font-weight:700;display:inline-flex}.result-count{color:var(--muted);font-family:var(--font-ui);margin:1.25rem 0 2rem;font-size:.9rem}.event-grid,.expert-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3.5rem 2rem;display:grid}.expert-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.expert-filters{grid-template-columns:2fr 1fr}.search-field>span{grid-template-columns:auto 1fr;align-items:center;gap:.6rem;display:grid}.search-field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:.95rem}.search-field>span:focus-within{outline:3px solid var(--focus);outline-offset:2px}.no-results{border:1px solid var(--rule);background:var(--soft);text-align:center;padding:clamp(2rem,6vw,4rem)}.no-results h2{font-family:var(--font-ui);margin:0}.no-results p{max-width:52ch;color:var(--muted);margin-inline:auto}@media (max-width:64rem){.filter-bar{grid-template-columns:1fr 1fr}.status-filter{grid-column:1/-1}.expert-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:48rem){.filter-bar,.expert-filters{grid-template-columns:1fr}.event-grid,.expert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:34rem){.event-grid,.expert-grid{grid-template-columns:1fr}}
