.chart-wrap { height: 280px; position: relative; margin-top: 0.75rem; }
.storm-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; margin-top: 1rem; }
.storm-card { padding: 1rem; border: 1px solid var(--border-subtle); border-radius: 8px; }
.cat-chip.cat-h { background: rgba(239,68,68,0.2); color: #f87171; }
.cat-chip.cat-ts { background: rgba(245,158,11,0.2); color: #fbbf24; }
@media (max-width: 900px) { .hurricane-split { grid-template-columns: 1fr !important; } }
.season-banner {
    text-align: center;
    padding: 0.75rem;
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    margin-top: 1rem;
    font-size: 0.9rem;
}