*{box-sizing:border-box}
html,body{margin:0;background:#0a0a0a;color:#ededed;font:16px/1.5 system-ui,sans-serif;overflow-wrap:anywhere}
main{max-width:880px;margin:0 auto;padding:16px;overflow-x:hidden}
a{color:#8eb7ff}
h1{font-size:1.6rem;line-height:1.25;margin:8px 0}
h2{font-size:1.15rem}
.summary{font-size:1.15rem;margin:8px 0 12px}
.badge{display:inline-block;padding:2px 8px;border:1px solid #3d8bfd;color:#3d8bfd;border-radius:4px}
.meta,.crumb{color:#a3a3a3}
.site-nav a,.crumb a,.links a,.cta a,details summary{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.site-nav,.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px}
.site-nav a,.crumb a,.cta a{padding:10px 4px;line-height:24px}
details>summary{display:flex;cursor:pointer;padding:10px 4px;line-height:24px}
details>summary::before{content:'▸';margin-right:8px;flex:none}
details[open]>summary::before{content:'▾'}
.index-state,.index-group{border:1px solid #2a2a2a;border-radius:6px;margin:8px 0;padding:0 8px}
.index-group .links{padding:0 8px}
.links{list-style:none;padding:0;margin:0}
.links a{display:flex;padding:4px 0}
.index-state h3 a{display:flex;align-items:center;min-height:44px}
.history-years{display:flex;flex-wrap:wrap;gap:8px}
.history-years a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.year-pages .history-year{display:none}
.year-pages .default-year{display:block}
.year-pages:has(.history-year:target) .history-year:not(:target){display:none}
.year-pages .history-year:target{display:block}
table.reports{width:100%;border-collapse:collapse;table-layout:fixed}
th,td{border-bottom:1px solid #2a2a2a;text-align:left;padding:8px;vertical-align:top;white-space:normal}
th:nth-child(1),td:nth-child(1){width:24%}
th:nth-child(2),td:nth-child(2){width:18%}
th:nth-child(3),td:nth-child(3){width:16%}
th:nth-child(4),td:nth-child(4){width:18%}
th:nth-child(5),td:nth-child(5){width:12%}
th:nth-child(6),td:nth-child(6){width:12%}
table.reports.no-distance th:nth-child(1),table.reports.no-distance td:nth-child(1){width:22%}
table.reports.no-distance th:nth-child(2),table.reports.no-distance td:nth-child(2){width:28%}
table.reports.no-distance th:nth-child(3),table.reports.no-distance td:nth-child(3){width:22%}
table.reports.no-distance th:nth-child(4),table.reports.no-distance td:nth-child(4){width:16%}
table.reports.no-distance th:nth-child(5),table.reports.no-distance td:nth-child(5){width:12%}
.cta{padding:12px;background:#141414;border:1px solid #2a2a2a}
.disclaimer,.radar{color:#c8c8c8}
.radar{padding:8px 12px;border:1px solid #6b5424;background:#1a140c}
figure.mapfig{margin:12px 0}
svg.basemap{width:100%;height:auto;display:block}
.mapbg{fill:#121212}
.ring{fill:none;stroke:#3d8bfd;stroke-opacity:.85}
.ring-leader,.count-leader{fill:none;stroke:#9ec1ff;stroke-width:1}
.count-leader{stroke-width:2}
.center{fill:#ededed}
.dot.hail{fill:#e0a24a}
.dot.wind{fill:#5aa2ff}
.dot.tornado{fill:#ef6b73}
.dot{stroke:#121212;stroke-width:1}
.dot.count-keyed{stroke:#f5f5f5;stroke-dasharray:2 2}
.cluster-count{fill:#fff;stroke:#121212;stroke-width:1.5;paint-order:stroke;font:bold 18px system-ui,sans-serif}
.swatch.cluster{background:#fff}
.ringlabel,.citylabel,.placename,.north{fill:#f5f5f5;font-family:system-ui,sans-serif}
.north{font-size:16px}
.citylabel,.placename{font-size:32px}
.ringlabel{font-size:22px}
.swatch.tornado{background:#ef6b73}
.legend{list-style:none;padding:8px 0 0;margin:0;display:flex;flex-wrap:wrap;gap:8px 16px;color:#c8c8c8}
.legend li{display:flex;align-items:center;min-height:32px}
.swatch{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px;flex:none}
.swatch.hail{background:#e0a24a}
.swatch.wind{background:#5aa2ff}
.swatch.ring{background:transparent;border:2px solid #3d8bfd}
.swatch.keyed{background:transparent;border:1px dashed #f5f5f5}
.cards{display:none;list-style:none;padding:0;margin:0}
.card{border:1px solid #2a2a2a;border-radius:8px;padding:12px;margin:0 0 12px}
.card-title{font-weight:700;margin:0 0 4px}
.day-groups{display:none}
.day{border:1px solid #2a2a2a;border-radius:8px;margin:0 0 12px;padding:0 12px}
.day > summary{display:flex;align-items:center;min-height:44px;cursor:pointer}
details.method{margin:16px 0}
@media (max-width:700px){
  table.reports{display:none}
  .cards{display:block}
  .day-groups{display:none}
  main.has-days > .cards{display:none}
  main.has-days .day-groups{display:block}
  main.has-days .day-groups .cards{display:block}
  svg.basemap{min-height:320px}
}