/* shared/css/consent.css — the consent banner; neutral so it fits every site's brand, light and dark. Decline and Accept look the same (no nudge towards either; spec 2026-11-11 D3). While the banner is open, the page's last footer keeps room below its content, in the footer's own colour, so every visitor (a phone too) can scroll the end of the page above the banner, and a focused element is scrolled above the banner, so nothing Tab reaches is hidden behind it (WCAG 2.2 2.4.11). Both rules end with the banner. */
.consent{position:fixed;left:12px;right:12px;bottom:12px;z-index:200;max-width:560px;margin:0 auto;padding:16px 18px;border:1px solid #e5e5ea;border-radius:16px;background:#fff;color:#1d1d1f;box-shadow:0 12px 40px rgba(0,0,0,.18);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.consent p{margin:0 0 12px}
.consent a{color:inherit;font-weight:600}
.consent-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.consent button{font:inherit;font-weight:600;border-radius:999px;padding:9px 16px;cursor:pointer;background:#1d1d1f;color:#fff;border:1px solid #1d1d1f}
@media(prefers-color-scheme:dark){.consent{background:#1c1c1e;color:#f5f5f7;border-color:#2a2a2d}.consent button{background:#f5f5f7;color:#1d1d1f;border-color:#f5f5f7}}
/* The room is at least as tall as the banner (from its top to the bottom of the screen): measured 2026-11-12 in all twelve
   languages, it takes up to 351 px at 320 px wide, 288 px at 390 px, 267 px at 430 px and 246 px from 480 px on. The
   room shrinks with the width from 380 px at 320 px to 260 px from 512 px on, above every one of those. */
html:has(#consent){--consent-room:clamp(260px,calc(580px - 62.5vw),400px);scroll-padding-bottom:var(--consent-room)}
body:has(> #consent)>footer:not(:has(~ footer)){padding-bottom:var(--consent-room)}
[data-trustbox][hidden]{display:none}
.trustbox-frame{display:block;width:100%;height:52px;border:0}