/* Operational privacy controls preserve the site's black/orange identity. */
.cookie-notice[hidden] { display: none; }
.cookie-notice {
  position: fixed; inset: auto 1rem 1rem; z-index: 10020;
  max-width: 44rem; padding: 1.25rem; background: #080808;
  color: #f5f0e8; border: 1px solid #76604a; border-radius: 12px;
  box-shadow: 0 12px 36px rgba(0,0,0,.6);
  font: 400 1rem/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
  max-height: calc(100dvh - 2rem); overflow-y: auto;
}
.cookie-notice h2 {
  /* Isolate operational copy from the incumbent global display-heading rules. */
  font: 700 1.1rem/1.3 system-ui, -apple-system, "Segoe UI", sans-serif !important;
  text-transform: none !important; letter-spacing: normal !important;
  white-space: normal !important; margin: 0 0 .65rem;
  overflow-wrap: anywhere;
}
.cookie-notice p {
  margin: 0 0 .75rem;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif !important;
}
.cookie-notice a, .legal-page a { color: #ff8f38; text-decoration: underline; }
.cookie-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }
.cookie-actions button, [data-cookie-settings] {
  color: #f5f0e8; background: #080808; border: 1px solid #bba48d;
  padding: .65rem .9rem; min-height: 44px; cursor: pointer; font: inherit;
}
.cookie-actions button:hover { border-color: #ff8f38; }
.cookie-actions button:focus-visible, [data-cookie-settings]:focus-visible, .legal-page a:focus-visible {
  outline: 2px solid #ff8f38; outline-offset: 4px;
}
.footer__bottom [data-cookie-settings] { border: 0; padding: .25rem; text-decoration: underline; }
.legal-page { background: #080808; color: #f5f0e8; margin: 0; font: 400 1rem/1.65 "DM Sans", sans-serif; }
.legal-page main { max-width: 70ch; margin: 0 auto; padding: 3rem 1.25rem 6rem; }
.legal-page h1 { font: 400 clamp(2rem, 5vw, 3.5rem)/1.15 "Cormorant Garamond", serif; }
.legal-page h2 { margin-top: 3rem; font: 700 1.5rem/1.3 "DM Sans", sans-serif; }
.legal-page h3 { font-size: 1.15rem; margin-top: 1.5rem; }
.legal-page p, .legal-page li { overflow-wrap: anywhere; }
@media (max-width: 480px) { .cookie-actions { flex-direction: column; } .cookie-actions button { width: 100%; } }