/* Hallmark · editorial · Newsprint · Long Document / annotated figures · N6 compact masthead / Ft4 colophon
 * design-system: DELTA Water Lab Journal · pre-emit critique: P5 H4 E4 S5 R5 V4 */
@import '/wp-content/themes/delta-water-journal/tokens.css';
:root{--color-hydro:oklch(43% .075 205);--color-loss:oklch(80% .06 70);--color-cooling:oklch(62% .065 205);--color-map-0:oklch(93% .025 195);--color-map-1:oklch(83% .045 195);--color-map-2:oklch(71% .06 195);--color-map-3:oklch(57% .075 195);--color-map-4:oklch(40% .07 195);--color-nodata:oklch(85% .006 80);--color-stress-0:oklch(94% .03 75);--color-stress-1:oklch(85% .065 65);--color-stress-2:oklch(73% .10 50);--color-stress-3:oklch(58% .13 35);--color-stress-4:oklch(42% .12 25)}
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}body{font:1rem/1.65 var(--font-body);color:var(--color-ink);background:var(--color-paper)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font-display);font-style:normal;font-weight:500;line-height:1.1;overflow-wrap:anywhere;min-width:0}h1{font-size:clamp(2.8rem,6vw,5.2rem);letter-spacing:-.025em}h2{font-size:clamp(2rem,3.7vw,3.1rem)}h3{font-size:1.5rem}a{color:var(--color-accent);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}button,input,select{font:inherit}button,select{color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule);padding:var(--space-sm);min-height:44px}button{cursor:pointer}button:active{opacity:.7}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.wrap{width:100%;max-width:1200px;padding-inline:var(--page-gutter);margin-inline:auto}.mast{display:flex;justify-content:space-between;align-items:center;padding-block:var(--space-lg);gap:var(--space-md);border-bottom:1px solid var(--color-rule)}.mast>a{white-space:nowrap}.brand{font-family:var(--font-display);font-size:2rem;text-decoration:none;color:var(--color-ink)}.brand span{font-family:var(--font-body);font-size:.875rem;margin-left:var(--space-md)}sub{font-size:.6em}.hero{padding-block:var(--space-3xl) var(--space-2xl)}.eyebrow{font-size:var(--text-small);color:var(--color-accent);letter-spacing:.05em}.hero h1{margin-block:var(--space-lg)}.deck{font-size:1.3rem;max-width:58ch}.byline{font-size:.875rem;color:var(--color-muted);margin-top:var(--space-lg)}.action{display:inline-block;white-space:nowrap;padding-block:var(--space-sm);min-height:44px}.contents{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-xl);border-block:1px solid var(--color-rule);padding-block:var(--space-sm)}.contents a{white-space:nowrap;display:inline-block;min-height:44px;padding-block:var(--space-sm);font-size:.9rem}.section{padding-block:var(--space-3xl);scroll-margin-top:var(--space-lg)}.section+.section{border-top:1px solid var(--color-rule)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:var(--space-xl);margin-bottom:var(--space-xl)}.section-head .eyebrow{padding-top:var(--space-sm)}.section-head h2{max-width:25ch}.measure{max-width:77ch}.ref{font-size:.8em;white-space:nowrap}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3xl);align-items:start}.prose p+p{margin-top:var(--space-lg)}.prose h3{margin-bottom:var(--space-md)}figcaption,.note{font-size:.8125rem;line-height:1.6;color:var(--color-muted)}figcaption{margin-top:var(--space-md)}.connection{margin-top:var(--space-xl);padding:var(--space-xl);background:var(--color-paper-2)}.process{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:var(--space-lg);align-items:center}.node-number{font-size:.8rem;color:var(--color-accent)}.process-step h3{margin-block:var(--space-sm)}.process-step p{font-size:.9rem}.process-arrow{color:var(--color-hydro);font-size:2rem}.return-path{border-top:1px dashed var(--color-rule);padding-top:var(--space-md);margin-top:var(--space-xl);font-size:.875rem;color:var(--color-muted)}.return-path span{margin-right:var(--space-md)}details{margin-top:var(--space-xl);border-top:1px solid var(--color-rule);padding-top:var(--space-md)}summary{cursor:pointer;min-height:44px;color:var(--color-accent)}details p{font-size:.9rem}.water-balance{padding:var(--space-xl);background:var(--color-paper-2)}.control-label,.slider-labels{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.control-label output{font-weight:600;color:var(--color-hydro)}input[type=range]{width:100%;accent-color:var(--color-hydro);min-height:44px}.slider-labels{font-size:.75rem;color:var(--color-muted)}.slider-labels button{font-size:.75rem;border:0;background:none;text-decoration:underline}.water-total{font-family:var(--font-display);font-size:4rem;line-height:1;margin-block:var(--space-xl)}.water-total span{display:block;font-family:var(--font-body);font-size:.875rem;color:var(--color-muted);margin-top:var(--space-sm)}.water-bar{display:flex;height:28px}.feed{background:var(--color-hydro)}.loss{background:var(--color-loss)}.cooling{background:var(--color-cooling)}#bar-feed{width:28.86%}#bar-loss{width:14.87%}#bar-cooling{width:56.27%}.water-legend{margin:var(--space-lg) 0 0;font-size:.875rem}.water-legend>div{display:flex;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-sm)}.water-legend dt{display:flex;align-items:center;gap:var(--space-sm)}.water-legend dd{margin:0;white-space:nowrap}.water-legend i{width:10px;height:10px;display:inline-block}.map-toolbar{display:flex;align-items:end;justify-content:space-between;gap:var(--space-xl);margin-top:var(--space-xl);flex-wrap:wrap}fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);font-size:.875rem}legend,.county-control>label{font-size:.8rem;margin-bottom:var(--space-sm);display:block;color:var(--color-muted)}fieldset label{min-height:44px;display:flex;align-items:center;gap:var(--space-xs)}input[type=radio]{accent-color:var(--color-hydro)}.county-control{max-width:100%}select{max-width:100%;width:290px;font-size:.875rem}.map-figure{margin-top:var(--space-lg)}.map-wrap{background:var(--color-paper-2);padding:var(--space-md)}.county-map{display:block;width:100%;height:auto}.county-map path{stroke:var(--color-paper);stroke-width:.35;cursor:pointer;fill:var(--color-nodata)}.county-map path:hover,.county-map path.is-selected{stroke:var(--color-ink);stroke-width:1.5}.potential-0{fill:var(--color-map-0)!important}.potential-1{fill:var(--color-map-1)!important}.potential-2{fill:var(--color-map-2)!important}.potential-3{fill:var(--color-map-3)!important}.potential-4{fill:var(--color-map-4)!important}.stress-0{fill:var(--color-stress-0)!important}.stress-1{fill:var(--color-stress-1)!important}.stress-2{fill:var(--color-stress-2)!important}.stress-3{fill:var(--color-stress-3)!important}.stress-4{fill:var(--color-stress-4)!important}.map-key{display:flex;gap:4px;align-items:center;flex-wrap:wrap;font-size:.75rem;margin-bottom:var(--space-sm)}.map-key i{display:inline-block;width:26px;height:10px}.map-key span{margin-inline:var(--space-sm)}.key-0{background:var(--color-map-0)}.key-1{background:var(--color-map-1)}.key-2{background:var(--color-map-2)}.key-3{background:var(--color-map-3)}.key-4{background:var(--color-map-4)}.map-key.stress .key-0{background:var(--color-stress-0)}.map-key.stress .key-1{background:var(--color-stress-1)}.map-key.stress .key-2{background:var(--color-stress-2)}.map-key.stress .key-3{background:var(--color-stress-3)}.map-key.stress .key-4{background:var(--color-stress-4)}.county-detail{font-size:.9rem;border-bottom:1px solid var(--color-rule);padding-block:var(--space-md);min-height:72px}.finding{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-2xl);padding-block:var(--space-xl);border-top:1px solid var(--color-rule)}.finding-number{font-family:var(--font-display);font-size:clamp(4rem,8vw,7rem);line-height:1;color:var(--color-hydro);white-space:nowrap}.finding-number span{font-size:.5em}.finding h3{margin-bottom:var(--space-md)}.finding p{max-width:62ch}.savings-bar{display:flex;height:36px;margin-top:var(--space-lg);font-size:.75rem;line-height:36px}.savings-bar span:first-child{width:66%;background:var(--color-hydro);color:var(--color-paper);padding-left:var(--space-sm)}.savings-bar span:last-child{width:34%;background:var(--color-paper-2);padding-left:var(--space-sm);white-space:nowrap}.economics{margin-top:var(--space-xl);max-width:80ch}.economics>p{margin-block:var(--space-md)}table{border-collapse:collapse;width:100%;font-size:.9rem}caption{text-align:left;margin-bottom:var(--space-md);font-weight:600}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-rule);padding:var(--space-md) var(--space-sm)}th{font-weight:500}.source-footer{padding-block:var(--space-2xl);border-top:3px double var(--color-rule)}.source-footer h2{font-size:1.8rem;margin-block:var(--space-lg);max-width:40ch}.source-footer>p{max-width:80ch}.source-footer ol{padding-left:var(--space-lg);font-size:.9rem;max-width:80ch}.source-footer li{padding-block:var(--space-sm)}.source-footer a{overflow-wrap:anywhere}.skip{position:absolute;top:-100px;left:10px;background:var(--color-paper);padding:var(--space-md);z-index:10}.skip:focus{top:0}
@media(max-width:760px){.section-head,.two-col,.finding{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.section-head h2{max-width:28ch}.brand span{display:none}.section{padding-block:var(--space-2xl)}.hero{padding-block:var(--space-2xl)}.deck{font-size:1.125rem}.process{gap:var(--space-sm)}.process-step h3{font-size:1.2rem}.process-step p{font-size:.8rem}.water-balance{padding:var(--space-lg)}.map-toolbar{gap:var(--space-md)}.map-wrap{padding:var(--space-xs)}.source-footer h2{font-size:1.5rem}}
@media(max-width:480px){.process{grid-template-columns:minmax(0,1fr)}.process-arrow{transform:rotate(90deg);justify-self:start;line-height:1}.connection{padding:var(--space-lg)}.process-step p br{display:none}.contents{gap:var(--space-xs) var(--space-md)}.contents a{font-size:.8125rem}.finding-number{font-size:4.5rem}th,td{padding-inline:var(--space-xs)}.map-key i{width:18px}.savings-bar{font-size:.7rem}.source-footer ol{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Co-registered maps with a pointer- and keyboard-operated comparison divider. */
.map-toolbar{justify-content:flex-end}.compare-labels{display:flex;justify-content:space-between;gap:var(--space-md);font-size:.875rem;font-weight:600;margin-top:var(--space-lg)}.compare-labels span:first-child{color:var(--color-hydro)}.compare-labels span:last-child{color:var(--color-accent);text-align:right}
.comparison{position:relative;padding:0;isolation:isolate;overflow:clip}.comparison>.county-map{width:100%}.potential-overlay{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0);background:var(--color-paper-2)}.potential-overlay .county-map{width:100%;height:100%}
.comparison-handle{position:absolute;top:0;bottom:0;left:calc(var(--split) - 22px);width:44px;cursor:ew-resize;touch-action:none;z-index:3;display:flex;align-items:center;justify-content:center}.comparison-handle::before{content:'';position:absolute;top:0;bottom:0;width:2px;background:var(--color-ink)}.comparison-handle>span{position:relative;display:grid;place-items:center;width:40px;height:40px;background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-ink);border-radius:50%;font-size:1.35rem;user-select:none}.comparison-handle:focus-visible{outline:2px solid var(--color-focus);outline-offset:-3px}.comparison-legends{display:flex;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap;padding-top:var(--space-md)}.comparison-legends p{font-size:.75rem;color:var(--color-muted);margin-bottom:var(--space-xs)}.comparison-legends .map-key span{margin-inline:0}.comparison-legends .map-key{gap:5px}