.announcement-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .65rem;
  width: 100%;
  padding: .7rem 1rem;
  color: #fff;
  background: #7b4b00;
  text-align: center;
  font-size: .9rem;
}

.announcement-banner[hidden] { display: none; }
.announcement-banner span { color: #ffe6b8; font-size: .82rem; }

@media (max-width: 600px) {
  .announcement-banner { align-items: stretch; flex-direction: column; gap: .15rem; }
}