.consent-banner,.consent-dialog{box-sizing:border-box;color:#191919;background:#fff;border:1px solid #929292;border-radius:16px;box-shadow:0 6px 28px #0002;font:inherit}
.consent-banner{position:fixed;z-index:10010;bottom:18px;left:18px;width:min(660px,calc(100% - 36px));padding:22px;max-height:calc(100dvh - 36px);overflow:auto}
.consent-banner h2,.consent-dialog h2{font-size:21px;line-height:1.25;margin:0 0 12px}
.consent-banner p,.consent-dialog p{font-size:14px;line-height:1.5;margin:0 0 14px}
.consent-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.consent-actions .button,.consent-dialog button{font:inherit;font-size:14px;min-height:44px;padding:10px 16px;color:#191919;background:white;border:1px solid #929292;border-radius:999px;cursor:pointer;transition:background-color 170ms}@media(any-hover:hover){:where(html:not(.megara-touch-input)) .consent-actions .button:hover,:where(html:not(.megara-touch-input)) .consent-dialog button:hover{background:#e9edf1}}
.consent-banner a,.consent-dialog a{text-decoration:underline;color:inherit;font-size:14px}
.consent-banner .consent-options,.consent-banner .consent-actions .button.consent-save{display:none!important}
.consent-dialog{width:min(540px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:24px;margin:auto}
.consent-dialog::backdrop{background:#0006}
.consent-dialog:not([open]){display:none}
.consent-options input{width:20px;height:20px;vertical-align:middle;accent-color:#191919;margin-right:8px}
.consent-options label{display:inline-flex;align-items:center;min-height:44px;cursor:pointer}
.consent-banner :focus-visible,.consent-dialog :focus-visible,.megara-consent-form :focus-visible{outline:3px solid #191919;outline-offset:4px}
.consent-feedback:empty{display:none}
@media(max-width:760px){.consent-banner{padding:18px;bottom:12px;left:12px;width:calc(100% - 24px)}.consent-actions .button{flex:1}.consent-dialog{padding:20px}}
@media(prefers-reduced-motion:reduce){.consent-actions .button,.consent-dialog button{transition:none}}

/* M8.1.1 generated light palette — scripts/build-light-palette.mjs */
@media (prefers-color-scheme: dark) and (forced-colors: none){
.consent-banner,.consent-dialog{color:#191919;background:#fff;border:1px solid #929292;border-radius:16px;box-shadow:0 6px 28px #0002;}
.consent-actions .button,.consent-dialog button{color:#191919;background:white;border:1px solid #929292;border-radius:999px;}
@media(any-hover:hover){:where(html:not(.megara-touch-input)) .consent-actions .button:hover,:where(html:not(.megara-touch-input)) .consent-dialog button:hover{background:#e9edf1;}
}
.consent-banner a,.consent-dialog a{color:inherit;}
.consent-dialog::backdrop{background:#0006;}
.consent-options input{accent-color:#191919;}
.consent-banner :focus-visible,.consent-dialog :focus-visible,.megara-consent-form :focus-visible{outline:3px solid #191919;outline-offset:4px;}
}