.hp-marketing-choice[hidden], .hp-marketing-choice [hidden] { display: none; }
.hp-marketing-choice {
  position: fixed; z-index: 1000; inset: auto 1rem 1rem;
  width: min(40rem, calc(100% - 2rem)); margin-inline: auto;
  padding: 1.25rem; border: 1px solid var(--color-line);
  border-radius: 1rem; background: var(--color-paper); color: var(--color-ink);
  box-shadow: 0 4px 24px #0002; font-size: 0.9375rem; line-height: 1.5;
  max-height: calc(100dvh - 2rem); overflow-y: auto;
}
.hp-marketing-choice h2 { font-size: 1.125rem; font-weight: 700; margin: 0 0 .5rem; }
.hp-marketing-choice a { text-decoration: underline; }
.hp-marketing-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }
.hp-marketing-actions button { min-height: 44px; white-space: normal; }
.hp-marketing-settings { font: inherit; color: inherit; cursor: pointer; background: none; border: 0; padding: 0; min-height: 44px; text-decoration: underline; }
.hp-marketing-choice :focus-visible, .hp-marketing-settings:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }