/* Reuse the site's light-mode surface and text tokens. Both choices have equal prominence. */
.cookie-banner{position:fixed;inset:auto var(--gutter) var(--gutter);z-index:70;display:flex;align-items:center;gap:24px;padding:24px;max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line-strong);border-radius:20px;background:var(--surface);color:var(--ink)}
.cookie-copy{flex:1;max-width:780px}
.cookie-copy h2{font-family:var(--sans);font-size:18px;font-weight:600;letter-spacing:0;line-height:1.4;margin:0 0 8px}
.cookie-copy p{font-size:14px;line-height:1.6;margin:0}
.cookie-actions{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}
.cookie-actions button{padding:12px 16px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--ink);font-size:14px;font-weight:600;min-height:44px}
.cookie-actions button:hover{background:var(--sand);color:var(--ink)}
.cookie-settings{padding:0;border:0;background:transparent;color:var(--on-deep);font-size:14px;text-decoration:underline;text-underline-offset:4px}
.cookie-settings:hover{color:var(--on-deep)}
.cookie-settings:focus-visible{outline-color:var(--sage)}
@media(max-width:800px){.cookie-banner{flex-direction:column;align-items:stretch;gap:16px;padding:20px}.cookie-actions{flex-shrink:1}.cookie-actions button{flex:1}}