/* Consent banner. Deliberately plain, and deliberately symmetrical: the two
   buttons are identical in size and prominence, because under the ePrivacy
   rules refusing must be as easy as accepting. */
#consent {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 200;
  background: #15181B; color: #F1F3F4;
  border-top: 3px solid #A85C18;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 14.5px; line-height: 1.55;
}
#consent[hidden] { display: none !important; }
.consent-in {
  max-width: 1100px; margin: 0 auto; padding: 18px 24px;
  display: flex; align-items: center; gap: 16px 28px; flex-wrap: wrap;
}
.consent-text { flex: 1 1 380px; margin: 0; }
.consent-text a { color: #E9A559; }
.consent-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.consent-btn {
  font: inherit; font-weight: 600; cursor: pointer;
  padding: 11px 22px; border-radius: 2px; border: 1px solid #F1F3F4;
  background: transparent; color: #F1F3F4; min-width: 116px;
  transition: background-color .15s ease, color .15s ease;
}
.consent-btn:hover { background: #F1F3F4; color: #15181B; }
.consent-btn:focus-visible { outline: 3px solid #E9A559; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .consent-btn { transition: none; } }
@media (max-width: 560px) {
  .consent-in { padding: 15px 18px; }
  .consent-actions { width: 100%; }
  .consent-btn { flex: 1 1 0; }
}
