.site-announcement {
  background: #e6ff42;
  color: #111;
  border-bottom: 1px solid #111;
  font-family: "Raleway", sans-serif;
  text-align: center;
  font-size: 13px;
  line-height: 1.5;
}
.site-announcement a, .site-announcement-content {
  display: block;
  padding: 10px 18px;
  color: inherit;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.site-announcement a:hover { text-decoration: underline; text-underline-offset: 3px; }
.site-announcement a:focus-visible { outline: 2px solid #111; outline-offset: -4px; }
.site-announcement strong { font-weight: 750; }
@media (max-width: 600px) {
  .site-announcement { font-size: 12px; }
  .site-announcement a, .site-announcement-content { padding: 8px 16px; }
  .site-announcement span { display: block; }
}