.SmogAlertBanner_banner__PlVHP{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s ease}.SmogAlertBanner_banner__PlVHP[data-alert=severe]{border-color:var(--sev-4);background:var(--bg-surface)}.SmogAlertBanner_banner__PlVHP[data-alert=warning]{border-color:var(--sev-3);background:var(--bg-surface)}.SmogAlertBanner_inner__8b53n{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-4) var(--space-5)}.SmogAlertBanner_badgeCol__dPs2B{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.SmogAlertBanner_pulseBeacon__NRoYg{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--ok);flex:none}.SmogAlertBanner_banner__PlVHP[data-alert=severe] .SmogAlertBanner_pulseBeacon__NRoYg{background:var(--sev-4);animation:SmogAlertBanner_pulse__PaLyT 1.8s ease-in-out infinite}.SmogAlertBanner_banner__PlVHP[data-alert=warning] .SmogAlertBanner_pulseBeacon__NRoYg{background:var(--sev-3);animation:SmogAlertBanner_pulse__PaLyT 2.2s ease-in-out infinite}@keyframes SmogAlertBanner_pulse__PaLyT{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.SmogAlertBanner_alertType__Q2JOk{font-family:var(--font-mono);font-size:var(--size-label);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:600;color:var(--text-primary)}.SmogAlertBanner_bodyCol__Y77Sh{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1;min-width:0}.SmogAlertBanner_headline__plq8R{font-weight:600;font-size:var(--size-body);color:var(--text-primary);line-height:var(--leading-heading)}.SmogAlertBanner_subline__IRCBm{font-size:var(--size-body-sm);color:var(--text-secondary);line-height:var(--leading-body-sm)}.SmogAlertBanner_actionCol__5tpru{flex-shrink:0}.SmogAlertBanner_toggleBtn__fpCfg{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--size-label);letter-spacing:var(--tracking-label);text-transform:uppercase;border-radius:var(--radius-md);background:var(--bg-sunken);color:var(--text-primary);border:1px solid var(--border-default);cursor:pointer;transition:background .16s ease,color .16s ease}.SmogAlertBanner_toggleBtn__fpCfg:hover{background:var(--bg-hover);color:var(--accent)}.SmogAlertBanner_timelineDrawer__0ViEm{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-sunken);border-top:1px solid var(--border-subtle);overflow-x:auto}.SmogAlertBanner_timelineHead__qWviK{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.SmogAlertBanner_timelineTitle__p88gk{font-family:var(--font-mono);font-size:var(--size-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-primary)}.SmogAlertBanner_advisoryNote__dPjXC{font-size:var(--size-body-sm);color:var(--text-secondary)}.SmogAlertBanner_track__eDbvK{display:grid;grid-template-columns:repeat(24,1fr);grid-gap:var(--space-1);gap:var(--space-1);align-items:end;height:80px;padding-top:var(--space-2)}.SmogAlertBanner_tick___HiZb{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:var(--space-1)}.SmogAlertBanner_bar__Smw6I{width:100%;border-radius:var(--radius-sm);background:var(--sev-1);min-height:4px;transition:height .2s ease}.SmogAlertBanner_bar__Smw6I[data-step="1"]{background:var(--sev-1)}.SmogAlertBanner_bar__Smw6I[data-step="2"]{background:var(--sev-2)}.SmogAlertBanner_bar__Smw6I[data-step="3"]{background:var(--sev-3)}.SmogAlertBanner_bar__Smw6I[data-step="4"]{background:var(--sev-4)}.SmogAlertBanner_bar__Smw6I[data-step="5"]{background:var(--sev-5)}.SmogAlertBanner_bar__Smw6I[data-step="6"]{background:var(--sev-6)}.SmogAlertBanner_hourLabel__C4XzT{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);white-space:nowrap}@media (max-width:800px){.SmogAlertBanner_inner__8b53n{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.SmogAlertBanner_actionCol__5tpru{width:100%}.SmogAlertBanner_toggleBtn__fpCfg{width:100%;justify-content:center}.SmogAlertBanner_track__eDbvK{overflow-x:auto;min-width:480px}}