/* Live announcement content retains the site's typography and tokens. */
.notice-content { overflow-wrap: anywhere; }
.notice-content img { max-width: 100%; height: auto; }
.notice-content { overflow-x: auto; }
.notice-content a { color: var(--brand-strong); text-decoration: underline; }
.notice-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 16px; }
.notice-heading h2 { flex: 1; min-width: 0; }
.notice-heading .btn { flex-shrink: 0; text-decoration: none; }
@media (max-width: 640px) {
  .notice-heading { flex-direction: column; gap: 12px; }
}