/* Shared switches: native checked state, keyboard and form handling remain intact. */
:root body input[type="checkbox"][role="switch"]{appearance:none;-webkit-appearance:none;display:inline-block;position:relative;box-sizing:border-box;flex:0 0 48px;width:48px;min-width:48px;max-width:48px;height:28px;min-height:28px;padding:0;margin:0;vertical-align:middle;border:1px solid #777;border-radius:999px;background:#d4d6d8;cursor:pointer;outline:none;transition:background-color .15s,border-color .15s}
:root body input[type="checkbox"][role="switch"]::before{content:"";position:absolute;box-sizing:border-box;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0005;transform:translateX(0);transition:transform .15s}
:root body input[type="checkbox"][role="switch"]:checked{background:var(--red,#8a201b);border-color:var(--red,#8a201b)}
:root body input[type="checkbox"][role="switch"]:checked::before{transform:translateX(20px)}
:root body input[type="checkbox"][role="switch"]:focus-visible{outline:3px solid #2463c7;outline-offset:3px}
:root body input[type="checkbox"][role="switch"]:disabled{opacity:.45;cursor:not-allowed}
label:has(>input[role="switch"]){min-height:44px;cursor:pointer}
label:has(>input[role="switch"]):not(.extra-choice){display:flex;align-items:center;gap:12px}
@media(prefers-reduced-motion:reduce){:root body input[type="checkbox"][role="switch"],:root body input[type="checkbox"][role="switch"]::before{transition:none}}
@media(forced-colors:active){:root body input[type="checkbox"][role="switch"]{background:Canvas;border:2px solid ButtonText;forced-color-adjust:none}:root body input[type="checkbox"][role="switch"]::before{background:ButtonText;top:2px;left:2px}:root body input[type="checkbox"][role="switch"]:checked{background:Highlight;border-color:Highlight}:root body input[type="checkbox"][role="switch"]:checked::before{background:HighlightText}}

#optionFields .extra-choice{grid-template-columns:48px minmax(0,1fr) auto;gap:10px}

@media screen and (max-width:380px){#optionFields .extra-choice{grid-template-columns:48px minmax(0,1fr);gap:8px 12px}#optionFields .extra-choice strong{grid-column:2}}