:root{font-family:Inter,Arial,sans-serif;color:#303d3c;background:#eee5d5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main,#map{position:fixed;inset:0;width:100%;height:100%;overflow:hidden}#map{touch-action:none;cursor:grab}#map:active{cursor:grabbing}button,input,a{font:inherit}button{border:0;background:none;cursor:pointer;color:inherit;min-height:44px;padding:0 14px;border-radius:9px}button:hover{background:#ece8de}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #306f81;outline-offset:2px}button span{color:#6f7e77;margin-left:6px}#controls{position:fixed;z-index:3;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;gap:2px;padding:4px;background:#fffdf7f5;border:1px solid #d5d0c3;border-radius:14px;box-shadow:0 3px 18px #554c3215;white-space:nowrap}#controls button{font-size:13px;font-weight:600}#time{border-right:1px solid #dfdacd;border-radius:9px 0 0 9px}#panel{position:fixed;z-index:4;top:76px;left:50%;transform:translateX(-50%);width:min(360px,calc(100% - 24px));max-height:calc(100dvh - 100px);overflow:auto;background:#fffdf7;border:1px solid #d4cebf;border-radius:14px;padding:16px;box-shadow:0 8px 28px #554c3222}#panel h2{font-size:15px;margin:0 0 12px}#panel p{font-size:13px;line-height:1.5;color:#5e6b67}#panel label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px}#panel input[type=checkbox]{width:18px;height:18px;accent-color:#3a6d79}#panel input[type=search]{width:100%;border:1px solid #c8c5b8;padding:12px;border-radius:9px;min-height:44px;font-size:16px;background:white}#results{margin-top:8px}#results button{display:block;width:100%;text-align:left;line-height:1.3;padding:9px;min-height:52px;border-bottom:1px solid #e9e5d9;border-radius:0}#results small{display:block;font-size:11px;color:#6e7773;margin-top:3px}#card{position:fixed;z-index:2;left:20px;bottom:68px;width:330px;max-height:calc(100dvh - 160px);overflow:auto;padding:20px;background:#fffdf8fa;border:1px solid #d2caba;border-radius:16px;box-shadow:0 8px 32px #564a2d22}#card .eyebrow{text-transform:uppercase;letter-spacing:1.3px;color:#6e7771;font-size:10px;font-weight:bold;margin:0 0 8px}#card h2{font-family:Georgia,serif;font-size:25px;line-height:1.1;font-weight:normal;margin:0 40px 12px 0}#close{position:absolute;right:8px;top:9px;font-size:23px;width:44px;padding:0}#card .fact{font-size:28px;line-height:1.15;letter-spacing:-.7px;font-weight:500;margin:10px 0 4px;color:#235c71}#card .fact .unit{font-size:14px;letter-spacing:0;font-weight:normal}#card .date{font-size:11px;line-height:1.45;color:#6b726b;margin:0 0 12px}#card .secondary{font-size:13px;line-height:1.6;border-top:1px solid #e2ddd0;padding-top:10px;margin-bottom:12px}#card p{font-size:13px;line-height:1.5;margin:10px 0}#card a,#panel a{color:#356879;text-underline-offset:3px;font-size:12px}#card footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5dfd1;padding-top:12px;margin-top:14px}#legend{position:fixed;z-index:1;bottom:max(16px,env(safe-area-inset-bottom));left:20px;font-size:11px;color:#415d60;text-shadow:0 1px #fff9;padding:7px 10px;background:#fffdf2c9;border-radius:7px;pointer-events:none}#legend i{display:inline-block;vertical-align:middle;margin:0 4px 0 8px}#legend i:first-child{margin-left:0}.river{width:20px;border-top:2px solid #497f97}.canal{width:20px;border-top:2px dashed #a0744e}.dot{width:7px;height:7px;border-radius:50%;background:#367891;outline:1px solid white}.scale{margin-top:7px;display:flex;gap:14px;align-items:center}.scale small{font-size:9px;color:#687773}#scale{border-bottom:1px solid #697c7b;padding-bottom:3px;display:inline-block}#loading{position:fixed;z-index:9;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f3eddf;color:#334d50;text-align:center}#loading h1{font:normal 24px Georgia,serif;margin:12px}#loading p{font-size:13px}.loading-mark{font:50px Georgia,serif;color:#568a9d}#loading[hidden],#panel[hidden],#card[hidden]{display:none}@media(max-width:600px){#controls{width:calc(100% - 24px);justify-content:space-between}#controls button{padding:0 10px;font-size:12px}#controls button span{margin-left:2px}#card{bottom:max(16px,env(safe-area-inset-bottom));left:12px;width:calc(100% - 24px);padding:17px;max-height:min(390px,calc(100dvh - 140px))}#card h2{font-size:25px}#card .fact{font-size:27px}#legend{left:12px;bottom:max(16px,env(safe-area-inset-bottom));font-size:10px;padding:8px}body.selected #legend{display:none}.scale small{font-size:9px}.scale{gap:10px}}@media(max-height:450px){#card{left:auto;right:12px;bottom:12px;width:290px;max-height:calc(100dvh - 95px);padding:14px}#card h2{font-size:22px}#card .fact{font-size:22px}#panel{max-height:calc(100dvh - 90px)}#legend .scale small{display:none}}@media(max-width:430px) and (max-height:450px){#card{left:12px;right:12px;width:auto;max-height:calc(100dvh - 145px)}}
#legend .dot{border-radius:0!important;width:12px!important;height:7px!important;background:#9fbfc5!important;border:1px solid #6f9ba9}#animation-card{border-top:1px solid #ded8cb;margin-top:12px;padding-top:10px}#animation-card button{background:#e4ece8;font-size:12px;font-weight:600}#powell-date{display:block;font-size:12px;line-height:1.6;margin:8px 0;color:#285e70}#powell-range{width:100%;min-height:36px;accent-color:#34758b}#animation-card label{display:block;font-size:11px}
.what-is{font-size:13px;line-height:1.5}.served-context summary{cursor:pointer;min-height:40px;padding:10px 0;font-size:12px}.served-context{border-bottom:1px solid #e2dbcd}.city-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.city-context-grid section+section{border-left:1px solid #e2dbcd;padding-left:12px}.city-context-grid h4{font-size:11px;color:#63736c;margin:8px 0 10px}.city-context-grid .use-stat{border-top:1px solid #e2dbcd;padding-top:9px}.city-context-grid strong{font-size:18px;color:#285e70;font-weight:500;display:block}.city-context-grid p{font-size:11px!important;overflow-wrap:anywhere}.city-context-grid .date{font-size:10px!important}.use-example{border-top:1px solid #e2dbcd;padding:8px 0}.use-example summary{cursor:pointer;min-height:44px;font-size:12px;line-height:1.6}.use-example summary strong{display:block;color:#285e70;font-weight:500;font-size:16px}.rate-row{border-top:1px solid #e2dbcd;padding:10px 0}.use-headline{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.use-headline strong{white-space:nowrap}#use-methods>summary{cursor:pointer;min-height:44px;padding:10px 0}.rate-row strong{font-size:20px;color:#285e70;font-weight:500}#panel .date{font-size:11px}#panel h3{font-size:13px;margin:20px 0 10px}#panel a{overflow-wrap:anywhere}@media(max-width:600px){#controls button{padding:0 8px;font-size:12px}}@media(max-width:350px){#controls button{padding:0 6px;font-size:11px}}
#surface-card{border-bottom:1px solid #ded8cb;padding-bottom:8px}#fit-surface{background:#e4ece8;font-size:12px;font-weight:600;margin:3px 0}#surface-key{position:fixed;right:20px;bottom:80px;z-index:1;background:#fffdf8ed;padding:12px 15px;border:1px solid #d4cebf;border-radius:10px;font-size:11px;line-height:1.9;max-width:340px;color:#41626b;pointer-events:none}#surface-key small{display:block;font-size:9px;color:#697570}.surface-solid,.surface-reference{display:inline-block;width:16px;height:9px;margin-right:8px;background:#247c94;border:1px solid #1f6279}.surface-reference{background:#4c8d9b22;border-color:#4e7d8b88}@media(max-width:600px){#surface-key{top:80px;bottom:auto;right:12px;left:12px;max-width:none;font-size:10px;padding:6px 10px}}

#card h3{font-size:12px;letter-spacing:.02em;margin:17px 0 8px} .portfolio{margin:0;font-size:13px}.portfolio div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e8e3d7}.portfolio dt{max-width:65%}.portfolio dd{margin:0;text-align:right;font-weight:600}.capacity{font-size:12px;line-height:1.65;margin-top:12px}.sparkline{display:block;width:100%;height:80px}.chart-axis{display:flex;justify-content:space-between;font-size:10px;color:#64716e}#history details{font-size:12px}#history table{width:100%;border-collapse:collapse}#history td,#history th{text-align:left;padding:5px;border-bottom:1px solid #eee7db}.trace-actions{display:flex;gap:8px;margin:12px 0}.trace-actions button{background:#e4ece8;font-size:12px;font-weight:600}details.operations{font-size:12px;border-top:1px solid #ded8cb;padding:12px 0}.operations summary{cursor:pointer;min-height:32px}#trace-bar{position:fixed;z-index:3;top:76px;right:16px;background:#fffdf7;border:1px solid #d4cebf;border-radius:10px;font-size:12px;box-shadow:0 3px 15px #554c3215}#trace-bar[hidden]{display:none}
.snow-symbol{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid #477b86}#snow-legend{margin-top:7px}#snow-legend[hidden]{display:none}#trace-notes{font-size:10px;color:#996539;margin:0 10px 8px;max-width:240px}#trace-notes:empty{display:none}.account-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #e2dbcd;border-bottom:1px solid #e2dbcd;margin:8px 0 12px;padding:10px 0}.account-pair>div+div{border-left:1px solid #e2dbcd;padding-left:12px}#card .account-pair h3{font-size:11px;line-height:1.45;font-weight:500;min-height:32px;margin:0 0 8px;color:#66726d}.account-pair strong{display:block;font-size:23px;font-weight:500;letter-spacing:-.5px;color:#285e70}.account-pair span{display:block;font-size:11px;color:#697570;margin:3px 0 8px}#card .account-pair p{font-size:10px;margin:7px 0}.accounting summary,.context-note summary{font-size:12px;cursor:pointer;min-height:40px;padding:10px 0}.context-facts{margin:0}.context-facts>div{border-top:1px solid #e2dbcd;padding:12px 0 0}.context-facts dt{font-size:12px;color:#6b746d}.context-facts dd{font-size:20px;color:#2a5c6b;margin:5px 0}.related{display:flex;gap:4px;flex-wrap:wrap}.related button{font-size:11px;padding:4px 8px;background:#eef0e6;text-align:left;min-height:36px}.month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:12px 0}.month-grid button,.time-choice{background:#f0eee4;font-size:12px}.month-grid button[aria-pressed=true]{background:#dbe6e2}.editorial-nav{display:flex;gap:18px;margin:0 0 14px}.annual-context{color:#777a70}.monthly .accounting .account-pair strong{color:#72796e}@media(max-width:350px){.account-pair strong{font-size:20px}.account-pair{gap:8px}.account-pair>div+div{padding-left:8px}}


/* M7 where-the-water-goes, CAP story, river intros */
.where-card .fact,.where-card .unit{font-variant-numeric:tabular-nums}
.crop-bars{list-style:none;padding:0;margin:4px 0 10px}.crop-bars li{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:12px;margin:0 0 6px;align-items:baseline}.crop-bars i{grid-column:1/-1;display:block;height:8px;border-radius:2px;border:1px solid #0002}.crop-bars b{font-weight:600;font-variant-numeric:tabular-nums;color:#3e4540}
.where-panel ol{list-style:none;padding:0;margin:6px 0}.where-panel li button{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #e5e0d5;padding:7px 2px;font:inherit;font-size:13px;cursor:pointer;color:inherit}.where-panel li button b{font-variant-numeric:tabular-nums;font-weight:600}
.where-actions{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 16px}.where-actions button{font:inherit;font-size:12px;border:1px solid #2f6f86;color:#24586a;background:#fff;border-radius:14px;padding:6px 10px;min-height:32px;cursor:pointer}
.cap-story{margin-top:12px}.cap-profile{margin:10px 0;padding:0}.cap-profile img{width:100%;height:auto;border:1px solid #e1dbcf;border-radius:4px;background:#fff;cursor:zoom-in}.cap-profile figcaption{font-size:11px;line-height:1.45;color:#6b726b;margin-top:4px}
.cap-lifts{padding-left:18px;font-size:12px;margin:6px 0}.cap-lifts li{margin:0 0 3px}
.river-intro p:not(.eyebrow):not(.date){font-size:13px;line-height:1.5}
@media(max-width:600px){.cap-profile img{cursor:default}.where-actions button{min-height:36px}}

.lake-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px 10px;margin:8px 0 10px}.lake-facts div{background:#f6f1e7;border-radius:6px;padding:6px 8px}.lake-facts dt{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#6e7771}.lake-facts dd{margin:2px 0 0;font-size:13px;font-weight:600;color:#33403a}

.returns-story .ret-row{margin:8px 0}.returns-story .ret-row>p:first-child{margin:0 0 3px;font-size:12px;font-weight:600}.ret-bar{position:relative;height:12px;background:#efe9dc;border-radius:3px;overflow:hidden}.ret-bar i{position:absolute;left:0;top:0;bottom:0;display:block}.ret-div{background:#b9895a}.ret-back{background:#2f6f86;top:3px!important;bottom:3px!important;border-radius:2px}
.ret-key{display:flex;gap:14px;font-size:11px;color:#5b6660}.ret-key span{display:flex;align-items:center;gap:5px}.ret-key i{display:inline-block;width:14px;height:8px;border-radius:2px}
.ub-bars{list-style:none;padding:0;margin:8px 0}.ub-bars li{display:grid;grid-template-columns:76px 1fr auto;gap:8px;align-items:center;font-size:12px;margin:0 0 6px}.ub-bars b{font-variant-numeric:tabular-nums;font-weight:600}.ub-bar{display:flex;height:11px;background:#f1ece2;border-radius:3px;overflow:hidden}.ub-bar i{display:block;height:100%}.ub-farm{background:#8fae4f}.ub-export{background:#2f6f86}.ub-rest{background:#c9b48f}
#scope-toggle{color:#2f6f86}#scope-toggle[aria-pressed="true"]{background:#2f6f86;color:#fffaf0;border-radius:10px}@media (max-width:600px){#controls button{padding-left:7px;padding-right:7px;font-size:12.5px}}
.snwa-story h4{margin:10px 0 2px;font-size:13px}.snwa-story ul{margin:0 0 6px;padding-left:18px;font-size:13px}.story-zoom{margin:4px 0 10px;font-weight:600;color:#2f6f86}
.crop-econ h4{margin:12px 0 4px;font-size:13px}.crop-water,.crop-value{list-style:none;padding:0;margin:0 0 4px;font-size:13px}.crop-water li,.crop-value li{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:3px 0;border-bottom:1px solid #eee6d6}.crop-water small{grid-column:1/-1;color:#7b7262;font-size:11px}.crop-water b,.crop-value b{font-variant-numeric:tabular-nums}
#watershed-legend{position:fixed;z-index:2;right:12px;bottom:12px;background:#fffdf7ee;border:1px solid #d5d0c3;border-radius:10px;padding:8px 10px;font:12px Arial;display:flex;flex-direction:column;gap:3px;max-width:240px}#watershed-legend span{display:flex;align-items:center;gap:6px}#watershed-legend i{width:14px;height:10px;border-radius:2px;opacity:.6}#watershed-legend i.divide{height:0;border-top:2px dashed #6b4f2f;opacity:1}@media (max-width:600px){#watershed-legend{bottom:72px;right:8px;font-size:11px}}
.what-is .attrib{font-size:11px;color:#7b7262}

#tour{position:fixed;right:16px;top:84px;z-index:30;width:min(380px,calc(100vw - 32px));background:#fffaf0f2;border:1px solid #d9cdb6;border-radius:12px;box-shadow:0 6px 24px #4b3e2a22;padding:12px 16px 12px;font-family:Georgia,serif;color:#33302a}
#tour .tour-head{display:flex;justify-content:space-between;align-items:center;font:12px Arial,sans-serif;color:#7b7262}
#tour-close{border:0;background:none;font-size:20px;cursor:pointer;color:#7b7262}
#tour h2{font-size:19px;margin:4px 0 6px}#tour p{font-size:14.5px;line-height:1.45;margin:0 0 10px}
#tour .tour-nav{display:flex;justify-content:space-between}#tour .tour-nav button{font:13px Arial,sans-serif;padding:7px 12px;border-radius:8px;border:1px solid #cbbd9f;background:#f4ecdc;cursor:pointer}
#tour .tour-nav button:disabled{opacity:.4;cursor:default}#tour-next{background:#3d6f80!important;color:#fff;border-color:#3d6f80!important}
body.touring #legend{display:none}
@media (max-width:600px){#tour{left:8px;right:8px;top:auto;bottom:8px;width:auto;padding:10px 12px}#tour h2{font-size:17px}#tour p{font-size:14px}}

.layer-group{display:flex;gap:10px;align-items:flex-start;padding:6px 0;cursor:pointer}
.layer-group input{margin-top:3px;flex:none}
.layer-group span b{display:block;font-size:14px}
.layer-group span small{display:block;color:#7b7262;font-size:12px;line-height:1.35;margin-top:1px}
#recenter{position:fixed;left:50%;transform:translateX(-50%);bottom:74px;z-index:25;padding:8px 14px;border-radius:999px;border:1px solid #cbbd9f;background:#fffaf0f2;font:13px Arial,sans-serif;color:#33302a;box-shadow:0 3px 12px #4b3e2a22;cursor:pointer}
body.touring #recenter{display:none}

#snow-key{position:fixed;right:16px;bottom:20px;z-index:20;background:#fffaf0f2;border:1px solid #d9cdb6;border-radius:10px;padding:8px 10px;font:12px Arial,sans-serif;color:#33302a;max-width:300px;box-shadow:0 3px 12px #4b3e2a1f}
#snow-key b{display:block;margin-bottom:5px}#snow-key button{font:12px Arial,sans-serif;margin:0 4px 4px 0;padding:4px 8px;border-radius:999px;border:1px solid #cbbd9f;background:#f4ecdc;cursor:pointer}
#snow-key button.on{background:#3d6f80;color:#fff;border-color:#3d6f80}#snow-key small{display:block;color:#7b7262;margin-top:2px}
body.touring #snow-key{bottom:auto;top:84px;left:16px;right:auto}
@media (max-width:600px){#snow-key{left:8px;right:8px;bottom:8px;max-width:none}body.selected #snow-key{display:none}}
.snow-chart svg{width:100%;height:auto;margin:4px 0}.snow-chart p{margin:4px 0}
.labels-switch{border-top:1px solid #e3d8c3;margin-top:6px;padding-top:10px}
.snow-chart{border-top:1px solid #e3d8c3;margin-top:12px;padding-top:10px}
.sparkline.long{margin-bottom:2px}
.gauge-years{margin:6px 0 2px}.gauge-years button{font:12px Arial,sans-serif;margin:0 4px 4px 0;padding:4px 9px;border-radius:999px;border:1px solid #cbbd9f;background:#f4ecdc;cursor:pointer}.gauge-years button.on{background:#3d6f80;color:#fff;border-color:#3d6f80}
@media (max-height:500px){body.selected #snow-key{display:none}}