.alerts-national-page{background:#f5f8fb;color:#183247}
.alerts-national-main{padding:0 0 4rem}
.alerts-national-shell{max-width:1180px;margin:0 auto;padding:0 24px}
.alerts-national-breadcrumbs{padding-top:1rem}
.alerts-national-breadcrumbs a{color:#0b6ebd;text-decoration:none}
.alerts-national-breadcrumbs span{margin:0 .35rem;color:#748897}
.alerts-national-map-section{margin-top:1rem;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.alerts-national-regions{margin-top:1.5rem;padding:1.6rem;border:1px solid #d9e4ec;border-radius:1.5rem;background:#fff;box-shadow:0 14px 42px rgba(27,58,79,.06)}
.alerts-national-map-heading{text-align:center;margin-bottom:1.25rem}
.alerts-national-map-heading h1{margin:0;color:#102e44;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.025em}
.alerts-national-map-heading__updated{margin:.45rem 0 0;color:#738898;font-size:.82rem;line-height:1.35}
.alerts-national-map-heading__lead{max-width:840px;margin:.7rem auto 0;color:#526b7d;font-size:clamp(.98rem,1.35vw,1.08rem);line-height:1.55}
.alerts-national-current-state{display:grid;gap:.24rem;width:min(760px,100%);margin:1rem auto 0;padding:.85rem 1rem;border:1px solid #d5e3ec;border-left:4px solid #607d91;border-radius:.9rem;background:rgba(255,255,255,.9);text-align:left;box-shadow:0 7px 20px rgba(27,58,79,.04)}
.alerts-national-current-state strong{color:#16364d;font-size:.95rem;line-height:1.35}
.alerts-national-current-state span{color:#6a7f8e;font-size:.82rem;line-height:1.45}
.alerts-national-current-state--current{border-left-color:#1471bd}
.alerts-national-current-state--expired{border-left-color:#aeb9c1}
.alerts-national-current-state--unknown{border-left-color:#3f5360}
.alerts-national-map{margin:0}
.alerts-national-map__layout{display:grid;grid-template-columns:minmax(0,760px) minmax(230px,250px);gap:18px;justify-content:center;align-items:stretch;width:min(1030px,100%);margin:0 auto}
.alerts-national-map__canvas{position:relative;overflow:hidden;width:100%;margin:0;aspect-ratio:1030.462/1294.52;border:1px solid rgba(185,216,234,.96);border-radius:28px;background:#eef3f5;box-shadow:var(--shadow)}
.alerts-national-map__svg,.alerts-national-map__fallback{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none}
.alerts-national-map__svg--zonal{shape-rendering:geometricPrecision}
.alerts-national-map__fallback{object-fit:fill}
.alerts-map-link,.alerts-map-link *{cursor:pointer!important}
.alerts-map-zone{transition:fill .18s ease,filter .18s ease,opacity .18s ease,stroke .18s ease;stroke:#78909f!important;stroke-width:.82!important;stroke-linejoin:round;vector-effect:non-scaling-stroke;paint-order:fill stroke markers;cursor:pointer!important}
.alerts-map-zone--red{fill:#d72f3f!important}
.alerts-map-zone--orange{fill:#f28b20!important}
.alerts-map-zone--yellow{fill:#e9c52c!important}
.alerts-map-zone--green{fill:#90c985!important}
.alerts-map-zone--unavailable{fill:#7f8d97!important}
.alerts-map-zone-link:hover .alerts-map-zone,.alerts-map-zone-link:focus .alerts-map-zone{filter:brightness(1.16) saturate(.94);stroke:#36596f!important;stroke-width:1.55!important;outline:none}
.alerts-map-region-outlines{pointer-events:none}
.alerts-map-region-outline{display:none!important}
.alerts-map-region{transition:fill .18s ease,filter .18s ease,opacity .18s ease,stroke .18s ease;stroke:#fff!important;stroke-width:1.5!important;cursor:pointer!important}
.alerts-map-region--red{fill:#d72f3f!important}
.alerts-map-region--orange{fill:#f28b20!important}
.alerts-map-region--yellow{fill:#e9c52c!important}
.alerts-map-region--green{fill:#4fa965!important}
.alerts-map-region--expired,.alerts-map-region--no-current{fill:#bac4cb!important}
.alerts-map-region--unavailable{fill:#7f8d97!important}
.alerts-map-region--unknown,.alerts-map-region--data-unavailable{fill:#3f5360!important}
.alerts-map-link:hover .alerts-map-region,.alerts-map-link:focus .alerts-map-region{filter:brightness(1.06);stroke:#173b52!important;stroke-width:2.8!important;outline:none}
.alerts-national-map__sidebar{display:flex;flex-direction:column;align-self:stretch;min-width:0;height:100%;box-sizing:border-box;padding:15px;overflow:hidden;border:1px solid rgba(185,216,234,.96);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}
.alerts-national-map__sidebar h3{margin:0 0 .8rem;flex:0 0 auto;text-align:center;color:#16364d;font-size:clamp(1rem,.88rem + .18vw,1.1rem);line-height:1.2}
.alerts-national-map__sidebar-items{display:grid;grid-template-rows:repeat(7,minmax(0,1fr));align-content:stretch;gap:.5rem;min-height:0;height:100%;flex:1 1 auto}
.alerts-national-map__sidebar-items--zonal{grid-template-rows:repeat(4,minmax(0,1fr));height:100%;align-content:stretch;flex:1 1 auto}
.alerts-national-map__sidebar-item{display:flex;align-items:center;gap:.7rem;min-height:0;height:100%;box-sizing:border-box;padding:.95rem .85rem;border:1px solid #dbe6ed;border-left-width:5px;border-radius:.82rem;background:#fff}
.alerts-national-map__sidebar-item>div{display:flex;min-width:0;flex-direction:column;gap:clamp(.13rem,.1rem + .08vw,.2rem);justify-content:center}
.alerts-national-map__sidebar-item strong{color:#17384f;font-size:clamp(.92rem,.82rem + .22vw,1.04rem);line-height:1.2}
.alerts-national-map__sidebar-item span{color:#6b7f8e;font-size:clamp(.75rem,.68rem + .16vw,.84rem);line-height:1.3}
.alerts-national-map__sidebar-description{display:block;margin-top:clamp(.42rem,.36rem + .12vw,.5rem);color:#587184;font-size:clamp(.77rem,.69rem + .18vw,.88rem);line-height:1.45;font-weight:500}
.alerts-national-map__sidebar-item--red{border-left-color:#d72f3f}
.alerts-national-map__sidebar-item--orange{border-left-color:#f28b20}
.alerts-national-map__sidebar-item--yellow{border-left-color:#e9c52c}
.alerts-national-map__sidebar-item--green{border-left-color:#90c985}
.alerts-national-map__sidebar-item--expired{border-left-color:#bac4cb}
.alerts-national-map__sidebar-item--unavailable{border-left-color:#7f8d97}
.alerts-national-map__sidebar-item--unknown,.alerts-national-map__sidebar-item--data-unavailable{border-left-color:#3f5360}
.alerts-national-map__legend{display:none;position:absolute;z-index:4;left:10px;bottom:10px;max-width:250px;padding:.65rem .7rem;border:1px solid rgba(255,255,255,.82);border-radius:.8rem;background:rgba(255,255,255,.94);box-shadow:0 8px 25px rgba(4,65,111,.16);color:#29485e;backdrop-filter:blur(5px)}
.alerts-national-map__legend-title{display:block;color:#16364d;font-size:.76rem;line-height:1.2;font-weight:900}
.alerts-national-map__legend-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .55rem;margin-top:.45rem}
.alerts-national-map__legend-items>span{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.32rem;align-items:center;justify-content:start;min-width:0;text-align:left;font-size:.68rem;line-height:1.18}
.alerts-national-map__legend-items b{display:block;min-width:0;color:#244258;text-align:left;font-size:.69rem;white-space:nowrap}
.alerts-national-map__legend-items small{display:none;color:#687e8e;white-space:normal}
.alerts-legend-dot{width:.7rem;height:.7rem;border-radius:999px;display:inline-block;flex:0 0 auto}
.alerts-legend-dot--red{background:#d72f3f}
.alerts-legend-dot--orange{background:#f28b20}
.alerts-legend-dot--yellow{background:#e9c52c}
.alerts-legend-dot--green{background:#90c985}
.alerts-legend-dot--expired{background:#bac4cb}
.alerts-legend-dot--unavailable{background:#7f8d97}
.alerts-legend-dot--unknown,.alerts-legend-dot--data-unavailable{background:#3f5360}
.alerts-national-map__tooltip{position:absolute;z-index:7;left:0;top:0;display:none;max-width:260px;padding:.42rem .62rem;border:1px solid rgba(255,255,255,.28);border-radius:.62rem;background:rgba(17,45,65,.94);box-shadow:0 8px 24px rgba(13,43,65,.24);color:#fff;font-size:.78rem;line-height:1.2;font-weight:850;white-space:normal;pointer-events:none;transform:translate(12px,12px);backdrop-filter:blur(4px)}
.alerts-national-map__tooltip.is-visible{display:block}
.alerts-national-map__logo{position:absolute;z-index:4;right:18px;bottom:16px;display:block;width:clamp(112px,17vw,160px);padding:7px 10px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.8);border-radius:999px;box-shadow:0 8px 25px rgba(4,65,111,.18)}
.alerts-national-map__logo img{display:block;width:100%;height:auto}
.alerts-national-map__notes{width:min(1030px,100%);margin:1rem auto 0;padding:1rem 1.1rem;border:1px solid #d8e5ed;border-left:4px solid #1471bd;border-radius:1rem;background:rgba(255,255,255,.88);box-shadow:0 8px 24px rgba(27,58,79,.05);color:#536f82;font-size:.92rem;line-height:1.55}
.alerts-national-map__notes p{margin:0}
.alerts-national-map__guide-link{display:inline-flex;margin-top:.72rem;color:#0b72bf;font-weight:850;text-decoration:none}
.alerts-national-map__guide-link:hover,.alerts-national-map__guide-link:focus{text-decoration:underline}
.alerts-regions-heading{text-align:center;margin:0 auto 1.35rem;max-width:900px}
.alerts-regions-heading h2{margin:0;color:#1471bd;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}
.alerts-region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.alerts-region-card{--alert-accent:#596873;display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;min-height:126px;padding:1.15rem;border:1px solid #dce6ed;border-radius:1rem;background:#fff;color:#102b40;scroll-margin-top:110px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.alerts-region-card:focus{outline:none;border-color:#8cbbe0;box-shadow:0 0 0 3px rgba(12,115,194,.14),0 8px 22px rgba(31,70,99,.09)}
.alerts-region-card__dot{width:.78rem;height:.78rem;border-radius:999px;background:var(--alert-accent);margin-top:.3rem}
.alerts-region-card__copy{display:flex;min-width:0;flex-direction:column;gap:.3rem}
.alerts-region-card__copy>strong{font-size:1.06rem;line-height:1.22;color:#0e2c45}
.alerts-region-card__copy>[data-alert-region-status]{font-size:.88rem;line-height:1.35;color:#526d82}
.alerts-region-card__validity,.alerts-region-card__upcoming{color:#748895;font-size:.72rem;line-height:1.35}
.alerts-region-card__upcoming{color:#4f7189}
.alerts-region-card__link{display:inline-flex;align-self:flex-start;margin-top:.18rem;color:#0b72bf;font-size:.82rem;line-height:1.3;font-weight:850;text-decoration:none}
.alerts-region-card__link:hover,.alerts-region-card__link:focus{text-decoration:underline}
.alerts-region-card--red{--alert-accent:#d72f3f}
.alerts-region-card--orange{--alert-accent:#f28b20}
.alerts-region-card--yellow{--alert-accent:#e9ad00}
.alerts-region-card--green{--alert-accent:#2f9b58}
.alerts-region-card--expired,.alerts-region-card--no-current{--alert-accent:#aeb9c1}
.alerts-region-card--unavailable{--alert-accent:#7f8d97}
.alerts-region-card--unknown,.alerts-region-card--data-unavailable{--alert-accent:#3f5360}
.alerts-national-source-line{margin:1rem 0 0;text-align:center;color:#738594;font-size:.84rem}
.alerts-national-map__sidebar-items--zonal>.alerts-national-map__sidebar-item{min-height:0}
@media (max-width:1050px){
  .alerts-national-map__tooltip{display:none!important}
  .alerts-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .alerts-national-map__layout{display:block;width:100%}
  .alerts-national-map__sidebar{display:none}
  .alerts-national-map__canvas{width:min(100%,680px);margin:0 auto}
  .alerts-national-map__legend--overlay{display:block;left:10px;right:auto;bottom:10px}
  .alerts-national-map__logo{left:auto;right:10px;bottom:10px}
}
@media (max-width:900px){
}
@media (max-width:700px){
  .alerts-national-shell{padding:0 14px}
  .alerts-national-map-section{padding:0;border-radius:0}
  .alerts-national-regions{padding:1rem;border-radius:1.1rem}
  .alerts-national-map__canvas{width:100%;border-radius:20px}
  .alerts-national-map__notes{padding:.9rem 1rem;border-radius:.9rem}
  .alerts-national-current-state{padding:.78rem .88rem}
  .alerts-national-map__legend{left:10px;right:auto;bottom:10px;max-width:210px;padding:.55rem .6rem}
  .alerts-national-map__legend-items{gap:.22rem .45rem}
  .alerts-national-map__legend-items>span{font-size:.64rem}
  .alerts-national-map__legend-items b{font-size:.65rem}
  .alerts-national-map__logo{left:auto;right:10px;bottom:10px;width:94px;padding:5px 7px}
  .alerts-region-grid{grid-template-columns:1fr}
  .alerts-region-card{min-height:0}
  .alerts-regions-heading h2,.alerts-national-map-heading h1{font-size:2rem}
}
