/* Shared announcement, including the standalone email-preference page. */
.campaign-announcement {
  color: var(--text, #142536);
  background: var(--sage, #edf5ec);
  border-bottom: 1px solid var(--border, #cddacb);
  font: 500 .875rem/1.5 Figtree, 'Segoe UI', sans-serif;
}
.campaign-announcement .campaign-announcement-wrap {
  width: min(100% - 3rem, 72rem);
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  min-height: 2.75rem;
}
.campaign-announcement-copy { padding-block: .55rem; text-align: center; }
.campaign-announcement-copy strong { font-weight: 700; }
.campaign-announcement-stage { color: var(--muted, #4d605d); }
.campaign-announcement a { color: var(--green, #17633d); font-weight: 700; text-underline-offset: .2em; white-space: nowrap; }
.campaign-announcement a:hover { text-decoration-thickness: 2px; }
.campaign-announcement a:focus-visible,
.campaign-announcement .campaign-dismiss:focus-visible { outline: 3px solid #1465af; outline-offset: 3px; }
.campaign-announcement .campaign-dismiss {
  flex: 0 0 2.75rem;
  width: 2.75rem;
  min-height: 2.75rem;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: .5rem;
  background: transparent;
  color: var(--muted, #4d605d);
  font: 500 1.5rem/1 Figtree, 'Segoe UI', sans-serif;
  cursor: pointer;
}
.campaign-announcement .campaign-dismiss:hover { background: var(--sage-deep, #dbe9d9); }
.campaign-announcement[hidden], .campaign-announcement .campaign-dismiss[hidden] { display: none; }
.email-preferences { flex-direction: column; }
.email-preferences .campaign-announcement { align-self: stretch; margin: -24px -24px 24px; }
.email-preferences main { margin-block: auto; }
@media (max-width: 520px) {
  .campaign-announcement .campaign-announcement-wrap { width: calc(100% - 2rem); }
  .campaign-announcement-copy { text-align: left; }
  .email-preferences .campaign-announcement { margin: -16px -16px 16px; }
}