/* Cookie consent banner (static/consent.js). Loaded on every page that uses
   _head, including ones without landing.css, so colours fall back to the
   dark theme's values. */
.consent-banner {
  display: none;
  position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 1000;
  max-width: 34rem; margin: 0 auto; padding: 16px 18px;
  background: var(--surface, #0F172A); color: var(--fg, #E2E8F0);
  border: 1px solid var(--border, #243044); border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .35);
  font: 14px/1.5 var(--sans, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
}
.consent-banner.is-open { display: block; }
.consent-text { margin: 0 0 12px; }
.consent-text a { color: inherit; text-decoration: underline; }
.consent-actions { display: flex; gap: 8px; justify-content: flex-end; }
.consent-btn {
  min-width: 6.5rem; padding: 8px 14px; border-radius: 8px; cursor: pointer;
  font: inherit; font-weight: 600;
  background: transparent; color: var(--fg, #E2E8F0);
  border: 1px solid var(--border, #243044);
}
.consent-btn:hover { border-color: var(--accent, #3B82F6); }
.consent-btn:focus-visible { outline: 2px solid var(--accent, #3B82F6); outline-offset: 2px; }
:root[data-theme="light"] .consent-banner {
  background: #fff; color: #1a1f2b; border-color: #e3e0d6;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .12);
}
:root[data-theme="light"] .consent-btn { color: #1a1f2b; border-color: #d6d2c6; }