.md3-filter-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px clamp(16px,3vw,32px);margin-bottom:32px;box-shadow:var(--shadow)}.md3-filter-search{width:100%;margin-bottom:16px}.md3-filter-search-input{width:100%;padding:12px 18px;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--ink-2);color:var(--white);font-family:var(--font-body),system-ui,sans-serif;font-size:1rem;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.md3-filter-search-input::-moz-placeholder{color:var(--faint)}.md3-filter-search-input::placeholder{color:var(--faint)}.md3-filter-search-input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--glow-soft)}.md3-filter-row{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end}.md3-filter-control{display:flex;flex-direction:column;gap:6px;color:var(--text);font-size:.9rem;min-width:140px}.md3-filter-control--full{flex:1 1 100%;min-width:100%}.md3-filter-label{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--muted)}.md3-filter-select{padding:9px 14px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--ink-2);color:var(--white);font-size:.95rem}.md3-filter-select:focus{outline:none;border-color:var(--red)}.md3-filter-toggle{flex-direction:row;align-items:center;gap:10px;min-width:unset}.md3-filter-toggle input[type=checkbox]{width:20px;height:20px;accent-color:var(--red);cursor:pointer}.md3-filter-description{margin:0;font-size:.8rem;color:var(--muted)}.md3-filter-extra{margin-top:18px}.md3-filter-note{background:none;border:none;color:var(--muted);font-size:.85rem;padding:0;cursor:pointer;text-decoration:underline}.md3-filter-multiselect{display:flex;flex-direction:column;gap:10px}.md3-filter-chip-grid{display:flex;flex-wrap:wrap;gap:10px}.md3-filter-chip{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--white);padding:6px 14px;border-radius:var(--r-pill);font-size:.85rem;text-transform:none;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.md3-filter-chip--active,.md3-filter-chip:hover{border-color:var(--red);color:var(--red-hi)}.md3-filter-chip--active{background:rgba(245,18,30,.15);box-shadow:inset 0 0 0 1px var(--glow-soft)}@media (max-width:768px){.md3-filter-panel{padding:18px}.md3-filter-row{flex-direction:column;align-items:stretch}.md3-filter-control,.md3-filter-select{width:100%}.md3-filter-toggle{flex-direction:row;justify-content:space-between}}