/* status page */
/* The prototype hard-coded which counties were shaded (base.css #c-… rules);
   production marks the real ones with .hit. */
[data-status] .fl-map .counties path{fill:var(--map-fill)!important}
[data-status] .fl-map .counties path.hit{fill:var(--map-impact)!important}
[data-status] .fl-map .counties a:hover path,[data-status] .fl-map .counties a:focus-visible path{fill:var(--map-hover,#ffb18a)!important}
.pg-hero{background:var(--surface);padding:3rem 0 2rem;border-bottom:1px solid var(--line)}
.pg-hero .crumb{font-size:.9rem;color:var(--ink-soft);margin-bottom:.75rem}
.pg-hero .crumb a{color:var(--ink-soft)}
.history-full .history li{padding-bottom:1.6rem}

/* Phones: .g-5 gutters are wider than the container padding and cause sideways scroll. */
@media (max-width:575.98px){.row.g-5,.row.g-4{--bs-gutter-x:1.5rem}}

/* Disaster declarations: the Governor's and FEMA's, shaded in navy so they never
   read as our own status colors. */
[data-status] .fl-map .counties path.decl-state{fill:var(--map-decl-state)!important}
[data-status] .fl-map .counties path.decl-fed{fill:var(--map-decl-fed)!important}
.decl-band{border-top:1px solid var(--line)}
.decl-legend{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.9rem;color:var(--ink-soft)}
.decl-sw{display:inline-block;width:.9rem;height:.9rem;border-radius:.2rem;vertical-align:-.1rem;margin-right:.3rem;border:1px solid var(--line)}
.decl-sw-state{background:var(--map-decl-state)}
.decl-sw-fed{background:var(--map-decl-fed)}