#precip-detail{color-scheme:dark;--bg:#0a151a;--panel:#10232b;--edge:#36505a;--text:#eef5f4;--muted:#b9cbd1;--rain:#73e2df;--snow:#9dcbff;--button:#1c333d;--soft:#142a33;--gold:#f2cd8b;--alert:#302b20}#precip-detail *{box-sizing:border-box}#precip-detail body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 'Segoe UI',Arial,sans-serif;font-variant-numeric:tabular-nums}#precip-detail button{font:inherit;cursor:pointer;color:inherit}#precip-detail button:focus-visible, #precip-detail summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#precip-detail button:disabled{opacity:.65;cursor:wait}#precip-detail h1, #precip-detail h2, #precip-detail h3, #precip-detail h4, #precip-detail p, #precip-detail dl, #precip-detail dd{margin:0}#precip-detail h3{font-size:18px;font-weight:600}#precip-detail h4{font-size:14px;font-weight:600}#precip-detail button, #precip-detail summary{touch-action:manipulation}#precip-detail .stage{max-width:780px;margin:16vh auto;padding:24px}#precip-detail .eyebrow{font-size:12px;letter-spacing:.15em;color:var(--rain)}#precip-detail h1{font-size:clamp(32px,5vw,54px);font-weight:500;margin:16px 0}#precip-detail .intro{max-width:600px;color:var(--muted);font-size:18px}#precip-detail .launch{margin:28px 0 18px;padding:14px 22px;background:var(--button);border:1px solid var(--edge);border-radius:8px}#precip-detail .launch span{margin-left:30px}#precip-detail .stage-note{color:var(--muted);font-size:13px}#precip-detail{color:var(--text);background:var(--bg);inline-size:min(1040px,calc(100% - 40px));max-inline-size:none;max-block-size:calc(100dvh - 40px);padding:0;margin:auto;border:1px solid var(--edge);border-radius:12px;box-shadow:0 24px 80px #0008;overflow:auto;font:inherit}#precip-detail:modal{overscroll-behavior:contain}#precip-detail::backdrop{background:#030a10bb;overflow:hidden;overscroll-behavior:contain}#precip-detail .dialog-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--edge);background:var(--bg);position:sticky;top:0;z-index:3}#precip-detail h2{font-size:24px;font-weight:600;letter-spacing:-.025em}#precip-detail .local-label{font-size:12px;color:var(--muted)}#precip-detail .dialog-header form{justify-self:end;margin:0}#precip-detail .close{height:42px;width:42px;border:1px solid var(--edge);background:var(--button);border-radius:7px;font-size:28px}#precip-detail .content{padding:16px 20px 18px}#precip-detail .toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:12px}#precip-detail .segmented, #precip-detail .range{display:flex;gap:3px;padding:3px;border:1px solid var(--edge);border-radius:7px;background:var(--bg)}#precip-detail .segmented button, #precip-detail .range button{border:0;background:transparent;border-radius:4px;min-height:34px;padding:5px 12px;font-size:13px;color:var(--muted)}#precip-detail button[aria-pressed=true]{background:var(--button);color:var(--text);box-shadow:inset 0 -2px var(--rain)}#precip-detail .tools{display:flex;gap:6px}#precip-detail .subtle{background:transparent;border:1px solid var(--edge);padding:7px 11px;border-radius:6px;font-size:13px;min-height:40px}#precip-detail .notice{color:var(--muted);font-size:13px;min-height:24px;margin-bottom:12px}#precip-detail .notice.demo{color:var(--gold);background:var(--alert);padding:8px 12px;border:1px solid #8e7649;border-radius:6px}#precip-detail .columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#precip-detail .instrument{min-width:0;background:linear-gradient(145deg,var(--panel),var(--bg));border:1px solid var(--edge);border-radius:10px;padding:16px;display:grid;grid-template-rows:auto 125px auto 48px auto auto 42px auto}#precip-detail .section-head{display:flex;gap:8px;justify-content:space-between;align-items:center}#precip-detail .section-head h3 span{margin-right:6px}#precip-detail .rain .section-head h3, #precip-detail .rain .big{color:var(--rain)}#precip-detail .snow .section-head h3, #precip-detail .snow .big{color:var(--snow)}#precip-detail .source{font-size:12px;color:var(--muted)}#precip-detail .hero{display:flex;flex-direction:column;justify-content:center}#precip-detail .kicker{font-size:13px;color:var(--muted)}#precip-detail .big{display:flex;gap:8px;align-items:baseline;line-height:1.12}#precip-detail .big strong{font-size:56px;font-weight:500;letter-spacing:-.04em}#precip-detail .big>span{font-size:21px}#precip-detail .hero-note{color:var(--muted);font-size:12px;margin-top:4px}#precip-detail .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--edge);padding-block:12px}#precip-detail .metrics>div{padding-inline:10px;min-width:0}#precip-detail .metrics>div:first-child{padding-left:0}#precip-detail .metrics>div+div{border-left:1px solid var(--edge)}#precip-detail dt{font-size:12px;color:var(--muted)}#precip-detail .metrics dt{min-height:18px}#precip-detail .metrics dd{white-space:nowrap;margin-top:4px;font-size:22px}#precip-detail .metrics b{font-weight:500}#precip-detail .metrics dd span{font-size:12px;color:var(--muted)}#precip-detail .coverage{color:var(--muted);font-size:12px;padding-top:8px}#precip-detail .chart-head{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px}#precip-detail .chart-head>span{font-size:12px;color:var(--muted)}#precip-detail .range{padding:1px;gap:0}#precip-detail .range button{min-height:30px;padding:4px 8px;font-size:12px}#precip-detail .chart{min-width:0;margin-top:5px}#precip-detail svg{display:block;width:100%;height:auto;overflow:visible}#precip-detail .grid{stroke:var(--edge);stroke-dasharray:2 5;stroke-width:1}#precip-detail .axis{fill:var(--muted);font-size:11px}#precip-detail .bar{fill:var(--rain)}#precip-detail .point{fill:var(--snow);stroke:var(--bg);stroke-width:1}#precip-detail .chart-note{color:var(--muted);font-size:12px;padding-top:6px}#precip-detail .bottom-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid var(--edge);padding-top:12px}#precip-detail .bottom-stats dd{font-size:15px;margin-top:4px}#precip-detail .bottom-stats dt{min-height:36px}#precip-detail .measurements{margin-top:14px;background:var(--soft);border:1px solid var(--edge);border-radius:7px}#precip-detail .measurements>summary{padding:10px 12px;font-size:13px;cursor:pointer}#precip-detail .measurements summary span{color:var(--muted);margin-left:8px}#precip-detail .table-wrap{padding:0 12px 12px}#precip-detail table{border-collapse:collapse;width:100%;font-size:13px}#precip-detail caption{text-align:left;color:var(--muted);padding:6px 0 12px;font-size:12px}#precip-detail th{text-align:right;color:var(--muted);font-weight:500}#precip-detail td{text-align:right}#precip-detail td:first-child, #precip-detail th:first-child{text-align:left}#precip-detail td, #precip-detail th{padding:7px;border-bottom:1px solid var(--edge)}#precip-detail footer{border-top:1px solid var(--edge);margin-top:14px;padding-top:12px;color:var(--muted);font-size:12px;display:flex;gap:10px;align-items:flex-start;justify-content:space-between}#precip-detail footer details{max-width:64%}#precip-detail summary{cursor:pointer}#precip-detail footer summary{text-align:right;color:var(--text)}#precip-detail footer p{margin-top:8px}:root:not([data-theme="dark"]) #precip-detail{color-scheme:light;--bg:#f2f6f7;--panel:#fff;--edge:#bacbd1;--text:#193039;--muted:#4b626b;--rain:#006c70;--snow:#245f9c;--button:#d9e8ed;--soft:#e8eff2;--gold:#785017;--alert:#fff6e6}#precip-detail .empty{fill:var(--muted);font-size:13px}@media(max-width:780px){#precip-detail{inline-size:calc(100% - 20px);max-block-size:calc(100dvh - 20px);border-radius:9px}#precip-detail .dialog-header{padding:10px 12px;grid-template-columns:1fr auto}#precip-detail h2{font-size:21px}#precip-detail .local-label{display:none}#precip-detail .content{padding:12px}#precip-detail .columns{grid-template-columns:minmax(0,1fr);gap:12px}#precip-detail .instrument{padding:14px;grid-template-rows:auto auto auto auto auto auto auto auto}#precip-detail .hero{padding-block:14px}#precip-detail .big strong{font-size:48px}#precip-detail .coverage, #precip-detail .chart-note{padding-block:8px}#precip-detail .chart-head{margin-top:2px}#precip-detail .bottom-stats{margin-top:8px}#precip-detail .bottom-stats dt{min-height:18px}#precip-detail .toolbar{align-items:stretch;flex-wrap:wrap}#precip-detail .tools{margin-left:auto}#precip-detail .segmented{flex:1}#precip-detail .segmented button{flex:1;white-space:nowrap;min-height:40px}#precip-detail .subtle{min-height:44px}#precip-detail .range button{min-height:36px}#precip-detail .chart-head h4{font-size:14px}#precip-detail footer{display:block}#precip-detail footer details{max-width:none;margin-top:8px}#precip-detail footer summary{text-align:left}#precip-detail .metrics dt{font-size:12px}#precip-detail .metrics>div{padding-inline:8px}#precip-detail .metrics dd{font-size:23px}#precip-detail .source{font-size:12px}#precip-detail .bottom-stats dd{font-size:14px}}@media(max-width:370px){#precip-detail .content{padding:9px}#precip-detail .instrument{padding:11px}#precip-detail .metrics dt{font-size:11px}#precip-detail .metrics dd{font-size:21px}#precip-detail .bottom-stats dt{font-size:11px;min-height:32px}#precip-detail .section-head h3{font-size:17px}#precip-detail .tools{width:100%}#precip-detail .tools button{flex:1}}@media(forced-colors:active){#precip-detail .bar, #precip-detail .point{fill:CanvasText}#precip-detail .grid{stroke:GrayText}#precip-detail button[aria-pressed=true]{outline:2px solid Highlight}}

#precip-detail {font:15px/1.5 'Segoe UI',Arial,sans-serif;font-variant-numeric:tabular-nums}
#precip-detail .toolbar>.local-label{display:block}
#precip-expand{position:absolute;inset-inline-end:var(--header-icon-inset);inset-block-start:50%;translate:0 -50%;display:grid;place-items:center;inline-size:28px;block-size:28px;padding:4px;border:1px solid #526069;border-radius:4px;background:#202a30;color:#d9e9ed;cursor:pointer}
#precip-expand svg{width:17px;height:17px}
#precip-expand:focus-visible{outline:3px solid #f2cd8b;outline-offset:3px}

#precip-detail h2{color:var(--text)}

#precip-detail .close{color:var(--text)}

/* Last-reported snow level: a continuous held step, not interpolated measurements. */
#precip-detail .snow-step{fill:none;stroke:var(--snow);stroke-width:2.5;stroke-linejoin:round}
#precip-detail .snow-area{fill:var(--snow);fill-opacity:.24}
#precip-detail .snow-latest{fill:var(--snow);stroke:var(--bg);stroke-width:1.5}
#precip-detail .snow-label{fill:var(--snow)}
#precip-detail .midnight{stroke:var(--gold);stroke-width:1;stroke-dasharray:4 4}
#precip-detail .midnight-label{fill:var(--gold);font-weight:600}
#precip-detail .date-label{font-size:11px}
#precip-detail .instrument{grid-template-rows:auto 125px auto 48px auto auto minmax(54px,auto) auto}
@media(max-width:780px){#precip-detail .instrument{grid-template-rows:auto auto auto auto auto auto auto auto}}
@media(forced-colors:active){#precip-detail .snow-step,#precip-detail .midnight{stroke:CanvasText}#precip-detail .snow-area{fill:none}#precip-detail .snow-latest{fill:CanvasText;stroke:Canvas}#precip-detail .snow-label,#precip-detail .midnight-label{fill:CanvasText}}

#precip-detail .snow-value-bg{fill:var(--snow)}
#precip-detail .snow-value{fill:var(--bg);font-size:13px;font-weight:700}
@media(forced-colors:active){#precip-detail .snow-value-bg{fill:CanvasText}#precip-detail .snow-value{fill:Canvas}}

/* Centre the readings, while retaining the section headings and chart alignment. */
#precip-detail .hero{align-items:center;text-align:center}
#precip-detail .big{justify-content:center}
#precip-detail .metrics,#precip-detail .coverage{text-align:center}
#precip-detail .metrics>div,#precip-detail .metrics>div:first-child{padding-inline:8px}
#precip-detail footer{display:block}
#precip-detail footer details{max-width:none;margin-block-start:12px;padding:10px 12px;border:1px solid var(--edge);border-radius:7px;background:var(--soft)}
#precip-detail footer summary{text-align:start}
#precip-detail footer p{max-inline-size:80ch;text-align:start;line-height:1.6}