/* Fonts are served from this plugin (SIL Open Font License; see fonts/OFL-*.txt). */
@font-face{font-family:"Bricolage Grotesque"; src:url("fonts/bricolage-grotesque.woff2") format("woff2");
  font-weight:700 800; font-style:normal; font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible"; src:url("fonts/atkinson-hyperlegible-regular.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible"; src:url("fonts/atkinson-hyperlegible-bold.woff2") format("woff2");
  font-weight:700; font-style:normal; font-display:swap}

.wis{
  --wis-sky:#E9F0F6; --wis-paper:#F7FAFC; --wis-ink:#14233A; --wis-slate:#56677D;
  --wis-frost:#2E5EAA; --wis-line:#D3DEE9; --wis-warm:#9AA7B5;
  background:var(--wis-sky); color:var(--wis-ink); border-radius:12px;
  padding:clamp(1.25rem,4vw,2.5rem); max-width:46rem; margin:0 auto;
  font:400 1.0625rem/1.55 "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;
  box-sizing:border-box;
}
.wis *, .wis *::before, .wis *::after{box-sizing:border-box}
.wis .wis-brand{font-family:"Bricolage Grotesque",system-ui,sans-serif; font-weight:800; font-size:.85rem;
  letter-spacing:.14em; text-transform:uppercase; color:var(--wis-frost); margin:0 0 1rem}
.wis .wis-footer{margin:1.5rem 0 0; font-family:"Bricolage Grotesque",system-ui,sans-serif; font-weight:700}
.wis .wis-footer a{color:var(--wis-ink); text-decoration:none}
.wis .wis-footer a:hover{text-decoration:underline}
.wis .wis-title{
  font-family:"Bricolage Grotesque","Arial Narrow",system-ui,sans-serif; font-weight:800;
  font-size:clamp(2.4rem,9vw,4.75rem); line-height:.95; letter-spacing:-.03em;
  margin:.75rem 0 1rem; color:var(--wis-ink); padding:0; border:0;
}
.wis .wis-verdict{font-family:"Bricolage Grotesque",system-ui,sans-serif; font-weight:700;
  font-size:clamp(1.25rem,4vw,1.75rem); line-height:1.2; margin:0 0 .5rem; max-width:32ch}
.wis .wis-sub{color:var(--wis-slate); margin:0 0 2rem}
.wis .wis-controls{display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; margin-bottom:.75rem}
.wis .wis-controls span{color:var(--wis-slate); margin-right:.25rem}
.wis button{font:inherit; font-size:.95rem; line-height:1.3; color:var(--wis-ink); background:transparent;
  border:1px solid var(--wis-line); border-radius:999px; padding:.35rem .9rem; cursor:pointer; box-shadow:none; text-transform:none; letter-spacing:0}
.wis button[aria-pressed="true"]{background:var(--wis-ink); color:var(--wis-sky); border-color:var(--wis-ink)}
.wis button:disabled{opacity:.45; cursor:not-allowed}
.wis button:focus-visible, .wis input:focus-visible{outline:3px solid var(--wis-frost); outline-offset:2px}
.wis .wis-find{display:block; font-weight:700; margin:1.25rem 0 .35rem}
.wis input[type="search"]{font:inherit; width:100%; max-width:24rem; padding:.55rem .75rem;
  border:1px solid var(--wis-line); border-radius:8px; background:var(--wis-paper); color:var(--wis-ink)}
.wis .wis-count{color:var(--wis-slate); font-size:.92rem; margin:.5rem 0 .75rem}
.wis .wis-list{list-style:none; margin:0; padding:0; border-top:1px solid var(--wis-line)}
.wis .wis-list li{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:.15rem 1rem;
  padding:.9rem 0; margin:0; border-bottom:1px solid var(--wis-line)}
.wis .wis-city{font-weight:700}
.wis .wis-city small{font-weight:400; color:var(--wis-slate); margin-left:.35rem; font-size:.9em}
.wis .wis-pct{font-family:"Bricolage Grotesque",system-ui,sans-serif; font-weight:800; font-size:1.6rem; line-height:1;
  text-align:right; grid-row:span 3; align-self:center; font-variant-numeric:tabular-nums; min-width:3.6ch}
.wis .wis-pct.none{color:var(--wis-warm)}
.wis .wis-meta{color:var(--wis-slate); font-size:.92rem}
.wis .wis-last{color:var(--wis-slate); font-size:.85rem; grid-column:1}
.wis .wis-bar{grid-column:1 / -1; height:6px; background:var(--wis-paper); border-radius:3px; overflow:hidden}
.wis .wis-bar i{display:block; height:100%; width:0; background:var(--wis-frost); border-radius:3px; transition:width .8s ease}
.wis .wis-note{color:var(--wis-slate); font-size:.9rem; margin-top:2rem; max-width:60ch}
.wis .wis-note a{color:var(--wis-frost)}
@media (prefers-reduced-motion: reduce){ .wis .wis-bar i{transition:none} }

/* Sections */
.wis .wis-section{margin-top:2.25rem}
.wis .wis-section[hidden]{display:none}
.wis .wis-h{font-family:"Bricolage Grotesque",system-ui,sans-serif; font-weight:800; font-size:1.35rem;
  line-height:1.2; margin:0 0 .75rem; color:var(--wis-ink); padding:0; border:0}
.wis .wis-none, .wis .wis-hint{color:var(--wis-slate); margin:.25rem 0 .75rem}
.wis .wis-hint{font-size:.92rem}

/* States */
.wis .wis-states{border-top:1px solid var(--wis-line)}
.wis .wis-state{border-bottom:1px solid var(--wis-line)}
.wis .wis-state summary{display:flex; align-items:center; gap:.75rem; padding:.8rem 0; cursor:pointer; list-style:none}
.wis .wis-state summary::-webkit-details-marker{display:none}
.wis .wis-state summary:focus-visible{outline:3px solid var(--wis-frost); outline-offset:2px}
.wis .wis-state-name{font-weight:700; flex:1}
.wis .wis-state-count{color:var(--wis-slate); font-size:.92rem}
.wis .wis-plus{position:relative; width:1.6rem; height:1.6rem; border:1px solid var(--wis-line); border-radius:50%; flex:none}
.wis .wis-plus::before, .wis .wis-plus::after{content:""; position:absolute; left:50%; top:50%; background:var(--wis-ink);
  width:.7rem; height:2px; transform:translate(-50%,-50%); transition:transform .2s ease}
.wis .wis-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.wis .wis-state[open] .wis-plus::after{transform:translate(-50%,-50%) rotate(0deg)}
.wis .wis-state ul{list-style:none; margin:0 0 .75rem; padding:0 0 0 .9rem; border-left:2px solid var(--wis-line)}
.wis .wis-clear{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.1rem 1rem; padding:.55rem 0; margin:0}
.wis .wis-clear + .wis-clear{border-top:1px dashed var(--wis-line)}
.wis .wis-pct-sm{color:var(--wis-warm); font-weight:700; font-variant-numeric:tabular-nums; text-align:right}
.wis .wis-clear .wis-meta, .wis .wis-clear .wis-last{grid-column:1 / -1}
@media (prefers-reduced-motion: reduce){ .wis .wis-plus::before, .wis .wis-plus::after{transition:none} }

/* Needle gauges */
.wis .wis-gauge{grid-column:2; grid-row:1 / span 3; width:118px; align-self:center}
.wis .wis-gauge svg{display:block; width:100%; height:auto; overflow:visible}
.wis .wis-g-track{fill:none; stroke:var(--wis-line); stroke-width:9; stroke-linecap:round}
.wis .wis-g-fill{fill:none; stroke:var(--wis-fill, var(--wis-frost)); stroke-width:9; stroke-linecap:round;
  transition:stroke-dashoffset 1.4s cubic-bezier(.2,.9,.25,1.05)}
.wis .wis-g-tick{fill:none; stroke:var(--wis-warm); stroke-width:1.5}
.wis .wis-g-needle{transform:rotate(-90deg); transform-box:view-box; transform-origin:60px 60px;
  transition:transform 1.4s cubic-bezier(.2,.9,.25,1.05)}
.wis .wis-g-needle line{stroke:var(--wis-ink); stroke-width:3.5; stroke-linecap:round}
.wis .wis-g-hub{fill:var(--wis-ink)}
.wis .wis-gauge text{font-family:"Bricolage Grotesque",system-ui,sans-serif; font-weight:800; font-size:19px; fill:var(--wis-ink)}
.wis .wis-gauge-sm{width:52px; display:flex; flex-direction:column; align-items:center}
.wis .wis-gauge-sm .wis-g-track, .wis .wis-gauge-sm .wis-g-fill{stroke-width:12}
.wis .wis-gauge-sm .wis-g-needle line{stroke-width:6}
.wis .wis-g-num{font-size:.8rem; font-weight:700; color:var(--wis-slate); font-variant-numeric:tabular-nums; margin-top:2px}
.wis .wis-clear{align-items:center}
.wis .wis-clear .wis-gauge-sm{grid-column:2; grid-row:1 / span 3}
.wis .wis-clear .wis-meta, .wis .wis-clear .wis-last{grid-column:1}
.wis.wis-still .wis-g-needle, .wis.wis-still .wis-g-fill, .wis-still .wis-g-needle, .wis-still .wis-g-fill{transition:none}
@media (prefers-reduced-motion: reduce){ .wis .wis-g-needle, .wis .wis-g-fill{transition:none} }

/* North Pole holiday banner (compact) */
.wis .wis-np{--np-red:#A32D2D; --np-green:#3B6D11; background:var(--wis-paper); border:1px solid var(--wis-line);
  border-radius:10px; overflow:hidden; margin:0 0 1.25rem}
.wis .wis-np[hidden]{display:none}
.wis .wis-np-band{height:5px; background:repeating-linear-gradient(-45deg, var(--np-red) 0 8px, #fff 8px 16px, var(--np-green) 16px 24px, #fff 24px 32px)}
.wis .wis-np-body{padding:.6rem .9rem .65rem}
.wis .wis-np-top{display:flex; justify-content:space-between; align-items:baseline; gap:.75rem}
.wis .wis-np-label{margin:0; font-family:"Bricolage Grotesque",system-ui,sans-serif; font-weight:800; font-size:.72rem;
  letter-spacing:.12em; text-transform:uppercase; color:var(--np-red)}
.wis .wis-np-count{margin:0; font-weight:700; font-size:.8rem; color:var(--np-green); white-space:nowrap}
.wis .wis-np-row{display:grid; grid-template-columns:minmax(0,1fr) 84px; gap:.75rem; align-items:center; margin-top:.2rem}
.wis .wis-np-title{font-family:"Bricolage Grotesque",system-ui,sans-serif; font-weight:800; font-size:clamp(1.05rem,3.6vw,1.25rem);
  line-height:1.2; margin:0; color:var(--wis-ink); padding:0; border:0}
.wis .wis-np-stats{margin:.2rem 0 0; color:var(--wis-slate); font-size:.85rem; line-height:1.4}
.wis .wis-gauge-np{grid-column:auto; grid-row:auto; width:84px}
.wis .wis-gauge-np .wis-g-fill{stroke:var(--np-green)}
.wis .wis-gauge-np .wis-g-needle line{stroke:var(--np-red)}
.wis .wis-gauge-np .wis-g-hub{fill:var(--np-red)}

/* "chance" label under each dial's percentage */
.wis .wis-gauge text.wis-g-sub{font-family:"Atkinson Hyperlegible",system-ui,sans-serif; font-weight:400; font-size:13px; fill:var(--wis-slate)}
.wis .wis-g-subsm{font-size:.7rem; color:var(--wis-slate); line-height:1}

/* Snow leaders: top 10 with a show-all button */
.wis .wis-snow-sub{color:var(--wis-slate); font-size:.92rem; margin:-.4rem 0 .75rem}
.wis .wis-snow-sub[hidden], .wis .wis-more[hidden]{display:none}
.wis .wis-more{display:block; width:100%; margin:.9rem 0 0; padding:.7rem 1rem; font-weight:700;
  border:1px solid var(--wis-line); border-radius:10px; background:var(--wis-paper)}
.wis .wis-more:hover{border-color:var(--wis-frost)}
.wis .wis-state-count.wis-state-snow{color:var(--wis-frost); font-weight:700}

/* State summary for snowy states: two tidy right-aligned lines */
.wis .wis-state-count.wis-state-snow{text-align:right; line-height:1.25}
.wis .wis-sc-main, .wis .wis-sc-max{display:block; white-space:nowrap}
.wis .wis-sc-max{font-weight:400; font-size:.85rem}
.wis .wis-state-name{min-width:0}
.wis .wis-sc-main{white-space:normal}
@media (max-width: 380px){
  .wis .wis-state-count.wis-state-snow{font-size:.84rem}
  .wis .wis-sc-max{font-size:.78rem}
}

/* Rain Scoreboard: light, fresh green */
.wis[data-mode="rain"]{--wis-sky:#EDF6F0; --wis-paper:#F7FBF8; --wis-frost:#24734F; --wis-fill:#3DA373; --wis-line:#D5E6DA; --wis-warm:#93A89A; --wis-slate:#4F6358}
/* Sun Scoreboard: light, sunny yellow; deeper gold for small text so it stays readable */
.wis[data-mode="sun"]{--wis-sky:#FFF8DE; --wis-paper:#FFFCEE; --wis-frost:#7D5C00; --wis-fill:#EBB000; --wis-line:#EFE5C6; --wis-warm:#B3A57E; --wis-slate:#665A3C}

/* Site name links home; "Clear search" sits beside the match count */
.wis .wis-brand a{color:inherit; text-decoration:none}
.wis .wis-brand a:hover, .wis .wis-brand a:focus-visible{text-decoration:underline; text-underline-offset:3px}
.wis button.wis-clear-search{border:0; border-radius:0; padding:0; background:none; font:inherit; font-weight:700;
  color:var(--wis-frost); text-decoration:underline; text-underline-offset:2px; cursor:pointer}

/* Event banner: same compact layout as the North Pole banner, in the site's own colors */
.wis .wis-ev{--np-red:var(--wis-frost); --np-green:var(--wis-frost)}
.wis .wis-ev .wis-np-band{background:repeating-linear-gradient(-45deg, var(--wis-fill, var(--wis-frost)) 0 8px, transparent 8px 16px), var(--wis-paper)}
.wis .wis-gauge-ev{grid-column:auto; grid-row:auto; width:84px}
.wis .wis-np-row-solo{grid-template-columns:1fr}

/* City names link to their city pages */
.wis .wis-city a, .wis .sn-nm a, .wis .sn-srow a, .wis .cm-near a, .wis .wis-dir a{color:inherit; text-decoration:none}
.wis .wis-city a:hover, .wis .sn-nm a:hover, .wis .sn-srow a:hover, .wis .cm-near a:hover, .wis .wis-dir a:hover{text-decoration:underline; text-underline-offset:2px}
.wis .wis-dir{margin:0 0 .75rem; padding:0 0 0 .9rem; border-left:2px solid var(--wis-line); line-height:1.8}

/* Season totals page */
.wis .sn-nav{display:flex; gap:.5rem; margin:0 0 .75rem; flex-wrap:wrap}
.wis .sn-nav a{font-size:.95rem; color:var(--wis-ink); text-decoration:none; border:1px solid var(--wis-line); border-radius:999px; padding:.35rem .9rem}
.wis .sn-nav a[aria-current]{background:var(--wis-ink); color:var(--wis-sky); border-color:var(--wis-ink)}
.wis .sn-list{list-style:none; margin:0; padding:0; border-top:1px solid var(--wis-line)}
.wis .sn-row{display:grid; grid-template-columns:2rem minmax(0,1fr) auto; gap:.15rem .75rem; align-items:center; padding:.8rem 0; margin:0; border-bottom:1px solid var(--wis-line)}
.wis .sn-rk{font-family:"Bricolage Grotesque",system-ui,sans-serif; font-weight:800; font-size:1.05rem; color:var(--wis-slate); text-align:center}
.wis .sn-nm{font-weight:700} .wis .sn-nm small{font-weight:400; color:var(--wis-slate); margin-left:.35rem; font-size:.9em}
.wis .sn-amt{font-family:"Bricolage Grotesque",system-ui,sans-serif; font-weight:800; font-size:1.35rem; font-variant-numeric:tabular-nums}
.wis .sn-bar{grid-column:2/4; height:6px; background:var(--wis-paper); border-radius:3px; overflow:hidden}
.wis .sn-bar i{display:block; height:100%; background:var(--wis-fill, var(--wis-frost)); border-radius:3px}
.wis .sn-dv{grid-column:2/4; font-size:.85rem; color:var(--wis-slate)}
.wis .sn-up, .wis .cm-up{color:#2F6B2F} .wis .sn-dn, .wis .cm-dn{color:#8A5300}
.wis .cm-up, .wis .cm-dn{font-weight:700}
.wis .sn-slist{list-style:none; margin:0 0 .75rem; padding:0 0 0 .9rem; border-left:2px solid var(--wis-line)}
.wis .sn-srow{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.1rem 1rem; padding:.5rem 0; margin:0}
.wis .sn-srow + .sn-srow{border-top:1px dashed var(--wis-line)}
.wis .sn-srow > span:first-child{font-weight:700} .wis .sn-samt{font-weight:700; font-variant-numeric:tabular-nums}
.wis .sn-srow .sn-dv{grid-column:1/-1}
.wis .sn-row[hidden], .wis details[hidden], .wis .wis-more[hidden]{display:none}

/* City pages */
.wis .wis-city-title{font-size:clamp(2rem,8vw,3.4rem)}
.wis .cm-crumbs{font-size:.85rem; color:var(--wis-slate); margin:0 0 .5rem} .wis .cm-crumbs a{color:var(--wis-frost); text-decoration:none}
.wis .cm-card{background:var(--wis-paper); border:1px solid var(--wis-line); border-radius:10px; padding:.9rem 1rem; margin:0 0 1rem}
.wis .cm-k{margin:0; font-family:"Bricolage Grotesque",system-ui,sans-serif; font-weight:800; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--wis-frost)}
.wis .cm-two{display:grid; grid-template-columns:1fr 1fr; gap:.75rem; margin-top:.5rem}
.wis .cm-day{text-align:center} .wis .cm-day .wis-gauge{width:118px; margin:0 auto}
.wis .cm-day b{display:block; font-size:.95rem} .wis .cm-day span{display:block; color:var(--wis-slate); font-size:.85rem; line-height:1.35}
.wis .cm-big{font-family:"Bricolage Grotesque",system-ui,sans-serif; font-weight:800; font-size:2.4rem; line-height:1; margin:.35rem 0 .2rem}
.wis .cm-line{margin:.2rem 0 0}
.wis .cm-stats{display:grid; grid-template-columns:1fr 1fr; gap:.6rem; margin-top:.8rem}
.wis .cm-stat{border-top:1px solid var(--wis-line); padding-top:.5rem} .wis .cm-stat small{display:block; color:var(--wis-slate); font-size:.78rem} .wis .cm-stat b{font-size:1rem}
.wis .cm-chart{display:flex; gap:.35rem; align-items:flex-end; margin-top:.75rem}
.wis .cm-col{flex:1; text-align:center; min-width:0} .wis .cm-pair{height:110px; display:flex; align-items:flex-end; justify-content:center; gap:3px}
.wis .cm-pair i{display:block; width:40%; border-radius:3px 3px 0 0} .wis i.cm-s{background:var(--wis-fill, var(--wis-frost))} .wis i.cm-n{background:var(--wis-line)}
.wis i.cm-future{height:2px; background:var(--wis-line)}
.wis .cm-m{display:block; font-size:.75rem; font-weight:700; margin-top:.3rem} .wis .cm-v{display:block; font-size:.72rem; color:var(--wis-slate)}
.wis .cm-legend{display:flex; gap:1rem; font-size:.8rem; color:var(--wis-slate); margin-top:.6rem}
.wis .cm-legend i{display:inline-block; width:.7rem; height:.7rem; border-radius:2px; margin-right:.3rem; vertical-align:-1px}
.wis .cm-near{list-style:none; margin:.4rem 0 0; padding:0}
.wis .cm-near li{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 1rem; padding:.55rem 0; margin:0; border-top:1px solid var(--wis-line)}
.wis .cm-nn{font-weight:700} .wis .cm-nn small{font-weight:400; color:var(--wis-slate); margin-left:.35rem} .wis .cm-na{font-weight:700; text-align:right}
.wis .cm-nd{grid-column:1/-1; font-size:.8rem; color:var(--wis-slate)}
.wis .cm-sis{display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.5rem}
.wis .cm-sis a{font-size:.9rem; border:1px solid var(--wis-line); border-radius:999px; padding:.35rem .85rem; color:var(--wis-ink); text-decoration:none}
.wis .wis-note a{color:var(--wis-frost)}

/* Keep the scoreboard's own button look, whatever the theme's button styles */
.wis button{background:transparent !important; color:var(--wis-ink) !important; border:1px solid var(--wis-line) !important; box-shadow:none !important; text-decoration:none !important}
.wis button[aria-pressed="true"]{background:var(--wis-ink) !important; color:var(--wis-sky) !important; border-color:var(--wis-ink) !important}
.wis button.wis-more{background:var(--wis-paper) !important}
.wis button.wis-more:hover{border-color:var(--wis-frost) !important}
.wis button.wis-clear-search{border:0 !important; background:none !important; color:var(--wis-frost) !important; text-decoration:underline !important}

/* Link to the season totals page, styled like the Today/Tomorrow buttons */
.wis a.wis-pill-link{font-size:.95rem; line-height:1.3; color:var(--wis-ink); text-decoration:none; border:1px solid var(--wis-line); border-radius:999px; padding:.35rem .9rem}
.wis a.wis-pill-link:hover, .wis a.wis-pill-link:focus-visible{border-color:var(--wis-frost)}
.wis a.wis-pill-link::after{content:" \2192"}