.dir-compact{padding:20px 24px;gap:12px}
.dir-compact h2{font-size:21px;margin:0}
.dir-primary{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;min-width:0}
.dir-primary>.field{flex:1 1 280px;min-width:0}
.dir-primary input{margin-bottom:0!important}
.dir-primary button{margin:0;gap:7px;min-height:48px}
.dir-primary .dir-clear{min-height:48px;display:inline-flex;align-items:center;font-size:14px}
.dir-toggle svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;flex-shrink:0}
.dir-toggle[hidden],.dir-advanced[hidden]{display:none!important}
.dir-toggle:focus-visible,.dir-clear:focus-visible{outline:3px solid #80500f;outline-offset:3px}
.dir-advanced{min-width:0;border-top:1px solid var(--line);padding-top:16px}
.dir-advanced.is-opening{animation:dir-reveal 160ms ease-out}
.dir-advanced .filter-checks{margin-bottom:0}
@keyframes dir-reveal{from{opacity:.4;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.dir-advanced.is-opening{animation:none}}
@media(max-width:640px){.dir-compact{padding:16px;gap:12px}.dir-primary{gap:10px}.dir-primary>.field{flex-basis:100%}.dir-primary button{padding:10px 12px;flex:1 1 auto;font-size:15px}.dir-primary .dir-clear{min-height:44px}.dir-compact .dir-place{padding:12px}.dir-primary>*{max-width:100%}}