/* Shared by the public announcement and the admin preview. */
.announcement {
  background: #4A1530;
  color: #FAF5E0;
  border-bottom: 1px solid rgba(240,212,154,.35);
  text-align: center;
  padding: 11px 24px;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.65;
  letter-spacing: .025em;
  overflow-wrap: anywhere;
}
.announcement[hidden] { display: none; }
.announcement__inner { display: flex; align-items: center; justify-content: center; gap: 12px; max-width: 1000px; margin: auto; }
.announcement__leaf { flex: 0 0 19px; width: 19px; height: 24px; color: #D6E0CE; }
.site-announcement { position: fixed; inset: 0 0 auto; z-index: 102; }
body { --announcement-height: 0px; }
body .nav { top: var(--announcement-offset, var(--announcement-height)); }
body #hero { margin-top: var(--announcement-height); }
body .mobile-menu { top: var(--announcement-offset, var(--announcement-height)); }
body .mobile-menu.open { z-index: 101; }
body .mobile-menu__close { top: calc(24px + var(--announcement-offset, var(--announcement-height))); }
.announcement-flows .site-announcement { position: absolute; }
html { scroll-padding-top: calc(var(--site-header-height, 150px) + 20px); }
@media (max-width: 600px) {
  .announcement { padding: 10px 16px; font-size: 12px; }
  .announcement__inner { gap: 9px; }
}