.filters{grid-template-columns:minmax(220px,1.45fr) minmax(250px,1.4fr) minmax(220px,1fr) auto;align-items:start}.family-select{position:relative;min-width:0}.family-select summary{display:flex;align-items:center;justify-content:space-between;height:40px;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:var(--field);color:var(--ink);cursor:pointer;font:inherit;list-style:none;white-space:nowrap;overflow:hidden}.family-select summary::-webkit-details-marker{display:none}.family-select summary::after{content:'⌄';margin-left:9px;color:var(--ink);font-size:16px}.family-select[open] summary{border-color:var(--brand);border-radius:7px 7px 0 0}.family-menu{position:absolute;z-index:10;top:39px;left:0;box-sizing:border-box;width:max(100%,340px);max-height:min(420px,calc(100vh - 190px));padding:7px 0;overflow-x:hidden;overflow-y:auto;border:1px solid var(--brand);border-top:0;border-radius:0 0 7px 7px;background:var(--field);box-shadow:0 10px 20px var(--shadow)}.family-menu label{display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:center;justify-content:start;column-gap:9px;width:100%;min-width:0;margin:0;padding:7px 12px;color:var(--ink);font-size:12px;line-height:1.25;cursor:pointer}.family-menu label span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-menu label:hover{background:var(--subtle)}.family-menu .family-all{padding-bottom:9px;border-bottom:1px solid var(--line);color:var(--brand);font-weight:800}.family-menu input{width:14px!important;height:14px!important;margin:0!important;padding:0!important;accent-color:var(--brand)}@media(max-width:1180px){.filters{grid-template-columns:minmax(190px,1fr) minmax(230px,1.25fr) minmax(210px,1fr) auto}.family-menu{width:max(100%,300px)}}@media(max-width:920px){.family-menu{position:static;width:100%;max-height:240px;border-top:1px solid var(--brand);border-radius:0 0 7px 7px}.family-select[open] summary{border-radius:7px 7px 0 0}}
