#reef-map { height: 420px; border-radius: 8px; }
.chart-wrap { height: 300px; position: relative; margin-top: 0.75rem; }
.alert-hero {
    text-align: center;
    padding: 1.25rem;
    margin-top: 1rem;
    border-radius: 8px;
    border: 2px solid var(--border-subtle);
}
.alert-hero .level {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
}
.alert-hero.lvl-5 { border-color: #ef4444; background: rgba(239,68,68,0.1); }
.alert-hero.lvl-4 { border-color: #f97316; background: rgba(249,115,22,0.1); }
.alert-hero.lvl-3 { border-color: #f59e0b; background: rgba(245,158,11,0.1); }
.alert-hero.lvl-low { border-color: #14b8a6; background: rgba(20,184,166,0.08); }
.news-list { list-style: none; padding: 0; margin: 0; }
.news-list li { padding: 0.75rem 0; border-bottom: 1px solid var(--border-subtle); }
.news-list a { color: var(--text-primary); text-decoration: none; }
.news-list a:hover { text-decoration: underline; }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 1.5rem; }
@media (max-width: 900px) { .split { grid-template-columns: 1fr; } }