.ad-consent, .ad-consent-settings {
  position: fixed;
  z-index: 100;
  background: var(--paper);
  color: var(--ink);
  border: 1px solid var(--muted);
  font: inherit;
  font-size: var(--step-small);
}
.ad-consent {
  inset: auto 16px 16px;
  margin-inline: auto;
  max-width: 720px;
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  padding: 24px;
  box-shadow: 0 8px 24px #1c1b1a26;
}
.ad-consent p { max-width: 70ch; margin: 0; line-height: 1.6; }
.ad-consent a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.ad-consent__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.ad-consent button, .ad-consent-settings {
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid currentColor;
  border-radius: var(--radius);
  background: var(--paper);
  color: var(--ink);
  font: inherit;
  cursor: pointer;
}
.ad-consent button:hover, .ad-consent-settings:hover { background: var(--raised); }
.ad-consent-settings { bottom: 12px; left: 12px; font-size: var(--step-small); }
.ad-consent[hidden], .ad-consent-settings[hidden] { display: none; }
.ad-consent :focus-visible, .ad-consent-settings:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }