.filter-multi { position: relative; min-width: 12rem; max-width: 25rem; font-weight: normal; }
.filter-multi summary { cursor: pointer; border: 1px solid var(--border, #dce5de); border-radius: .5rem; padding: .75rem; background: var(--surface, #fff); }
.filter-multi summary span { overflow-wrap: anywhere; }
.filter-multi[open] .filter-multi-options { position: absolute; z-index: 40; min-width: 100%; max-width: min(30rem, 85vw); max-height: 19rem; overflow: auto; padding: .7rem; background: #fff; border: 1px solid #cbd9d0; border-radius: .5rem; box-shadow: 0 .3rem 1rem #0002; }
.filter-multi-options label { display: flex !important; align-items: flex-start; gap: .55rem; padding: .35rem; margin: 0; font-weight: normal; white-space: normal; }
.filter-multi-options input[type="checkbox"] { width: auto; min-width: 1rem; margin-top: .2rem; }
.filter-multi summary:focus-visible { outline: 3px solid #9fc6ac; }