.cookie-banner {
  position: fixed;
  z-index: 20;
  right: 22px;
  bottom: 22px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 26px;
  width: min(720px, calc(100vw - 44px));
  padding: 26px;
  background: #fff;
  border: 1px solid #b9c7d3;
  box-shadow: 10px 10px 0 #163a5a;
}
.cookie-banner[hidden] { display: none; }
.cookie-banner h2 { margin: 5px 0 8px; color: var(--ink); font-size: 21px; letter-spacing: -.04em; }
.cookie-banner p:not(.eyebrow) { max-width: 460px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.cookie-banner a { color: var(--ink); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.cookie-actions { display: flex; flex-direction: column; justify-content: center; gap: 8px; min-width: 152px; }
.cookie-actions .button { justify-content: center; width: 100%; border: 0; cursor: pointer; font: inherit; }
.button-quiet { background: #e7edf1; color: var(--ink); }
.button-quiet:hover, .button-quiet:focus-visible { background: #d6e0e6; }
.footer-link-button { padding: 0; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; text-align: left; }
.footer-link-button:hover, .footer-link-button:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.form-note a { color: inherit; font-weight: 800; text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 680px) { .cookie-banner { right: 14px; bottom: 14px; grid-template-columns: 1fr; gap: 18px; width: calc(100vw - 28px); padding: 22px; } .cookie-actions { display: grid; grid-template-columns: 1fr 1fr; } }