.cookie-banner,.cookie-dialog{font-family:var(--sans);background:var(--surface);color:var(--n900);border:1px solid var(--n300);padding:var(--s6);box-shadow:var(--shadow-lg)}
.cookie-banner{position:fixed;z-index:1000;inset:auto max(20px,calc((100vw - 1440px)/2 + 48px)) 20px;display:grid;grid-template-columns:1fr auto;gap:var(--s6);max-height:80svh;overflow:auto}
.cookie-banner h2,.cookie-dialog h2{font-size:24px;line-height:1.2;font-weight:400;margin:0 0 12px}.cookie-banner p,.cookie-dialog p{font-size:14px;line-height:1.55;margin:0 0 12px;max-width:70ch}.cookie-banner a,.cookie-dialog a{text-decoration:underline;color:inherit;font-size:14px}
.cookie-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.cookie-actions button:focus-visible,.cookie-category input:focus-visible,.cookie-settings-link:focus-visible{outline:2px solid var(--brand);outline-offset:4px}.cookie-dialog{max-width:640px;width:calc(100% - 32px);max-height:85svh;overflow:auto;margin:auto}.cookie-dialog::backdrop{background:var(--color-overlay-dark)}
.cookie-category{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--n200);padding:20px 0;font-size:15px}.cookie-category>span>span{display:block;font-size:14px;line-height:1.5;margin-top:8px}.cookie-category input{width:24px;height:24px;flex:none;accent-color:var(--brand)}.cookie-category:has(>strong){display:block}.cookie-category p{margin-top:8px}
.cookie-settings-link{font:inherit;background:none;border:0;padding:0;color:inherit;text-align:left;cursor:pointer;min-height:44px}.cookie-error{position:fixed;bottom:16px;left:20px;z-index:1001;background:var(--surface);color:var(--n900);padding:16px;font:14px var(--sans)}
@media(max-width:900px){.cookie-banner{grid-template-columns:1fr;inset:auto 16px 16px;padding:20px}.cookie-actions button{flex:1 1 auto}.cookie-banner h2{font-size:20px}}
.colophon__list .cookie-settings-link{font-size:var(--t-sm);font-weight:var(--w-light);color:var(--n600);line-height:inherit;min-height:0;transition:color var(--d-fast) var(--ease-out)}
.colophon__list .cookie-settings-link:hover{color:var(--n900)}