/* Shared open-panel grammar; triggers retain their contextual light/dark variant. */
:root{--choice-panel:#232323;--choice-text:#fff;--choice-divider:#ffffff40}
.popover,.filter-content{background:var(--choice-panel);color:var(--choice-text);border:1px solid var(--choice-divider);border-radius:18px;box-shadow:0 12px 28px #0002}
.filter-content{padding:8px;min-width:100%;max-height:280px}
.filter-content label,.filter-content .choice-option,.popover .options li{min-height:42px;line-height:1.4;font-size:14px;background:transparent;color:#fff}
.filter-content label{padding:8px 10px;gap:10px}
.filter-content input[type=checkbox]{border:1px solid #ffffff88;background:transparent;border-radius:5px}
.filter-content input:checked:after{color:#fff}
.filter-content input[type=radio]{border:0;border-radius:0;width:18px;height:18px;background:transparent}
.filter-content button{color:#fff;background:transparent;border-color:var(--choice-divider);padding:10px;min-height:44px;line-height:1.4}
.filter-content [data-clear]{padding-right:34px;margin-top:4px}.filter-content [data-clear][aria-pressed=true]:after{right:10px}
.filter-content .choice-option{display:flex;align-items:center;gap:10px;width:100%;border:0;margin:0;text-align:left;padding:8px 10px;cursor:pointer}
.choice-option:before{content:'';width:18px;flex:0 0 18px}.choice-option[aria-selected=true]:before{content:'✓';font-size:16px}.choice-option[aria-selected=true]{font-weight:600}
.filter-content label:has(input:focus-visible){outline:1px solid #fff;outline-offset:-2px;border-radius:4px}
.filter-content input:focus-visible{outline:none!important;box-shadow:none!important}
.filter-content button:focus-visible,.popover .options li:focus-visible,.popover .reset-filter:focus-visible{outline:1px solid #fff;outline-offset:-3px;box-shadow:none}.filter-content label:has(input:checked){background:transparent}@media(any-hover:hover){:where(html:not(.megara-touch-input)) .filter-content label:hover,:where(html:not(.megara-touch-input)) .filter-content button:hover{background:transparent}}
.single-choice summary{white-space:nowrap}.single-choice .filter-content{width:100%;min-width:240px}
.sort .single-choice{width:244px}.sort .single-choice summary{height:48px;min-height:48px;font-size:14px}.sort .single-choice .filter-content{right:0;left:auto}
.filter-content [role=option]{flex-shrink:0}
@media(max-width:760px){.sort .single-choice{width:230px;max-width:calc(100% - 80px)}.single-choice .filter-content{min-width:100%}}
@media(forced-colors:active){.popover,.filter-content{background:Canvas;color:CanvasText;border-color:CanvasText}.filter-content label,.filter-content button,.filter-content input:checked:after{color:CanvasText}.filter-content input[type=checkbox]{border-color:CanvasText}.filter-content label:has(input:focus-visible),.filter-content button:focus-visible{outline-color:Highlight}}
.filter-content label>input[type=radio]{width:18px;min-width:18px;height:18px;min-height:18px;max-height:18px;padding:0;margin:0;border:0;border-radius:0}
.filter-pop.choice-up>.filter-content{top:auto;bottom:calc(100% + 8px)}
.filter-pop.choice-up [data-clear]{border-top:0;border-bottom:1px solid var(--choice-divider);margin:0 0 4px}

/* M8.1.1 generated light palette — scripts/build-light-palette.mjs */
@media (prefers-color-scheme: dark) and (forced-colors: none){
:root{--choice-panel:#232323;--choice-text:#fff;--choice-divider:#ffffff40;}
.popover,.filter-content{background:var(--choice-panel);color:var(--choice-text);border:1px solid var(--choice-divider);border-radius:18px;box-shadow:0 12px 28px #0002;}
.filter-content label,.filter-content .choice-option,.popover .options li{background:transparent;color:#fff;}
.filter-content input[type=checkbox]{border:1px solid #ffffff88;background:transparent;border-radius:5px;}
.filter-content input:checked:after{color:#fff;}
.filter-content input[type=radio]{border:0;border-radius:0;background:transparent;}
.filter-content button{color:#fff;background:transparent;border-color:var(--choice-divider);}
.filter-content .choice-option{border:0;}
.filter-content label:has(input:focus-visible){outline:1px solid #fff;outline-offset:-2px;border-radius:4px;}
.filter-content input:focus-visible{outline:none!important;box-shadow:none!important;}
.filter-content button:focus-visible,.popover .options li:focus-visible,.popover .reset-filter:focus-visible{outline:1px solid #fff;outline-offset:-3px;box-shadow:none;}
.filter-content label:has(input:checked){background:transparent;}
@media(any-hover:hover){:where(html:not(.megara-touch-input)) .filter-content label:hover,:where(html:not(.megara-touch-input)) .filter-content button:hover{background:transparent;}
}
@media(forced-colors:active){.popover,.filter-content{background:Canvas;color:CanvasText;border-color:CanvasText;}
.filter-content label,.filter-content button,.filter-content input:checked:after{color:CanvasText;}
.filter-content input[type=checkbox]{border-color:CanvasText;}
.filter-content label:has(input:focus-visible),.filter-content button:focus-visible{outline-color:Highlight;}
}
.filter-content label>input[type=radio]{border:0;border-radius:0;}
.filter-pop.choice-up [data-clear]{border-top:0;border-bottom:1px solid var(--choice-divider);}
}