:root{--ink:#133d42;--muted:#5a7172;--green:#18766e;--line:#d5e2dd;--paper:#f6f8f3;--amber:#956329}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header,main{max-width:1240px;margin:auto;padding:0 52px}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:var(--green)}.brand{font-size:27px;text-decoration:none;display:flex;align-items:center;gap:12px}.brand span{font-size:15px;letter-spacing:3px;font-weight:750}.prototype,.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px}.prototype{display:flex;gap:12px;align-items:center;color:var(--muted)}.dot{background:#77a79b;width:7px;height:7px;border-radius:50%}.intro{padding:58px 0 34px;position:relative}.intro:after{content:"";position:absolute;right:0;bottom:52px;width:240px;height:110px;border-top:1px solid #abc7be;border-radius:50%;transform:rotate(-12deg);box-shadow:0 -18px 0 -17px #abc7be,0 -36px 0 -35px #abc7be;opacity:.6}h1{font:normal clamp(42px,5.4vw,68px)/1.06 Georgia,serif;letter-spacing:-2px;margin:18px 0 22px}h2{font:normal 27px/1.25 Georgia,serif;margin:10px 0 0}.dek{font-size:17px;max-width:570px;color:var(--muted);line-height:1.6}.statusbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}button{font:inherit;cursor:pointer;color:var(--ink);border:1px solid var(--line);background:transparent;border-radius:7px;padding:8px 13px}button:hover{background:#e5eee7}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c48d4b;outline-offset:3px}#warning{background:#fff0d7;color:#7a4e19;padding:15px;border-radius:8px;margin:8px 0 20px;font-size:13px}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;padding:26px 0 36px}.metrics article{padding:0 26px;border-left:1px solid var(--line)}.metrics article:first-child{padding-left:0;border:0}.metrics p{font-size:12px;color:var(--muted);margin:8px 0 0}.metric{font:normal 44px/1.2 Georgia,serif;margin-top:12px}.metric small{font:14px sans-serif;color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:0 5px 20px #143b3604}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:22px}.tabs{display:flex;gap:3px;white-space:nowrap;background:#f1f5f0;padding:4px;border-radius:9px}.tabs button{font-size:11px;border:0;padding:8px 10px}.tabs .active{background:var(--ink);color:white}.legend{display:flex;gap:22px;align-items:center;margin:26px 0 6px;font-size:11px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:7px}.legend i{display:inline-block;width:22px;height:2px;background:#94b8af}.legend .smooth{background:var(--green);height:3px}.legend .unit{margin-left:auto;font-size:10px}.chartwrap{position:relative;min-height:270px}svg{width:100%;height:auto;touch-action:pan-y}svg text{font:11px -apple-system,sans-serif;fill:var(--muted)}#empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.readout{background:#f0f5f0;border-radius:8px;min-height:72px;padding:12px 16px;font-size:12px;color:var(--muted)}.readout strong{color:var(--ink);font-size:14px}.readout .detail{display:flex;gap:18px;flex-wrap:wrap}input[type=range]{width:100%;accent-color:var(--green);margin:18px 0 8px}.chartfoot{display:flex;justify-content:space-between;gap:14px;font-size:10px;color:var(--muted)}.chartfoot a{text-decoration:none}.future{margin:56px 0}.tag{font-size:9px;letter-spacing:1px;padding:7px 10px;border:1px solid #c6d5c9;border-radius:4px;white-space:nowrap}.explain{font-size:14px;color:var(--muted);max-width:750px}.assumption{border-left:3px solid #7a9d8d;background:#eaf0e7;padding:16px 20px;display:flex;gap:15px;align-items:center;font-size:12px;flex-wrap:wrap}.assumption strong{font:22px Georgia,serif;margin-left:auto}.assumption small{width:100%;color:var(--muted);font-size:11px}.eventgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.event{border:1px solid var(--line);border-radius:10px;padding:22px;background:#fff}.event .eventvalue{font:25px Georgia,serif;margin:18px 0 12px}.event p{font-size:12px;color:var(--muted)}.event .pending{color:var(--amber);font-size:10px;letter-spacing:.6px}.fine{font-size:11px;color:var(--muted);max-width:900px}.method{border-top:1px solid var(--line);padding:36px 0 50px;display:grid;grid-template-columns:1fr 2fr;gap:60px}.method p{font-size:13px;color:var(--muted);margin:0 0 16px}.method details{border-top:1px solid var(--line);padding-top:18px;font-size:12px}.method summary{cursor:pointer;margin-bottom:18px}footer{border-top:1px solid var(--line);padding:22px 0 35px;font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between;color:var(--muted)}footer span{letter-spacing:0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#sources{font-size:10px;max-height:160px;overflow:auto}#sources a{display:block}@media(max-width:760px){header,main{padding-left:22px;padding-right:22px}header{height:74px}.intro{padding-top:36px}.intro:after{display:none}.metrics{grid-template-columns:1fr 1fr;gap:26px 0}.metrics article{padding:0 16px}.metrics article:last-child{grid-column:1/-1;border:0;padding:0}.metrics article:last-child h2{font-size:23px}.metric{font-size:36px}.sectionhead{align-items:flex-start;flex-direction:column;gap:18px}h2{font-size:24px}.panel{padding:20px 14px}.legend{gap:12px;flex-wrap:wrap}.legend .unit{margin-left:0;width:100%}.chartwrap{min-height:180px}svg{min-height:200px}.eventgrid{grid-template-columns:1fr}.event{padding:20px}.method{grid-template-columns:1fr;gap:24px}.statusbar{font-size:11px;align-items:flex-start}.statusbar button{font-size:11px;white-space:nowrap}.chartfoot{flex-direction:column;gap:6px}.assumption strong{margin-left:0}footer{gap:18px}.prototype{font-size:8px;letter-spacing:1px}.future{margin-top:38px}}
[hidden]{display:none!important}

.disclaimer{font-size:11px;color:var(--muted);padding:16px 0 22px;max-width:850px;line-height:1.7}.history-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:24px;flex-wrap:wrap}.dates{display:flex;gap:14px;flex-wrap:wrap}.dates label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.dates input,select{font:12px -apple-system,sans-serif;color:var(--ink);border:1px solid var(--line);border-radius:6px;background:white;padding:8px;min-width:0}.pan{display:flex;gap:6px}.pan button{font-size:11px}.pan button:disabled{cursor:default}.history-note{font-size:11px;color:var(--muted);margin:12px 0 0}.station-picker{font-size:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:12px}.station-picker select{max-width:100%}.station-picker small{font-size:11px;color:var(--muted);width:100%}@media(max-width:760px){.history-controls{gap:12px}.dates{width:100%;gap:10px}.dates label{flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:4px}.dates input{width:100%}.tabs button{font-size:10px}.legend{margin-top:20px}}

.tabs{flex-wrap:wrap;white-space:normal}.tabs button{white-space:nowrap}.sectionhead .tabs{max-width:460px}

.history-availability{margin-top:22px;padding:14px 16px;background:#edf3ea;border:1px solid #d5e3d4;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:18px}.history-availability p{font-size:12px;line-height:1.6;margin:0;max-width:650px}.history-availability button{background:var(--ink);color:white;border-color:var(--ink);font-size:12px;flex-shrink:0}.history-availability button:hover{background:#24545a}.history-controls{margin-top:18px}@media(max-width:760px){.history-availability{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.history-availability button{width:100%;white-space:normal}}

.station-picker{background:white;border:1px solid #cbded1;border-radius:12px;padding:20px;margin:2px 0 22px;gap:14px}.station-picker>label{font-size:15px;font-weight:700}.station-picker select{font-size:15px;padding:11px 14px;border-color:#87aaa0;min-width:285px;background:#f7faf5}.station-availability{display:grid;grid-template-columns:1fr 1fr;gap:22px;width:100%;padding-top:8px;border-top:1px solid var(--line)}.station-availability p{margin:4px 0 0;font-size:12px}.station-availability strong,.station-availability span,.station-availability small{display:block}.station-availability strong{font-size:13px}.station-availability small{margin-top:3px;line-height:1.5}@media(max-width:760px){.station-picker{padding:16px;gap:10px}.station-picker select{width:100%;min-width:0;font-size:14px}.station-availability{grid-template-columns:1fr;gap:12px}.station-availability small{font-size:11px}}

.scenario-station{font-size:12px;font-weight:650;color:var(--ink);margin:18px 0 -6px}

.axis-label{font-size:12px;font-weight:650;line-height:1.5;margin:16px 0 2px 42px;color:var(--ink)}.axis-label span{font-weight:400}@media(max-width:760px){.axis-label{margin-left:0;font-size:12px;max-width:100%}}
/* Tide-staff prototype */
.gauge-section{padding-top:4px}.gauge-section>.sectionhead h2{font-size:34px}.gauge-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:38px;align-items:start;margin-top:24px}.gauge-visual{min-width:0}.gauge-caption{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.1px;font-weight:750;color:var(--muted);padding:0 12px}.gauge-caption span:last-child{font-size:10px;letter-spacing:0;font-weight:500}#staff-gauge{display:block;width:100%;height:auto;min-height:0;margin-top:5px}#staff-gauge text.staff-number{font:bold 44px/1 Georgia,serif;fill:#20362c}#staff-gauge text.staff-callout{font:700 20px -apple-system,sans-serif;fill:inherit}#staff-gauge text.staff-callout-name{font:700 10px -apple-system,sans-serif;letter-spacing:.8px;fill:inherit}.gauge-water-note{font-size:10px;color:var(--muted);text-align:center;margin:4px 0 16px}.gauge-legend{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px}.gauge-key{display:flex;gap:9px;font-size:11px;line-height:1.5;align-items:flex-start}.gauge-key strong{font-size:11px;display:block}.gauge-key small{font-size:10px;display:block;color:var(--muted);margin-top:3px}.gauge-letter{display:flex;width:22px;height:22px;border-radius:50%;flex:0 0 22px;align-items:center;justify-content:center;color:white;font-size:10px;font-weight:750}.gauge-controls{background:white;border:1px solid var(--line);border-radius:12px;padding:26px;min-width:0}.gauge-date-heading h3{font:normal 31px/1.2 Georgia,serif;margin:12px 0 8px}.gauge-date-heading p{font-size:12px;color:var(--muted);margin:0}.date-slider-controls{display:flex;align-items:center;gap:12px;margin-top:22px}.date-slider-controls button{padding:7px 11px;flex-shrink:0}.date-slider-controls input[type=range]{margin:0;min-width:0;width:100%;accent-color:#b39212}.gauge-window{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:7px 43px 20px}.gauge-date-jump{border-top:1px solid var(--line);padding-top:18px;display:flex;gap:8px 15px;align-items:center;flex-wrap:wrap}.gauge-date-jump label{font-size:12px}.gauge-date-jump input{font:13px -apple-system,sans-serif;border:1px solid var(--line);border-radius:6px;padding:8px;color:var(--ink);background:#f8faf5;max-width:100%}.gauge-date-jump small,.upcoming small{display:block;font-size:10px;line-height:1.6;color:var(--muted);width:100%}.upcoming{padding-top:22px}.gauge-upcoming{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 9px}.gauge-upcoming button{font-size:11px;padding:7px 10px;background:#f1f5e8;border-color:#d8dfc5}.gauge-upcoming button:hover{background:#e5edcf}.gauge-request-status{font-size:10px;line-height:1.6;color:var(--muted);margin:17px 0 0}.selected-comparison{font:normal 22px/1.35 Georgia,serif;margin:19px 0;color:var(--ink);border-top:1px solid var(--line);padding-top:18px}.gauge-assumption{background:#f1f5ed;border-left:3px solid #91ac84;padding:15px;margin-top:18px}.gauge-assumption>span{font-size:8px;letter-spacing:1px;font-weight:750;display:block}.gauge-assumption strong{display:block;font:normal 27px Georgia,serif;margin:8px 0}.gauge-assumption small{font-size:10px;line-height:1.6;color:var(--muted);display:block}.probability-note{font-size:11px;color:var(--muted);margin-top:20px}.probability-note strong{font-size:12px;color:var(--ink)}.probability-note p{font-size:11px;line-height:1.65;margin:6px 0 0}.comparison-details{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;font-size:12px}.comparison-details summary{cursor:pointer}.gauge-section>.fine{margin-top:20px}.gauge-section .eventgrid{margin-bottom:18px}
@media(max-width:760px){.gauge-section>.sectionhead h2{font-size:29px}.gauge-layout{grid-template-columns:1fr;gap:25px}.gauge-controls{padding:20px;order:0}.gauge-visual{order:1}.gauge-controls .gauge-assumption,.gauge-controls .probability-note{margin-top:16px}.gauge-date-heading h3{font-size:28px}.gauge-legend{grid-template-columns:1fr;gap:13px}.gauge-key strong{font-size:12px}.gauge-key small{font-size:11px}.gauge-caption{padding:0 3px}.selected-comparison{font-size:21px}#staff-gauge text.staff-callout{font-size:21px}#staff-gauge text.staff-callout-name{font-size:12px;letter-spacing:.1px}.gauge-date-jump input{font-size:14px}}

.gauge-source{font-size:10px;display:inline-block;margin-top:7px}
@media(max-width:760px){.gauge-layout{display:flex;flex-direction:column;gap:0}.gauge-controls{display:contents}.gauge-date-heading{order:0;width:100%;margin-bottom:15px}.date-slider-controls{order:1;width:100%;margin:0}.gauge-window{order:2;width:calc(100% - 86px);margin:7px 43px 22px}.gauge-visual{order:3;width:100%;margin-bottom:24px}.gauge-date-jump{order:4;width:100%}.upcoming{order:5;width:100%}.gauge-request-status{order:6;width:100%}.gauge-source{order:7}.gauge-retry{order:8;align-self:flex-start}.selected-comparison{order:9;width:100%}.gauge-assumption{order:10;width:100%}.probability-note{order:11;width:100%}}
.gauge-retry{font-size:11px;margin-top:10px}

.band-preview{margin-top:12px;font-size:11px}.band-preview summary{cursor:pointer;color:var(--ink)}.band-style-demo{padding:18px 12px 6px}.band-outer{height:44px;position:relative;background:#d4d6d8;border:1px dashed #8b8f94;border-radius:4px;max-width:240px;margin:auto}.band-inner{position:absolute;inset:7px 27%;background:#787d82;border-radius:2px}.band-middle{position:absolute;width:2px;top:4px;bottom:4px;left:50%;background:#363a3e}.band-preview p{font-size:10px}

.prototype-switch{font-size:11px;margin:10px 0 0}.prototype-switch a{text-decoration:none}

.rapid-change-note{margin-top:18px;padding:14px 16px;border:1px solid #e3dac1;border-radius:8px;background:#faf6e9;font-size:11px;color:var(--muted);line-height:1.65}.rapid-change-note>strong{font-size:12px;color:var(--ink)}.rapid-change-note p{margin:7px 0 0}.rapid-change-note b{color:var(--ink);font-weight:650}@media(max-width:760px){.rapid-change-note{order:11;width:100%}.probability-note{order:12}}

#staff-gauge .staff-unit{font:600 17px -apple-system,sans-serif;fill:#20362c}.historical-range-row{display:block;margin:8px 0;font-size:12px;color:var(--ink)}.band-swatch{display:inline-block;width:18px;height:10px;margin-right:6px;border:1px solid #999}.band-swatch.middle50{background:#777d83}.band-swatch.middle90{background:#d3d6d9}#historical-band-panel summary{cursor:pointer;margin-top:10px}#historical-band-provenance{overflow-wrap:anywhere;font-size:9px}

.gauge-band-caption{font-size:11px;line-height:1.6;margin:4px 0 10px;color:#44534e}#historical-band-panel{padding:15px;background:#f1f2f3;border-left:3px solid #777d83}@media(max-width:760px){.gauge-controls>.probability-note{order:11}.gauge-controls>.rapid-change-note{order:12}}

/* Keep staff numerals legible where full-width ranges and height lines cross. */
#staff-gauge text.staff-number,#staff-gauge text.staff-unit{paint-order:stroke;stroke:#f4f6ee;stroke-width:2px;stroke-linejoin:round}

/* Decorative water, separate from the numeric historical ranges. */
.gauge-water-ripple,.gauge-water-static{fill:#68bad8;fill-opacity:.28;stroke:none}.gauge-water-ripple{animation:gauge-ripple-drift 4.5s linear infinite;will-change:transform}@keyframes gauge-ripple-drift{from{transform:translateX(-500px)}to{transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.gauge-water-ripple{animation:none;will-change:auto}}

.gauge-water-ripple{stroke:#4b97b4;stroke-opacity:.25;stroke-width:1}.gauge-water-ripple.is-paused{animation-play-state:paused}.gauge-motion-toggle{display:block;margin:0 auto 16px;padding:3px 7px;background:transparent;border:0;text-decoration:underline;font-size:10px;color:var(--muted)}.gauge-motion-toggle[hidden]{display:none}@media(prefers-reduced-motion:reduce){.gauge-motion-toggle{display:none}}

.gauge-band-availability{background:#eef2ee;border:1px solid #cfd8cf;border-radius:9px;padding:14px 17px;margin:16px 0 0;font-size:12px;line-height:1.6}.gauge-band-availability strong{display:block;font-size:13px}.gauge-band-availability p{margin:4px 0 0;color:var(--muted)}.gauge-band-availability.unavailable{background:#faf5e8;border-color:#dfd2ad}.gauge-band-availability button{margin-top:10px;font-size:12px}.gauge-band-availability button[hidden]{display:none}

.gauge-top-dates{display:flex;justify-content:space-between;gap:16px;margin:17px 0 8px;padding:0 10px}.gauge-top-dates>div{min-width:0}.gauge-top-dates>div:last-child{text-align:right}.gauge-top-dates span{display:block;font-size:9px;font-weight:700;letter-spacing:.8px;color:var(--muted);margin-bottom:5px}.gauge-top-dates strong{display:block;font:750 23px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;white-space:nowrap;color:#a51e2d}.gauge-top-dates>div:last-child strong{color:#006a67}@media(max-width:760px){.gauge-top-dates{padding:0 4px;gap:10px}.gauge-top-dates strong{font-size:21px}.gauge-top-dates span{font-size:8px;letter-spacing:.5px}}

/* Keep point-only water legible after the historical range ends. */
.gauge-water-surface{stroke:#2b839f;stroke-width:2;stroke-dasharray:8 5;stroke-opacity:.8}
#staff-gauge .gauge-water-point-label{font:700 10px -apple-system,sans-serif;letter-spacing:.6px;fill:#215e70}

/* Date and daily residual travel with the selected chart point. */
.selection-callout,.selection-leader{pointer-events:none}
.selection-callout rect{fill:#fff;fill-opacity:.76;stroke:#4e8277;stroke-opacity:.55;stroke-width:1;filter:drop-shadow(0 1px 2px #133d4210)}
#chart .selection-date{font-size:12px;font-weight:650;fill:#315e55}
#chart .selection-value{font-size:18px;font-weight:750;fill:#133d42}
#chart .selection-qualifier{font-size:10px;fill:#4b6561}
.selection-leader{stroke:#315e55;stroke-width:1.2}
#chart-interaction{touch-action:pan-y}
#day{min-height:28px;touch-action:pan-y}

/* Stage 1: current conditions, upcoming tides, then the existing gauge/chart. */
.conditions-overview{padding:38px 0 22px}.overview-station{font-size:13px;color:var(--muted);margin:0 0 12px}
.conditions-overview h1{font-size:clamp(34px,4.5vw,54px);line-height:1.12;letter-spacing:-1px;max-width:980px;margin:0 0 24px}
.overview-answer{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);gap:36px;align-items:center;background:#eaf1ed;border:1px solid #ccddd5;border-radius:14px;padding:26px 30px}
.overview-number #latest-label{font-size:13px;font-weight:650;line-height:1.4;max-width:240px}.overview-residual{font:normal clamp(56px,6.5vw,82px)/1.1 Georgia,serif;letter-spacing:-2px;margin-top:8px;white-space:nowrap}
.overview-explanation>p:first-child{font-size:20px;line-height:1.45;margin:0 0 12px;max-width:650px}.overview-caveat{font-size:13px;margin:0;color:#365754}
.overview-freshness,.overview-reference{font-size:12px;color:var(--muted);line-height:1.55;margin:12px 0 0}.overview-source{display:inline-block;font-size:12px;margin-top:9px}
.conditions-overview .statusbar{margin-top:18px;padding-bottom:0}.conditions-overview #warning{margin-bottom:0}
.upcoming-overview{padding:12px 0 0}.upcoming-overview h2{font-size:30px;margin:0}.upcoming-overview>p{font-size:14px;color:var(--muted);margin:10px 0 18px;max-width:860px}
.overview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.upcoming-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}
.upcoming-card h3{font:normal 25px Georgia,serif;margin:0}.upcoming-time{font-size:12px;color:var(--muted);margin:5px 0 18px}.upcoming-value{font:normal 36px/1.2 Georgia,serif;letter-spacing:-.5px}.upcoming-comparison{font-size:16px;margin:4px 0 12px}.upcoming-detail{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 18px;flex:1}.upcoming-card button{align-self:flex-start;font-size:13px;background:#edf3ef}
.why-overview{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin:0 0 38px}.why-overview h2{margin:0 0 12px}.why-overview p{max-width:850px;margin:0;color:var(--muted);font-size:15px}
.trend-overview{margin:0 0 42px}.station-scope{font-size:12px;width:100%;margin:0;color:var(--muted)}.chart-context{grid-template-columns:1fr 1fr;padding:12px 0 28px}.chart-context article:first-child{padding-left:0}.chart-context .metric{font-size:32px}
.how-overview{border-top:1px solid var(--line);padding:28px 0 12px}.how-overview h2{margin:0 0 16px}.how-overview>details{font-size:13px;line-height:1.7}.how-overview>details>summary{cursor:pointer;font-size:15px;color:var(--ink)}.how-overview>details>p{max-width:1000px;color:var(--muted)}
@media(max-width:760px){.conditions-overview{padding-top:28px}.conditions-overview h1{font-size:35px;letter-spacing:-.7px}.overview-answer{grid-template-columns:1fr;gap:16px;padding:22px}.overview-residual{font-size:66px}.overview-explanation>p:first-child{font-size:18px}.overview-cards{grid-template-columns:1fr;gap:12px}.upcoming-card{padding:20px}.upcoming-card h3{font-size:24px}.upcoming-value{font-size:34px}.upcoming-time{margin-bottom:10px}.chart-context{gap:16px;grid-template-columns:1fr 1fr}.chart-context article{padding:0 10px}.chart-context article:last-child{grid-column:auto;border-left:1px solid var(--line);padding-left:16px}.chart-context article:last-child h2{font-size:21px}.chart-context .metric{font-size:28px}.why-overview{padding:24px 0;margin-bottom:28px}}

/* Keep the new overview concise; full refresh detail stays with station controls. */
.trend-overview>.statusbar{margin-bottom:16px}.upcoming-overview>.overview-reference{font-size:12px;line-height:1.55;margin:14px 0 0;max-width:1000px}
@media(max-width:760px){.conditions-overview h1{font-size:32px;line-height:1.12;margin-bottom:20px}.overview-answer{padding:20px;gap:12px}.overview-residual{font-size:62px}.overview-explanation>p:first-child{font-size:16px;line-height:1.5;margin-bottom:10px}.overview-freshness{font-size:11px}.overview-caveat{font-size:12px}}

/* Comparison arrows supplement, rather than replace, the written direction. */
.upcoming-value{display:flex;align-items:baseline;gap:.22em}.comparison-arrow{flex:none;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:.9em;color:var(--ink)}.comparison-arrow[data-direction=level]{font-size:.8em}

/* Stage 2: a schematic explanation and directly labeled tape comparison. */
.gauge-section>.sectionhead{align-items:flex-start}.gauge-section .selected-comparison{margin:6px 0 0;padding:0;border:0;max-width:800px;line-height:1.2}.gauge-comparison-context{font-size:16px;margin:12px 0 0;max-width:850px}.gauge-datum-note{font-size:13px;line-height:1.5;color:#485d60;margin:9px 0 14px}
#staff-gauge text.staff-callout-name{font:650 18px -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:0}#staff-gauge text.staff-callout{font-size:25px}.gauge-top-dates>div:first-child strong{color:#b4453f}.gauge-top-dates>div:last-child strong{color:#1b6080}.gauge-marker-swatch{width:26px;flex:0 0 26px;border-top:4px solid;margin-top:8px}.gauge-key strong{font-size:14px}.gauge-key small{font-size:12px}.gauge-legend{gap:18px 16px}.gauge-top-dates>div:last-child strong{color:#1b6080}
.why-overview .why-lead{font-size:20px;color:var(--ink);margin:0 0 6px}.why-overview .why-illustrative{font-size:13px;margin-bottom:20px}.why-equation{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);gap:14px;align-items:start;background:white;border:1px solid var(--line);border-radius:14px;padding:26px}.why-part h3{font:normal 22px/1.2 Georgia,serif;margin:16px 0 9px}.why-part p{font-size:16px;color:#435b5c;line-height:1.5}.why-bars{height:150px;max-width:140px;width:100%;position:relative;border-bottom:2px solid #aab9b8}.why-bar{position:absolute;bottom:0;left:16%;width:68%;border-radius:5px 5px 0 0}.predicted-bar{height:98px;background:#8598a0}.residual-bar{height:44px;background:#cf9342}.total-bar{height:142px;background:#8598a0;overflow:hidden}.total-bar>span{position:absolute;inset:0 0 auto;height:44px;background:#cf9342}.why-operator{font:normal 36px Georgia,serif;padding-top:76px;text-align:center;color:#385d60}.why-overview .why-baseline{font-size:14px;margin:16px 0;color:#38565b}.why-overview .why-causes{font-size:16px;line-height:1.6;max-width:1000px}.why-overview .why-scenario-note{font-size:14px;margin-top:14px;max-width:1000px}
@media(max-width:760px){.gauge-section .selected-comparison{font-size:28px}.gauge-comparison-context{font-size:15px}.gauge-datum-note{font-size:13px}.gauge-top-dates strong{font-size:19px}.gauge-key strong{font-size:14px}.gauge-key small{font-size:12px}.why-equation{grid-template-columns:minmax(0,1fr);gap:10px;padding:20px}.why-part{display:grid;grid-template-columns:70px minmax(0,1fr);gap:18px;align-items:center}.why-bars{height:115px}.predicted-bar{height:73px}.residual-bar{height:33px}.total-bar{height:106px}.total-bar>span{height:33px}.why-part h3{font-size:21px;margin:0 0 8px}.why-part p{font-size:15px}.why-operator{padding:0;font-size:27px;line-height:1;text-align:left;margin-left:24px}.why-overview .why-causes{font-size:15px}}

/* Brief search context stays with methods, away from the main visual answers. */
.how-overview .regional-context{font-size:14px;line-height:1.6;color:var(--muted);max-width:880px;margin:0 0 18px}

/* Stage 3: a quieter chart and one methods disclosure. */
#trend-section .station-picker{padding:14px 18px;margin-bottom:12px}#trend-section .station-picker select{flex:1}#trend-section>.statusbar{font-size:11px;line-height:1.5;margin-bottom:18px;padding-top:0;border:0}.panel.trend{background:#fff}.trend .sectionhead{display:block}.trend .sectionhead .tabs{max-width:none}.trend .legend{margin-top:18px}.trend .legend .daily{background:#507778}.trend .legend .smooth{background:#153f45}.trend .axis-label{font-size:14px;margin-top:16px}#chart .predicted-zero-label{font-size:12px;font-weight:650;fill:#34545a}#chart .october-reference-label{font-size:12px;font-weight:650;fill:#765526}#chart .october-reference-note{font-size:10px;fill:#765526}#chart .residual-tick{fill:#485e61;font-size:12px}
#day{-webkit-appearance:none;appearance:none;background:transparent;height:28px;min-height:28px;margin:10px 0 4px;cursor:pointer}#day::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:#c9d8d5}#day::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-5px;border-radius:50%;background:#547c7b;border:2px solid white;box-shadow:0 0 0 1px #547c7b}#day::-moz-range-track{height:3px;border-radius:3px;background:#c9d8d5}#day::-moz-range-thumb{width:10px;height:10px;border:2px solid white;border-radius:50%;background:#547c7b;box-shadow:0 0 0 1px #547c7b}#day:focus-visible{outline:2px solid #1b6080;outline-offset:3px;border-radius:4px}#day:disabled{opacity:.5;cursor:default}
.gauge-critical-warning{padding:10px 14px;background:#faf3e7;border-left:3px solid #b38b50;font-size:13px}.method-link{display:inline-block;font-size:12px;margin:0 0 12px}.gauge-band-availability{padding:11px 15px}.gauge-band-availability p{font-size:12px}.how-overview>details{border:1px solid var(--line);border-radius:12px;background:#fff}.how-overview>details>summary{padding:20px 24px;font:normal 26px Georgia,serif}.method-content{padding:0 24px 24px}.method-content h3{font:normal 23px Georgia,serif;margin:30px 0 14px}.method-content h4{font-size:16px;margin:22px 0 12px}.method-content>p,.method-content .explain,.method-content .fine,.method-content .why-scenario-note{font-size:14px;line-height:1.7;color:#4b6264;max-width:1000px}.method-content .station-availability{font-size:13px}.method-content .metrics{margin:18px 0}.method-content .gauge-water-note{text-align:left;font-size:13px}.method-content #historical-band-panel{font-size:13px;line-height:1.7}.method-content #historical-band-panel p,.method-content .rapid-change-note p{font-size:13px}.method-content .disclaimer{font-size:13px;padding-bottom:0}.method-content .gauge-assumption{max-width:700px}.method-content .comparison-details{border:0}.method-content .comparison-details h3{margin-top:24px}
@media(max-width:760px){#trend-section .station-picker{padding:12px}#trend-section>.statusbar{align-items:flex-start;gap:12px}.trend .tabs button{font-size:11px}.trend .axis-label{margin-left:0;font-size:13px}.how-overview>details>summary{font-size:25px;padding:18px}.method-content{padding:0 18px 22px}.method-content h3{font-size:22px}.gauge-critical-warning{font-size:12px}.chartfoot{font-size:11px;line-height:1.6}}

.overview-definition{font-size:14px;line-height:1.45;color:#486063;max-width:320px;margin:10px 0 0}

/* Stage 4: one readable type scale, teal/slate structure and restrained amber. */
:root{--ink:#163f48;--text:#344b50;--muted:#4c6267;--green:#246a70;--line:#d7e1e2;--paper:#f7f9f8;--amber:#98631f;--amber-fill:#d9a24e;--amber-tint:#fff5e6}
body{font-size:16px;line-height:1.6;color:var(--text)}h1,h2,h3,h4,strong{color:var(--ink)}header{height:78px}.brand{color:var(--ink)}.brand span{font-size:16px}.eyebrow,.tag,.gauge-assumption>span{font-size:14px;line-height:1.5;font-weight:650;letter-spacing:0}.tag{white-space:normal;border-color:var(--line);color:var(--text);border-radius:6px}.conditions-overview{padding-top:34px}.conditions-overview h1{font-size:52px;line-height:1.12;max-width:1030px}.overview-station{font-size:16px}.overview-answer{background:#fff;border-color:var(--line);padding:26px 30px;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:32px}.overview-number #latest-label{font-size:16px;max-width:300px}.overview-residual{font-size:76px;color:var(--ink)}.overview-definition{font-size:16px;max-width:330px}.overview-explanation>p:first-child{font-size:20px;line-height:1.5}.is-elevated .overview-answer{background:var(--amber-tint);border-color:#e6c99e}.is-elevated .overview-residual{color:#8b581e}
.overview-caveat,.overview-freshness,.overview-source,.upcoming-overview>p,.upcoming-overview>.overview-reference,.upcoming-time,.upcoming-comparison,.upcoming-detail,.gauge-comparison-context,.scenario-station,.gauge-datum-note,.gauge-band-caption,.gauge-band-availability,.gauge-band-availability p,.gauge-band-availability strong,.gauge-critical-warning,.gauge-key strong,.gauge-key small,.gauge-date-heading p,.gauge-date-jump label,.gauge-date-jump small,.upcoming small,.gauge-request-status,.gauge-source,.method-link,.how-overview .regional-context,.chartfoot,.readout,.readout strong{font-size:16px;line-height:1.55;letter-spacing:0;color:var(--text)}
.upcoming-overview h2,.why-overview h2{font-size:32px}.upcoming-card{padding:24px;border-color:var(--line)}.upcoming-card h3{font-size:25px}.upcoming-value{font-size:36px;color:var(--ink)}.upcoming-card button,button,.tabs button{font-size:16px}.upcoming-card button{background:#edf3f3}.upcoming-time{margin-bottom:14px}.upcoming-detail{margin-bottom:20px}.gauge-section>.sectionhead h2{font-size:32px;line-height:1.25}.gauge-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:30px}.gauge-controls{padding:24px;background:#fff}.gauge-legend{grid-template-columns:1fr;gap:18px;margin:24px 0}.gauge-key{gap:12px}.gauge-key strong{font-weight:650}.gauge-key small{color:var(--muted);margin-top:5px}.gauge-marker-swatch{margin-top:11px}.gauge-caption,.gauge-caption span:last-child,.gauge-top-dates span{font-size:14px;line-height:1.5;letter-spacing:0}.gauge-top-dates strong{font-size:23px}.gauge-top-dates>div:first-child strong{color:#455a73}.gauge-top-dates>div:last-child strong{color:#1b6080}.gauge-date-heading h3{font-size:28px}.gauge-date-jump input{font-size:16px;padding:10px}.gauge-upcoming button{font-size:16px;padding:9px 12px;background:#edf3f3;border-color:#d3e0e0}.gauge-upcoming button:hover{background:#dfecec}.gauge-window{font-size:14px}.date-slider-controls input[type=range]{accent-color:#587f89}.date-slider-controls button{font-size:18px;padding:8px 13px}.gauge-band-availability,.gauge-band-availability.unavailable,.gauge-critical-warning{background:#edf2f3;border-color:#c4d3d7}.gauge-critical-warning{border-left-color:#607d88}.gauge-band-availability button{font-size:16px}.gauge-water-point-label{letter-spacing:0!important}#staff-gauge .gauge-water-point-label{font-size:14px}.gauge-motion-toggle{display:inline-flex;align-items:center;gap:9px;margin:4px 0 12px;padding:10px 14px;border:1px solid #9eb7bd;border-radius:7px;background:#fff;font-size:16px;color:var(--ink);text-decoration:none}.gauge-motion-toggle::before{content:'○';font-size:18px}.gauge-motion-toggle[aria-pressed=true]{background:#e5eff0;border-color:#3e6f78}.gauge-motion-toggle[aria-pressed=true]::before{content:'✓'}
.why-overview .why-lead{font-size:20px}.why-overview .why-illustrative,.why-overview .why-baseline,.why-overview .why-causes,.why-part p{font-size:16px;line-height:1.6;color:var(--text)}.why-part h3{font-size:24px}.residual-bar,.total-bar>span{background:var(--amber-fill)}.why-overview .why-causes{margin-top:16px}#trend-section .station-picker{padding:16px 18px}#trend-section .station-picker>label,#trend-section .station-picker select{font-size:16px}#trend-section>.statusbar{font-size:16px;line-height:1.5}.statusbar button{font-size:16px}.trend .tabs button{font-size:16px}.legend{font-size:14px}.trend .axis-label{font-size:16px}.readout{background:#f0f5f5;padding:14px 16px}.readout .detail{margin-top:4px;gap:8px 20px}.chartfoot{gap:12px;flex-wrap:wrap}.method-content h3{font-size:24px}.method-content>p,.method-content p,.method-content small,.method-content .fine,.method-content .explain,.method-content .why-scenario-note,.method-content #historical-band-panel p,.method-content .rapid-change-note p,.method-content .disclaimer,.method-content .history-note,.method-content .history-availability p,.method-content .historical-range-row,.method-content #historical-band-provenance,.method-content .gauge-assumption small,.method-content .event p,.method-content .event .pending,.method-content .station-availability small{font-size:16px;line-height:1.6;letter-spacing:0;color:var(--text)}.method-content .gauge-assumption>span,.method-content .station-availability strong,.method-content .dates label{font-size:16px;letter-spacing:0}.method-content .dates input{font-size:16px}.method-content .metrics .eyebrow{font-size:16px}.method-content .event .pending{color:var(--muted)}.method-content .event .eventvalue{font-size:26px}.method-content .rapid-change-note{background:#f1f4f5;border-color:#cbd8dc}.method-content .gauge-assumption{background:#eef3f4;border-left-color:#7a9da6}.method-content #sources{font-size:16px;max-height:300px;overflow:auto}.method-content #sources a{font-size:16px;margin:8px 0}.how-overview>details>summary{font-size:28px}.method-content .history-availability{background:#edf3f4;border-color:#cfdee1}footer{font-size:14px;letter-spacing:0;color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #1b6080;outline-offset:3px}
@media(max-width:760px){header,main{padding-left:20px;padding-right:20px}header{height:66px}.conditions-overview{padding-top:26px}.conditions-overview h1{font-size:34px;line-height:1.14;letter-spacing:-.7px;margin-bottom:20px}.overview-answer{grid-template-columns:1fr;gap:16px;padding:20px}.overview-residual{font-size:62px}.overview-explanation>p:first-child{font-size:18px}.overview-freshness,.overview-caveat,.overview-definition{font-size:16px}.overview-cards{gap:14px}.upcoming-card{padding:20px}.upcoming-overview h2,.why-overview h2{font-size:28px}.gauge-section>.sectionhead h2{font-size:28px}.gauge-visual{margin-bottom:10px}.gauge-legend{order:4;width:100%;margin:8px 0 26px;gap:18px}.gauge-date-jump{order:5}.upcoming{order:6}.gauge-request-status{order:7}.gauge-source{order:8}.gauge-retry{order:9}.gauge-top-dates{gap:10px}.gauge-top-dates strong{font-size:20px}.gauge-caption,.gauge-caption span:last-child,.gauge-top-dates span{font-size:14px}.gauge-window{font-size:14px}.gauge-date-heading h3{font-size:28px}.gauge-key strong,.gauge-key small,.gauge-critical-warning,.gauge-comparison-context,.gauge-datum-note{font-size:16px}.why-equation{padding:18px}.why-part{grid-template-columns:60px minmax(0,1fr);gap:16px}.why-part h3{font-size:24px}.why-part p,.why-overview .why-causes{font-size:16px}.why-operator{margin-left:19px}.trend .tabs{gap:5px}.trend .tabs button{font-size:14px;padding:8px 10px}.trend .axis-label{font-size:16px}.trend .legend{font-size:14px}.chartfoot{font-size:16px}.method-content{padding-left:18px;padding-right:18px}.method-content .metrics{grid-template-columns:1fr;gap:22px}.method-content .metrics article,.method-content .metrics article:last-child{border:0;padding:0;grid-column:auto}.method-content .station-availability{grid-template-columns:1fr}.how-overview>details>summary{font-size:26px}.gauge-motion-toggle{margin:4px 0 12px}footer{flex-wrap:wrap;gap:8px}#trend-section .station-picker{flex-direction:column;align-items:stretch;gap:8px}#trend-section .station-picker>label{width:100%}#trend-section .station-picker select{flex:none;width:100%;min-width:0}}
#warning{background:#edf2f3;color:var(--text);border:1px solid #c4d3d7;font-size:16px;line-height:1.55}
@media(prefers-reduced-motion:reduce){.gauge-motion-toggle{display:none}}

/* NOAA comparison sources remain as readable as the surrounding body text. */
.event-source{display:inline-block;font-size:16px;line-height:1.6;margin-top:8px}

/* Optional background reading stays beside the bottom methods section. */
.background-links{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0 0 24px;font-size:16px;line-height:1.6}.background-links a{padding:4px 0}

/* Two clear reading choices, near the top and beside the existing bottom methods. */
.background-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 26px}
.background-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:16px 20px;border:1px solid #94b2b8;border-radius:10px;background:#e7f0f1;color:var(--ink);font-size:20px;font-weight:650;line-height:1.35;text-decoration:none}
.background-links a::after{content:'→';flex:none;font-size:22px;font-weight:400}
.background-links a:hover{background:#d8e8eb;border-color:#527f88}
.background-links a:focus-visible{outline:3px solid #1b6080;outline-offset:3px}
.background-links-top{max-width:760px;margin:20px 0 0}
.background-links-top a{min-height:60px;padding:12px 18px;font-size:18px}
.background-links-top+.conditions-overview{padding-top:24px}
@media(max-width:760px){.background-links{gap:10px}.background-links a{font-size:18px;padding:14px;min-height:74px;gap:8px}.background-links a::after{font-size:20px}.background-links-top{margin-top:16px}.background-links-top a{padding:11px 12px;min-height:70px}.background-links-top+.conditions-overview{padding-top:22px}}
@media(max-width:420px){.background-links-top a::after{display:none}}

/* Personal credit and planned-platform attribution sit after the data and methods. */
.creator-credit{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr);gap:32px;align-items:center;margin:30px 0 36px;padding:32px;border:1px solid var(--line);border-radius:14px;background:#eef4f4}
.creator-story h2{font-size:32px;line-height:1.25;margin:0 0 20px}.creator-story h2 a{text-decoration-thickness:1px;text-underline-offset:5px}
.creator-story p{font-size:18px;line-height:1.65;color:var(--text);margin:0 0 16px;max-width:64ch}.creator-story p:last-child{margin-bottom:0}
.creator-platform{background:#fff;border:1px solid #d4e0e2;border-radius:12px;padding:28px;min-width:0}
.creator-platform-label{font-size:16px;line-height:1.4;font-weight:650;color:var(--muted);margin:0 0 20px}
.creator-logo-link{display:block;max-width:330px;margin:0 auto 22px;padding:0}.creator-logo-link img{display:block;width:100%;height:auto}
.creator-platform-status{font-size:16px;line-height:1.55;color:var(--muted);margin:0 0 20px}
.creator-plugin-link{display:block;font-size:16px;font-weight:650;line-height:1.5;padding:12px 14px;border:1px solid #94b2b8;border-radius:8px;background:#e7f0f1;color:var(--ink);text-decoration:none;min-height:48px}
.creator-plugin-link:hover{background:#d8e8eb}.creator-plugin-link:focus-visible,.creator-logo-link:focus-visible,.creator-story h2 a:focus-visible{outline:3px solid #1b6080;outline-offset:4px}
@media(max-width:760px){.creator-credit{grid-template-columns:1fr;gap:24px;padding:22px 20px;margin-top:26px}.creator-story h2{font-size:28px}.creator-platform{padding:22px}.creator-logo-link{max-width:300px}.creator-story p{font-size:18px}}

/* Preview the launch attribution while keeping local hosting status explicit. */
.creator-platform-label{font-size:18px;color:var(--ink);margin-bottom:20px}
.creator-platform-description{font-size:16px;line-height:1.6;color:var(--text);margin:0 0 14px}
.creator-platform-status{padding-top:12px;border-top:1px solid var(--line)}