/* FBLTWX · Storm log (storms.html, assets/np/storms.js): the rules only the log uses, moved out of np.css by V-fu1.2
   (Oct. 25, 2026); np.css keeps what the log shares with the storm days and home. Every color is a token. */
.sl-dek{font-size:17px;margin:6px 0 0;max-width:62ch;color:var(--ink2)}
/* the log's top (Round R4): the stats in two parts, warning and storm report defined, the area with the day maps' key,
   one freshness line */
.sl-top{margin:14px 0 20px}
.sl-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));border:1px solid var(--rule);background:#fff}
.sl-statgrp{padding:10px 14px 12px}
.sl-statgrp+.sl-statgrp{border-left:1px solid var(--rule)}
.sl-stath{margin:0 0 6px;font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2)}
.sl-statgrp ul{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:15px;line-height:1.35}
.sl-statgrp li>span{font-weight:700}
.sl-defs{margin:12px 0 0}
.sl-area{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:start;margin:14px 0 0}
.sl-areah{margin:0 0 2px;font-size:16px;font-weight:800}
.sl-area figcaption p{margin:0 0 4px}
/* on this date and the jump (Round R7), the feed's line (R8) */
.sl-otd{margin:14px 0 0;padding:10px 14px 12px;background:#fff;border:1px solid var(--rule)}
.sl-follow{margin:6px 0 0}
/* the charts (Round R5): M8's chart, storm days by month and year, warnings by hour; HTML, so the words keep their size */
.sl-charts{margin-top:32px}
.sl-chartgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:8px 32px;align-items:start}
.sl-heatwrap{overflow-x:auto}
.sl-heattable{border-collapse:collapse;table-layout:fixed;width:100%;max-width:520px;font-size:12.5px;font-variant-numeric:tabular-nums}
.sl-heattable abbr{text-decoration:none}
.sl-hm0{background:var(--hm-none);color:var(--ink3)}
.sl-hm1{background:var(--hm3);color:var(--hm-ink)}
.sl-hm2{background:var(--hm4);color:#fff;font-weight:800}   /* white: 4.83:1 on hm4 (black is 4.35:1) */
.sl-hkey{display:inline-block;width:14px;height:12px;vertical-align:-1px}
.sl-hchart{display:flex;align-items:flex-end;gap:2px;height:140px;border-bottom:2px solid var(--ink)}
.sl-hbar.sl-hpeak{background:var(--ink)}
.sl-haxis{position:relative;height:22px;font-size:12px;font-weight:700;color:var(--ink2)}
.sl-haxis span{position:absolute;top:4px;white-space:nowrap;transform:translateX(-50%)}
.sl-haxis span:first-child{transform:none}
.sl-bar{position:sticky;top:0;z-index:4;margin:0 0 10px;padding:6px 0;background:var(--paper);border-bottom:1px solid var(--rule)}
.sl-filters{overflow-x:auto;overscroll-behavior-x:contain}
.sl-filters ul{display:flex;gap:6px;margin:0;padding:0;list-style:none;white-space:nowrap}
.sl-filters a b{font-weight:700;color:var(--ink2)}
.sl-filters a[aria-current] b{color:#fff}
.sl-views{display:flex;gap:2px;font-size:14px;font-weight:800}
@media (min-width:700px){
  .sl-filters{overflow:visible}
  .sl-filters ul{flex-wrap:wrap}
}
.sl-countrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 14px;margin:0 0 6px}   /* the count, the view switch at its right */
.sl-countrow .sl-count{margin:0}
.sl-fnote{margin:-2px 0 8px}
.sl-monthh{margin:18px 0 0;padding-bottom:4px;border-bottom:3px solid var(--ink);font-size:24px;font-weight:900}
.sl-monthh span{margin-left:6px;font-size:14px;font-weight:700;color:var(--ink2)}
.sl-day.sl-nomap{grid-template-columns:minmax(0,1fr)}
.sl-hl{margin:3px 0 0;font-size:19px;font-weight:800;line-height:1.25}
.sl-hl a:hover{text-decoration-thickness:2px}
.sl-big .sl-hl{font-size:23px;font-weight:900}   /* Storm Log 15: weight and size only */
.sl-tags .sd-tag{font-size:12px;padding:1px 7px}
.sl-num{margin:6px 0 0;font-size:14.5px}
.sl-warns{margin:6px 0 0;padding:0;list-style:none;font-size:13.5px;color:var(--ink2)}
.sl-out{color:var(--ink3)}
.sl-wfold{margin:6px 0 0;font-size:13.5px}
.sl-wfold summary{cursor:pointer;font-weight:800;color:var(--ink2);min-height:24px}
.sl-each{margin:6px 0 0;font-size:14px}
.sl-replay{font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);border:2px solid var(--blue);padding:0 6px}
/* the compact view (R2, Storm Log 24): one line a day */
.sl-lines{list-style:none;margin:0;padding:0}
.sl-line{display:grid;grid-template-columns:132px minmax(0,1fr) auto;gap:2px 12px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--rule);font-size:15px;line-height:1.35}
.sl-ldate{font-size:14px;font-weight:700;color:var(--ink2)}
.sl-line.sl-big a{font-size:16.5px;font-weight:900}
.sl-line .sd-tag{font-size:12px;padding:0 6px}
.sl-cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}
.sl-side{background:var(--cream);padding:0 0 16px}
/* the records (Round R6): a top five for each kind, in Faribault and within 20 miles apart, and the 10 biggest days */
.sl-recs{padding:10px 0 8px;border-bottom:1px solid var(--rule)}
.sl-rech{margin:0 0 2px;font-size:16px;font-weight:900;line-height:1.3}
.sl-rech span{font-size:13px;font-weight:700;color:var(--ink2)}
.sl-recscope{margin:6px 0 2px;font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2)}
.sl-reclist{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.35}
.sl-reclist li{display:grid;grid-template-columns:1.5em minmax(0,1fr);gap:2px;padding:2px 0}
.sl-rank{font-weight:900;color:var(--ink2);font-variant-numeric:tabular-nums}
.sl-recs .np-small{margin:4px 0 0}
#sl-rec-note{margin-top:10px}
.sl-tiefold summary{cursor:pointer;min-height:24px}   /* QR-fu1: a tie that would run a list past five, its days folded */
.sl-tiedays{display:grid;gap:2px;margin:2px 0 4px;padding:0 0 0 14px;list-style:none}
.sl-tiedays li{display:block;padding:0}   /* not the list's rank grid (.sl-reclist li) */
@media (max-width:899px){
  .sl-cols{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .sl-statgrp+.sl-statgrp{border-left:0;border-top:1px solid var(--rule)}
  .sl-area{grid-template-columns:130px minmax(0,1fr);gap:12px}
  .sl-big .sl-hl{font-size:21px}
  .sl-line{grid-template-columns:minmax(0,1fr) auto}
  .sl-ldate{grid-column:1/-1}
}
.sl-torn-cols{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:28px;align-items:start;margin-top:10px}
@media (max-width:899px){
  .sl-torn-cols{grid-template-columns:minmax(0,1fr)}
}