:root { --audience-bg: #ffffff; --audience-text: #111111; --audience-accent: #111111; --audience-button-text: #ffffff; --audience-font: "Red Hat Text", Arial, sans-serif; }
#audience-consent[hidden] { display: none !important; }
#audience-consent {
  position: fixed; z-index: 1000; inset: auto 16px 16px;
  max-width: 960px; margin: 0 auto; padding: 20px 24px;
  border: 2px solid var(--audience-accent); border-radius: 0;
  background: var(--audience-bg); color: var(--audience-text);
  font: 1rem/1.5 var(--audience-font); text-align: left;
  display: grid; grid-template-columns: 1fr auto; gap: 16px 24px; align-items: center;
  max-height: calc(100dvh - 32px); overflow: auto;
}
#audience-consent p { margin: 0; font: inherit; color: inherit; }
#audience-consent h2 { margin: 0 0 6px; font: bold 1.125rem/1.4 var(--audience-font); color: inherit; letter-spacing: normal; }
#audience-consent a { color: var(--audience-text); text-decoration: underline; }
#audience-consent .audience-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
#audience-consent button {
  appearance: none; margin: 0; width: 116px; min-height: 48px; padding: 10px 12px;
  border: 2px solid var(--audience-accent); border-radius: 0;
  background: var(--audience-accent); color: var(--audience-button-text);
  font: bold 1rem/1.4 var(--audience-font); text-align: center; cursor: pointer;
}
#audience-consent button:hover { text-decoration: underline; }
#audience-consent :focus-visible { outline: 3px solid var(--audience-text); outline-offset: 3px; }
@media (max-width: 700px) {
  #audience-consent { inset: auto 10px 10px; padding: 16px; grid-template-columns: 1fr; gap: 16px; }
  #audience-consent button { width: 100%; }
}