/* Uses the existing corporate token family; no font, logo or hero changes. */
#analytics-consent-panel {
  position: fixed; z-index: 10000; inset: auto 16px 16px; margin: 0 auto;
  max-width: 800px; max-height: calc(100dvh - 32px); overflow: auto;
  padding: 24px; border: 1px solid var(--line); border-radius: var(--r);
  background: var(--white); color: var(--ink); font-family: var(--font);
  box-shadow: var(--shadow-2);
}
#analytics-consent-panel[hidden] { display: none; }
#analytics-consent-panel h2 { font: 600 20px/1.4 var(--font); margin: 0 0 12px; }
#analytics-consent-panel p { font: 400 14px/1.65 var(--font); margin: 0 0 12px; }
.analytics-consent-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.analytics-consent-actions button {
  flex: 1 1 200px; min-height: 48px; padding: 12px 20px; border: 1px solid var(--ink);
  border-radius: var(--r-pill); background: var(--ink); color: var(--white);
  font: 600 14px/1.4 var(--font); cursor: pointer;
}
.analytics-preferences {
  display: block; margin: 16px auto; padding: 12px 20px; min-height: 48px;
  border: 1px solid currentColor; border-radius: var(--r-pill);
  background: transparent; color: inherit; font: 600 14px/1.4 var(--font); cursor: pointer;
}
#analytics-consent-panel button:focus-visible, .analytics-preferences:focus-visible {
  outline: 3px solid var(--o-ink); outline-offset: 3px;
}
@media (max-width: 480px) {
  #analytics-consent-panel { padding: 16px; inset: auto 8px 8px; max-height: calc(100dvh - 16px); }
}