/* Shared announcement bar: deliberately fixed so navigation never shifts between pages. */
.announcement {
  box-sizing: border-box !important;
  height: 32px !important;
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .45rem;
  padding: 0 1rem !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  font-size: .62rem !important;
  line-height: 1 !important;
  letter-spacing: .11em !important;
}

.announcement > span {
  flex: 0 0 auto;
  margin: 0 !important;
  white-space: nowrap !important;
}

.announcement .announcement-copy {
  opacity: 1 !important;
}

@media (max-width: 480px) {
  .announcement {
    gap: .32rem;
    padding-inline: .7rem !important;
    font-size: .56rem !important;
    letter-spacing: .08em !important;
  }
}