.cookie-banner { position: fixed; inset: auto 0 0; z-index: 12000; display: none; padding: 1.25rem 1.5rem; background: #1a1a1a; color: #fff; }
.cookie-banner.is-visible { display: block; }
/* Accessible name for the role="dialog" banner: read by screen readers, invisible
   on screen. Declared here because this stylesheet loads on every page, unlike the
   Font Awesome subset which also defines an .sr-only helper. */
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.cookie-banner-inner { display: flex; max-width: 1100px; margin: 0 auto; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; }
.cookie-banner-text { flex: 1 1 320px; margin: 0; color: #f0f0f0; font-size: .9rem; line-height: 1.5; }
.cookie-banner-text a { color: #9ac6ff; text-decoration: underline; }
.cookie-banner-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.cookie-banner-actions button { padding: .65rem 1.1rem; border-radius: 6px; font: inherit; font-weight: 600; cursor: pointer; }
.cookie-banner-accept { border: 0; background: #0a66c2; color: #fff; }
.cookie-banner-reject { border: 1px solid #aaa; background: transparent; color: #fff; }