/* Homepage announcement: uses the host page's light/dark theme tokens. */
.status-announcement { --status-green: #86efac; padding: 0 0 36px; }
html.light .status-announcement { --status-green: #166534; }
.status-announcement-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 28px; background: rgba(34,197,94,0.06); border: 1px solid var(--green); border-radius: 8px; }
.status-announcement-label { color: var(--teal); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 6px; }
.status-announcement-title { color: var(--status-green); font-size: 18px; font-weight: 600; line-height: 1.4; }
.status-announcement-result { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.status-announcement-result strong { color: var(--status-green); font-size: 42px; font-weight: 800; line-height: 1; }
.status-announcement-result span { color: var(--status-green); font-weight: 600; font-size: 14px; line-height: 1.5; }
@media (max-width: 900px) { .status-announcement-inner { flex-wrap: wrap; } }
.status-announcement-link { color: var(--teal); font-size: 14px; font-weight: 600; white-space: nowrap; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 650px) { .status-announcement-inner { align-items: flex-start; flex-direction: column; gap: 16px; padding: 22px; } }