/* Visual conventions from the existing Lower Rio Grande Viewer. */
:root{--teal:#007481;--navy:#002856;--line:#c5d8dd;--muted:#55717e;--light:#f2f8fa;font-family:Tahoma,Arial,sans-serif;color:#183338}body{background:#e9eef0}header{height:157px;padding:20px 32px;border-bottom:5px solid #007481;background:#002956}.identity{gap:26px}.identity img{width:112px;height:112px;padding:0;border-radius:10px}.identity .eyebrow{font:10px Tahoma,Arial,sans-serif;letter-spacing:2px;color:#c8e0e5}h1{font:500 27px Verdana,sans-serif;margin:8px 0;letter-spacing:0}h1 span{display:block;font:14px Tahoma,Arial,sans-serif;color:#c8e0e5;margin-top:8px}.header-actions button{background:#17436a;border-color:#4e7897}.workspace-tabs{height:48px;display:flex;gap:8px;padding:0 24px;background:#dcefee;border-bottom:1px solid #d2dfe2;align-items:center}.workspace-tabs button{height:36px;background:#fff;color:#42616d;border:1px solid #cbdfdf;border-radius:5px;padding:0 22px;font-weight:600}.workspace-tabs button.active{background:#fff;color:#007481;border:1px solid #87b9bd;box-shadow:inset 0 -3px #007481}main{height:calc(100dvh - 205px);padding-right:16px}aside{width:310px;min-width:310px;background:var(--light);padding:4px 16px 16px;border-right:1px solid var(--line)}#viewport{margin:16px 0 16px 16px;border:1px solid #aecbd2;background:#eaf3f5}button{border-color:#a8c5ce;background:#f7fbfc;color:var(--navy);font-size:12px}button:hover{background:#dceff2}button.active{background:var(--teal);border-color:var(--teal)}.control-card,aside>details{position:relative;padding:14px;margin:16px 0;border:1px solid #c9dce0;border-radius:8px;background:#fff}.control-card>summary{padding:0;font:700 12px Tahoma,Arial,sans-serif;color:#007481;letter-spacing:.3px;gap:5px;align-items:center;min-height:20px}.control-card[open]>summary{margin-bottom:17px}.control-card>summary:after{content:'+';margin-left:auto}.control-card[open]>summary:after{content:'×';color:#496773;font-size:21px}.card-count{margin-right:auto;font-size:10px;letter-spacing:0;color:#718e97}.control-card>h2{font:700 12px Tahoma,Arial,sans-serif;color:#007481;margin:0 0 14px;text-transform:uppercase;letter-spacing:1px;padding-right:20px}.control-card p{font-size:10px;line-height:1.6;color:#55717e}.sidebar-heading{display:none}.list-actions{padding:0 0 12px;gap:5px}.list-actions button{padding:6px 8px;font-size:10px}#layers{padding:0;margin:0 -7px}.layer{grid-template-columns:15px 9px 22px 1fr 20px;gap:6px;min-height:36px;padding:4px 5px;font-size:10px}.swatch{height:20px;width:9px}.layer button{font-size:13px}.control-card>label{font-size:11px}.control-card .hint{font-size:10px;margin-bottom:0}.sidebar-foot{padding:15px 0;font-size:9px}.viewbar{top:16px;left:16px}.projection{font-size:10px}.scene-foot{bottom:17px;left:16px;right:16px}.north{width:94px;height:112px;top:auto;right:18px;bottom:58px}.north svg{width:94px;height:112px;transform-origin:50% 52%}.north small{margin-top:0}.mouse-hint{max-width:380px;line-height:1.8}#selection{top:100px;right:16px;background:#fffffff2;border:1px solid #c8dadd;border-radius:6px}#waterLegend{position:absolute;right:16px;top:75px;width:205px;padding:12px;background:#fffffff2;border:1px solid #c8dadd;border-radius:6px;box-shadow:0 2px 8px #0028560c;pointer-events:none}#waterLegend h2{font:700 11px Tahoma;margin:0 0 8px;color:#002856;letter-spacing:.04em}#waterLegend p{font-size:9px;line-height:1.6;color:#496773;margin:6px 0}.blue-key{display:inline-block;width:11px;height:9px;background:#208fde;margin-right:5px;border-radius:2px}.point-key{display:inline-block;width:8px;height:8px;background:#003d7a;border:1px solid white;border-radius:50%;margin-right:6px}.rainbow-ramp{height:10px;border-radius:2px;background:linear-gradient(90deg,#762d8a,#245db7,#20bfc1,#7ed782,#f2d35b,#df713c,#9a2038)}.ramp-ticks{display:flex;justify-content:space-between;font-size:9px;margin-top:5px;color:#496773}#waterControls .check{font-size:11px;margin:11px 0;gap:7px}#waterControls .two{display:grid;grid-template-columns:1fr 1fr;gap:6px}#waterControls button{font-size:10px;padding:8px 6px}#waterControls .water-blocks{display:grid;grid-template-columns:1fr 1fr;gap:2px 9px;margin:12px 0;border-top:1px solid #dce7e9;border-bottom:1px solid #dce7e9;padding:7px 0}.water-blocks label.check{font-size:10px!important;margin:5px 0!important}#waterControls input[type=checkbox]{width:14px;height:14px;flex-shrink:0}#waterControls select{width:100%;padding:8px;border:1px solid #c7d5d9;border-radius:5px;background:white;color:#183338;margin-top:7px;font:10px Tahoma}#waterControls .water-detail{border-top:1px solid #dce7e9;border-radius:0;padding:12px 0 0;margin:14px 0 0}#waterControls .water-detail summary{font-size:10px;padding:0}#waterControls .water-detail[open] summary{margin-bottom:12px}#waterPopup{position:absolute;right:16px;top:75px;width:350px;max-width:calc(100% - 30px);max-height:calc(100% - 100px);overflow:auto;z-index:12;background:#fff;border:1px solid #b6d2d9;border-radius:8px;box-shadow:0 12px 40px #00285622;padding:22px}#waterPopupClose{position:absolute;right:7px;top:5px;font:22px Arial;color:#496773;border:0;background:transparent;padding:2px 6px}#waterPopup h3{font:700 17px/1.4 Verdana,sans-serif;color:#002856;margin:9px 10px 13px 0}#waterPopup h4{font-size:11px;color:#007481;margin:17px 0 9px}#waterPopup dl{display:grid;grid-template-columns:1fr 1.15fr;gap:8px;margin:12px 0;font-size:10px}#waterPopup dt{color:#55717e}#waterPopup dd{margin:0;text-align:right;overflow-wrap:anywhere;color:#153a4a;font-variant-numeric:tabular-nums}#waterPopup p{font-size:10px;line-height:1.65;color:#55717e}#waterPopup .value{font-size:25px;font-weight:700;color:#007481;margin:8px 0 2px}#waterPopup .value small{font-size:12px;font-weight:400}#waterPopup .notice{background:#fff6e7;border-left:3px solid #d5a33e;padding:8px;color:#80500d}#waterPopup a{color:#007481;font-size:10px}#waterPopup table{border-collapse:collapse;width:100%;font-size:9px}#waterPopup th,#waterPopup td{padding:6px 3px;text-align:right;border-bottom:1px solid #e2ebed}#waterPopup th:first-child,#waterPopup td:first-child{text-align:left}#waterPopup .nearby{display:block;width:100%;text-align:left;margin:5px 0;padding:8px;font-size:10px}#waterPopup svg{width:100%;height:110px;background:#f5f9fa;border:1px solid #dce8e9;border-radius:4px}#informationPane{height:calc(100dvh - 205px);overflow:auto;padding:36px max(35px,calc((100vw - 1100px)/2));background:#f5f8f8}#informationPane>h2{font:32px Georgia,serif;color:#002856;margin:10px 0 28px}#informationContent>section{background:white;padding:20px 25px;border:1px solid #d5e2e5;border-radius:8px;margin:15px 0}#informationContent h3{font:22px Georgia,serif;color:#002856;margin:0 0 15px}#informationContent p,#informationContent li{font-size:12px;line-height:1.7;color:#55717e}#informationContent table{border-collapse:collapse;width:100%;font-size:11px}#informationContent th,#informationContent td{text-align:left;padding:9px;border-bottom:1px solid #dce7e9}#informationContent a{color:#007481}.box-close{position:absolute;right:7px;top:7px;border:0;background:transparent;font:20px Arial!important;line-height:1;color:#496773;padding:2px 5px!important}.collapsed-panel-button{display:block;width:100%;text-align:left;margin:16px 0;padding:11px 12px;font-size:12px;font-weight:600;color:#007481;background:#fff;border:1px solid #bfd3d9;border-radius:6px}.popup-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.popup-actions button{font-size:10px}
@media(max-width:1100px){.identity .eyebrow{max-width:350px;line-height:1.8;font-size:8px}#status{display:none}.projection{display:none}.mouse-hint{display:none}}@media(max-width:800px){aside{width:250px;min-width:250px;padding:0 12px 12px}.control-card{padding:11px}#waterLegend{width:172px}.layer{grid-template-columns:13px 8px 20px 1fr 17px;gap:4px;font-size:9px}}@media(max-width:760px){header{height:117px;min-height:117px;padding:16px}.identity{gap:16px}.identity img{width:80px;height:80px}h1{font-size:19px}h1 span{font-size:11px}.identity .eyebrow{font-size:6px;max-width:240px;letter-spacing:1px}main{height:calc(100dvh - 165px);padding:0}aside{top:165px;width:294px}.workspace-tabs{padding:0 14px}.workspace-tabs button{font-size:11px;padding:0 16px}#viewport{margin:10px;border-radius:0}.viewbar{left:9px;top:10px}.north{width:66px;height:80px;right:10px;bottom:55px}.north svg{width:66px;height:80px}#waterLegend{width:160px;right:10px;top:65px}#waterPopup{top:65px;right:10px;max-height:calc(100% - 85px);padding:17px}#informationPane{height:calc(100dvh - 165px);padding:24px 18px}.header-actions{flex-wrap:wrap;justify-content:flex-end;max-width:105px}.header-actions button{font-size:9px}.control-card{padding:14px}.layer{font-size:10px;grid-template-columns:15px 9px 22px 1fr 20px;gap:6px}}@media(max-width:480px){.identity .eyebrow{display:none}h1{font-size:17px}.identity{gap:11px}.identity img{width:70px;height:70px}.header-actions{max-width:80px}#fullscreen{display:none}#waterLegend{top:65px;width:150px}#informationContent>section{padding:16px}}

/* HCUWCD hydrograph presentation. */
#waterPopup{width:480px}#waterPopup .hydrograph-window{background:#fff;border:1px solid #a8cbd2;border-radius:7px;padding:16px;margin:16px 0 20px}#waterPopup .hydrograph-window .eyebrow{font:12px Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;margin:0 0 8px;color:#55717e}#waterPopup .hydrograph-window .measurement-count{font:13px Arial,sans-serif;color:#55717e;margin:0}#waterPopup .hydrograph-window .chart{display:block;width:100%;height:auto;aspect-ratio:440/300;border:0;border-radius:0;background:white;margin:10px 0}#waterPopup .hydrograph-window .measurement{cursor:crosshair}#waterPopup .hydrograph-window .measurement:hover,#waterPopup .hydrograph-window .measurement.selected{r:4;fill:#002856;stroke:#fff;stroke-width:1.2}#waterPopup .hydrograph-readout{min-height:31px;font:10px/1.55 Arial,sans-serif;background:#f2f8fa;border-radius:3px;padding:6px 8px;margin:7px 0 0;color:#355a64}#waterPopup .hydrograph-note{font:9px/1.5 Arial,sans-serif;margin:7px 0 0;color:#718994}#waterPopup .empty-hydrograph{border:1px dashed #bcd2d8;padding:20px 14px;line-height:1.6;margin-top:18px}

.workspace-tabs .vertical-reference-badge{margin-left:auto;height:29px;font-size:10px;font-weight:500;color:#355a64;background:#f4fbfb;border-color:#c4dadd;padding:0 12px;box-shadow:none}@media(max-width:760px){.workspace-tabs .vertical-reference-badge{font-size:8px;padding:0 6px;max-width:135px;line-height:1.4}}

.section-buttons{display:flex;gap:6px;flex-wrap:wrap}.section-buttons button{padding:8px;font-size:10px}button:disabled{opacity:.45;cursor:default}#sectionPopup{position:fixed;z-index:80;left:50%;top:8vh;transform:translateX(-50%);width:min(1150px,94vw);max-height:84vh;overflow:auto;background:#fff;border:1px solid #a8cbd2;border-radius:9px;box-shadow:0 16px 80px #00285644;padding:22px}.section-popup-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #dce7e9;padding-bottom:12px;margin-bottom:16px}.section-popup-heading h2{font:700 18px Verdana,Arial,sans-serif;color:#002856;margin:0}.section-popup-heading button{border:0;background:transparent;color:#496773;font-size:25px;padding:0 8px}.section-meta{font:12px Tahoma,Arial,sans-serif;color:#355a64;margin-bottom:12px}.section-plot{overflow:auto;max-height:57vh;border:1px solid #dce7e9;background:white}.section-chart{display:block;width:100%;min-width:650px;height:auto}.section-chart text{font:12px Tahoma,Arial,sans-serif;fill:#355a64}.section-keys{display:flex;flex-wrap:wrap;gap:10px 20px;margin:14px 0;font-size:11px;color:#355a64}.section-keys i{display:inline-block;width:14px;height:8px;margin-right:6px}.section-note,.section-coordinates,.section-empty{font:11px/1.6 Tahoma,Arial,sans-serif;color:#55717e}.section-coordinates{font-variant-numeric:tabular-nums}@media(max-width:760px){#sectionPopup{padding:14px;top:5vh;max-height:90vh}.section-popup-heading h2{font-size:15px}}

/* Marathon GAM viewer profile panel. */
#geologyCard>summary,aside>details>summary{text-transform:uppercase}
#sectionPopup{position:absolute;bottom:0;left:0;right:0;top:auto;transform:none;width:auto;height:40%;min-height:260px;max-height:none;z-index:20;background:#fffffff5;border:0;border-top:1px solid #a8c3d5;border-radius:0;padding:14px;box-shadow:none;overflow:hidden;color:#20394b}
.section-popup-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;padding:0;margin:0 0 8px;border:0}
.section-popup-heading h2{font:700 14px Verdana,Arial,sans-serif;color:#20394b;margin:0;line-height:1.45;letter-spacing:0;text-transform:none}
.section-popup-actions{display:flex;gap:6px;flex-shrink:0}.section-popup-heading button{font:14px Tahoma,Arial,sans-serif;padding:9px 12px;border:1px solid #bbccd8;border-radius:6px;background:#fff;color:#193d54;cursor:pointer}.section-popup-heading button:hover{background:#e2f0f5}
#sectionPopupBody{height:calc(100% - 44px)}#sectionPopup .section-plot{height:100%;max-height:none;overflow:auto;border:0;background:transparent}#sectionPopup .section-chart{width:100%;height:100%;min-width:0}#sectionPopup .section-meta,#sectionPopup .section-keys,#sectionPopup .section-coordinates,#sectionPopup .section-note{display:none}
@media(max-width:760px){#sectionPopup{top:auto;height:45%;min-height:260px;padding:10px}.section-popup-heading h2{font-size:11px}.section-popup-heading button{font-size:11px;padding:7px}.section-popup-heading{gap:6px}}

/* Single workspace: no tab bar. */
main{height:calc(100dvh - 157px)}
@media(max-width:760px){main{height:calc(100dvh - 117px)}aside{top:117px}}

.identity>div{min-width:0}.identity h1{max-width:calc(100vw - 260px);font-size:clamp(17px,2vw,27px);line-height:1.35}
@media(max-width:760px){.identity h1{max-width:calc(100vw - 175px);font-size:clamp(14px,2.7vw,19px)}.identity h1 span{font-size:11px}}

/* HCUWCD disclaimer above the model window. */
#viewerWorkspace{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}#viewerWorkspace>#viewport{min-height:0}
#viewerDisclaimer{flex:none;margin:16px 0 0 16px;padding:12px;border:1px solid #9bbcc3;border-radius:6px;background:#f2f8fa;font:12px/1.45 Tahoma,Arial,sans-serif;color:#355a64}#viewerDisclaimer b{color:#153a4a}
@media(max-width:760px){#viewerDisclaimer{margin:10px 10px 0;padding:10px;font-size:10px}}

/* Consistent sidebar panel headings, open or collapsed. */
.collapsed-panel-button{display:flex;align-items:center;min-height:50px;margin:16px 0;padding:14px;border:1px solid #c9dce0;border-radius:8px;background:#fff;color:#007481;font:700 12px Tahoma,Arial,sans-serif;letter-spacing:.3px;text-transform:uppercase}
.collapsed-panel-button:after{content:'+';margin-left:auto;font:18px Arial,sans-serif;color:#007481}.control-card>h2{letter-spacing:.3px}