.cookie-banner {position:fixed;z-index:10000;bottom:calc(16px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)));left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:20px;border:2px solid #cbd5e1;border-radius:18px;background:#fff;color:#111927;box-shadow:0 6px 28px #10263b30;font:600 14px/1.5 Nunito,system-ui,sans-serif;color-scheme:light}
.cookie-banner[hidden] {display:none!important}
.cookie-banner h2 {margin:0 0 6px;font:800 18px/1.3 Nunito,system-ui,sans-serif;color:inherit}
.cookie-banner p {margin:0;color:#475569}
.cookie-banner a {color:#0369a1;text-decoration:underline}
.cookie-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;padding-bottom:4px}
.cookie-actions button {flex:1 1 150px;min-height:48px;padding:12px 18px;border:0;border-radius:14px;background:var(--guide-brand,#1cb0f6);color:#fff;box-shadow:0 4px 0 var(--guide-blue-lip,#0797d3);font:900 15px/1.3 Nunito,system-ui,sans-serif;cursor:pointer;transition:transform .12s ease-out,box-shadow .12s ease-out,filter .12s}
.cookie-actions button:hover {filter:brightness(1.06)}
.cookie-actions button:active {transform:translateY(4px);box-shadow:none}
.cookie-actions button[data-choice] {transform-origin:center}
@media(hover:hover) and (pointer:fine) {.cookie-actions button[data-choice]:hover {transform:translateY(4px);box-shadow:none;filter:none}}
.cookie-actions button[data-choice]:focus-visible {transform:translateY(4px);box-shadow:none}
.cookie-actions button[data-choice]:active {transform:translateY(4px);box-shadow:none}
.cookie-actions [data-cookie-close] {flex:0 1 auto;border:2px solid #dce1e6;background:#fff;color:#526174;box-shadow:0 4px 0 #d4dce0}
.cookie-actions [data-cookie-close]:hover {background:#f7fafc;filter:none}
.cookie-banner :focus-visible {outline:3px solid #b45309;outline-offset:3px}
.site-footer {padding:20px 18px 36px;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;font:700 14px/1.5 Nunito,system-ui,sans-serif}
.site-footer a {color:inherit}
@media(max-width:760px) {.cookie-banner {top:auto;bottom:calc(8px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)));width:calc(100% - 16px);padding:16px;max-height:calc(100dvh - 16px - var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) - var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)))}}
@media(prefers-reduced-motion:reduce) {.cookie-actions button {transition:none}.cookie-actions button[data-choice]:is(:hover,:focus-visible,:active) {transform:none}}