/* R125: visual inclusion mapping only. aria-pressed and filtering unchanged. */
html[data-theme] body #filter-panel #aspect-buttons button,
html[data-theme] body #filter-panel #media-buttons button{--state-hue:var(--group-blue);--state-ink:#193943;--state-border:#739eaa}
html[data-theme] body #filter-panel #cluster-buttons button{--state-hue:var(--genre-highlight);--state-ink:var(--genre-ink);--state-border:var(--genre-border)}
html[data-theme] body #filter-panel :is(#aspect-buttons,#media-buttons,#cluster-buttons) button[aria-pressed=true],
html[data-theme] body #filter-panel :is(#aspect-buttons,#media-buttons,#cluster-buttons) button[aria-pressed=true]:hover{background:var(--state-hue);color:var(--state-ink);border-color:var(--state-border);box-shadow:none}
html[data-theme=light] body #filter-panel :is(#aspect-buttons,#media-buttons,#cluster-buttons) button[aria-pressed=false],
html[data-theme=light] body #filter-panel :is(#aspect-buttons,#media-buttons,#cluster-buttons) button[aria-pressed=false]:hover{background:#fff;color:#595959;border-color:#aaa;box-shadow:none}
html[data-theme=dark] body #filter-panel :is(#aspect-buttons,#media-buttons,#cluster-buttons) button[aria-pressed=false],
html[data-theme=dark] body #filter-panel :is(#aspect-buttons,#media-buttons,#cluster-buttons) button[aria-pressed=false]:hover{background:#000;color:#fff;border-color:var(--state-hue);box-shadow:none}
html[data-theme] body #filter-panel :is(#aspect-buttons,#media-buttons,#cluster-buttons) button:hover{box-shadow:0 0 0 1px var(--state-hue)!important}
html[data-theme=dark] body #filter-panel :is(#aspect-buttons,#media-buttons,#cluster-buttons) button:focus-visible{outline:2px solid #fff;outline-offset:3px}
html[data-theme=light] body #filter-panel :is(#aspect-buttons,#media-buttons,#cluster-buttons) button:focus-visible{outline:2px solid var(--aiml-focus);outline-offset:3px}
