#filterDrawer .filter-grid{gap:1.4rem 1.2rem;align-items:start}
#filterDrawer .filter-grid fieldset{min-width:0;margin:0;padding:.75rem 0 0;border:0;border-top:1px solid #b5a28666}
#filterDrawer .filter-grid legend{padding:0 .4rem 0 0;color:#31281c;font-size:.78rem;font-weight:650;letter-spacing:.025em}
#filterDrawer .check{display:flex;align-items:center;gap:.6rem;min-height:40px;padding:.3rem .35rem;border-radius:6px;font-size:.84rem;line-height:1.35;cursor:pointer}
#filterDrawer .check:hover{background:#d6b46a26}
#filterDrawer .check:has(input:checked){background:#d6b46a38;color:#211b12}
#filterDrawer .check input{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:#795724}
#filterDrawer .check:focus-within{outline:2px solid #795724;outline-offset:2px}
#filterDrawer .filter-preference-note{margin:1.2rem 0;color:#635845;font-size:.78rem;line-height:1.5}
#filterDrawer .filter-footer{position:sticky;bottom:0;z-index:2;gap:1rem;padding:1rem 0 .25rem;background:#eee6d8}
@media(max-width:720px){#filterDrawer .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}#filterDrawer .check{min-height:44px}#filterDrawer .filter-footer .button{flex:1;min-height:48px}#filterDrawer .filter-footer{padding-bottom:max(.5rem,env(safe-area-inset-bottom))}}
@media(max-width:380px){#filterDrawer .filter-grid{grid-template-columns:1fr}}