/* Native dialog state, backdrop and scroll locking need component selectors. */
[data-cookie-consent] [hidden] { display: none !important; }
[data-cookie-banner] { max-height: calc(100dvh - 2rem); overflow-y: auto; }
[data-cookie-dialog] { margin: auto; max-width: min(42rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); overflow-y: auto; }
[data-cookie-dialog]::backdrop { background: rgba(17, 28, 34, .55); }
html:has([data-cookie-dialog][open]) { overflow: hidden; }
[data-cookie-consent] button:focus-visible,
[data-cookie-consent] a:focus-visible,
[data-cookie-consent] input:focus-visible { outline: 3px solid #00636b; outline-offset: 3px; }
[data-cookie-consent] input[type="checkbox"] { width: 1.5rem; height: 1.5rem; accent-color: #00636b; }