/* Only component geometry; all color and typography roles come from brand.css. */
.ritel-preferences{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;font-family:var(--ritel-ui);font-size:14px;line-height:1.5;color:var(--ritel-fg)}
.ritel-preference{position:relative}
.ritel-preferences button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:0}
.ritel-preference-trigger{display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent}
.ritel-preference-trigger:hover,.ritel-preference-trigger[aria-expanded=true]{background:var(--ritel-hover)}
.ritel-preference-menu{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;min-width:220px;max-width:calc(100vw - 32px);padding:6px;border:1px solid var(--ritel-border);background:var(--ritel-surface);box-shadow:0 12px 32px #0002;z-index:80}
.ritel-preference-menu[hidden]{display:none}
.ritel-preference-menu button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:44px;padding:10px 12px;text-align:start;white-space:nowrap;background:transparent}
.ritel-preference-menu button:hover,.ritel-preference-menu button:focus-visible{background:var(--ritel-hover)}
.ritel-preference-menu button[aria-checked=true]{font-weight:600}
.ritel-preference-check{visibility:hidden}.ritel-preference-menu button[aria-checked=true] .ritel-preference-check{visibility:visible}
.ritel-preferences button:focus-visible{outline:2px solid var(--ritel-focus);outline-offset:2px}
@media(forced-colors:active){.ritel-preference-menu{border-color:CanvasText}.ritel-preferences button:focus-visible{outline-color:Highlight}}