/* Reference layouts 002. Stable chrome; map alone absorbs spare space. */
.map-layout{grid-template-columns:minmax(180px,1fr) 280px;height:max(380px,calc(100dvh - 195px));min-height:0;overflow:hidden}
.map-stage,#map{height:100%;min-height:0}.water-panel{min-width:0;display:flex;flex-direction:column;overflow:hidden}
.water-list{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior-y:contain}.panel-title,.panel-footer{flex-shrink:0}
#water-detail{overflow:auto;min-height:0}.detail-content{max-height:none}.nav.active{outline:1px solid var(--green);font-weight:700}
#map-tools{min-width:30px;min-height:30px;font-size:20px;padding:0}
.water-cluster{border:0;box-shadow:none;background:transparent;color:white;font-weight:700;font-size:10px;padding:0;pointer-events:none}.water-cluster:before{display:none}
#map-network{position:absolute;top:64px;left:12px;right:12px;z-index:450;border-radius:8px;background:var(--paper);color:var(--ink);padding:8px;font-size:12px}
#measure-status{position:absolute;right:12px;top:12px;z-index:450;max-width:75%;white-space:normal}
.leaflet-control-scale{margin-bottom:8px!important}.leaflet-control-scale-line{font-size:10px}
.water-dialog{position:fixed;inset:auto 20px 20px auto;margin:0;width:min(480px,calc(100vw - 40px));max-height:45dvh;height:auto;overflow:auto;padding:18px;z-index:1400;box-shadow:0 8px 32px #102d3240;border:1px solid var(--line)}
.water-dialog[data-panel=expanded]{max-height:85dvh}.water-dialog[data-panel=minimized]{max-height:105px;overflow:hidden}.water-dialog[data-panel=minimized] .water-overview,.water-dialog[data-panel=minimized] .water-hero>*:not(h2){display:none}
.water-dialog .water-overview{grid-template-columns:1fr}.water-dialog .water-dialog-top{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.water-dialog .water-hero h2{font-size:24px}.water-dialog .water-hero{padding:8px 0}.water-dialog .water-section{padding:12px 0}.water-dialog .water-close{position:static;margin-left:auto}.water-dialog-top .pill{display:none}
.map-toolbar{position:relative}.favorite-strip:empty{display:none}
@media(min-width:701px){
 .sidebar{width:168px;padding:24px 9px 12px}.workspace{margin-left:168px}.brand{font-size:17px;padding:0 8px}.brand-icon{width:34px;height:37px;font-size:32px}.edition{margin:18px 8px 28px;font-size:7px}.nav{font-size:10px;padding:12px 10px;gap:10px}.nav span{font-size:16px;width:18px}.sidebar-note p{font-size:20px}.sidebar-note{padding:24px 10px}.sidebar-credit{font-size:7px}
 main{max-width:none;padding:8px clamp(24px,8.3vw,114px) 0}.topbar{padding:6px 28px;min-height:48px}.top-actions{grid-template-columns:auto auto minmax(0,1fr) auto auto}.top-actions #mobile-account{grid-column:4}.top-actions .global-language{grid-column:5}.top-actions .button,.global-language select{font-size:10px;min-height:30px}.top-actions .test-period-notice{grid-column:3;grid-row:1;margin:0!important;font-size:8px!important;padding:3px 8px!important}.heading h1{font-size:24px}.heading p{font-size:10px}.heading .eyebrow{font-size:7px}.daylight-strip,.daylight-strip button,.date-stamp{font-size:8px}.heading{margin-bottom:14px}.map-toolbar{margin-bottom:12px}.map-toolbar .search-box{flex:0 1 420px;height:34px}.map-toolbar .search-box input{font-size:10px}.map-toolbar #locate{margin-left:auto}.map-toolbar .button{min-height:34px;font-size:10px}
 #favorites1222{position:absolute;right:calc(clamp(24px,8.3vw,114px) + 8px);margin-top:-48px;padding:0;max-width:230px;max-height:34px;overflow:auto;display:flex;gap:4px}#favorites1222>strong{display:none}#favorites1222 .button{font-size:9px;padding:7px 9px;white-space:nowrap}.map-toolbar{padding-right:250px}
 .panel-title{padding:20px 14px}.panel-title h2{font-size:15px}.panel-title .eyebrow{font-size:7px}.water-row{padding:14px;font-size:11px}.water-row strong{font-size:10px}.water-row small{font-size:8px}.panel-footer{font-size:8px}.panel-footer small{font-size:7px}
}
@media(max-width:1100px) and (min-width:701px){main{padding-inline:24px}.map-toolbar{padding-right:140px}#favorites1222{right:32px;max-width:130px}.top-actions .test-period-notice{font-size:7px!important}.sidebar-note{display:block}.sidebar .brand>span:last-child,.sidebar .edition,.sidebar .account>span:not(.avatar),.sidebar-credit{display:block}.sidebar .nav{justify-content:flex-start}}
@media(max-width:700px){
 .workspace{margin-left:0;margin-bottom:70px}.sidebar{inset:auto 0 0;width:100%;height:auto;padding:5px 8px;flex-direction:row}.sidebar .brand,.sidebar .account,.sidebar-note,.sidebar-credit,.sidebar .edition{display:none}.sidebar nav{display:flex;margin:0;width:100%;gap:0;justify-content:space-between}.sidebar .nav{flex:1;min-width:44px;font-size:8px;display:flex;flex-direction:column;gap:2px;padding:6px 3px}.sidebar .nav span{font-size:18px;height:22px}
 .topbar{min-height:48px;padding:4px 10px}.top-actions{grid-template-columns:minmax(80px,1fr) 40px minmax(90px,1.25fr) minmax(75px,1fr);gap:6px}.top-actions #mobile-account{font-size:10px;max-width:none;min-width:0;width:100%;justify-self:stretch;overflow-wrap:anywhere}.top-actions #mobile-account::before{display:none}.top-actions .button{font-size:10px}.global-language select{font-size:10px}
 main{padding:6px 16px 18px}.heading{display:grid;grid-template-columns:minmax(0,1fr) 35%;gap:8px;position:relative;min-height:96px;padding-bottom:8px;margin-bottom:6px}.heading .eyebrow{display:block;font-size:7px;letter-spacing:2px;margin-bottom:10px}.heading h1{font-size:20px;line-height:1.16;max-width:190px}.heading h1 em{font-family:Georgia,serif;font-style:italic}.heading p{font-size:8px;margin-top:14px;white-space:normal}.daylight-strip{height:100%;justify-content:space-between;padding-top:24px}.daylight-strip .date-stamp{font-size:8px}#solar-times,#solar-times button{font-size:8px;min-height:20px}
 .map-toolbar{grid-template-columns:minmax(0,1fr) 92px 42px;gap:6px;margin-bottom:12px}.map-toolbar .search-box{height:42px;padding:0 8px;gap:4px}.map-toolbar .search-box input{font-size:10px}.map-toolbar #locate{width:auto;font-size:9px;padding:0 4px;min-height:42px}.map-toolbar #locate::before{display:none}.map-toolbar #fullscreen{min-height:42px;width:42px}.map-toolbar #map-tools{min-width:22px;font-size:17px}
 .map-layout{display:flex;flex-direction:column;height:auto;min-height:0;overflow:hidden}.map-stage,#map{height:clamp(250px,calc(100dvh - 310px),700px);min-height:0}.map-stage{flex:none}.water-panel{display:flex;min-height:200px}.water-list{flex:none;max-height:220px}.panel-title{min-height:65px;padding:17px}.panel-title h2{font-size:15px}#favorites1222{position:absolute;z-index:1;right:75px;margin-top:calc(clamp(250px,calc(100dvh - 310px),700px) + 23px);padding:0;max-width:140px;max-height:40px;overflow:auto}#favorites1222>strong{display:none}#favorites1222 .button{font-size:10px;padding:8px;white-space:nowrap}
 .water-dialog{inset:auto 10px 78px;width:calc(100vw - 20px);max-width:none;max-height:40dvh;height:auto;padding:14px;border-radius:15px}.water-dialog[data-panel=expanded]{max-height:calc(100dvh - 100px)}
 .map-fullscreen .map-stage,.map-fullscreen #map{height:100dvh}.map-fullscreen{height:100dvh}.test-period-notice{border-radius:12px!important;font-size:9px!important;padding:5px 10px!important;margin:0 0 8px!important}.bottom-cards{margin-top:12px}
}
@media(min-width:1101px){main{padding-right:clamp(24px,9.1vw,140px)}#favorites1222{right:calc(clamp(24px,9.1vw,140px) + 8px)}}
@media(min-width:701px){main{padding-top:6px}.heading{padding-bottom:4px;margin-bottom:12px}.heading .eyebrow{display:block;line-height:1;margin-bottom:6px}.map-toolbar .search-box{height:34px;min-height:34px}.map-toolbar .search-box input{padding:7px 0}.map-toolbar .button{height:34px;min-height:34px;line-height:1;padding:6px 10px}.map-toolbar #fullscreen{font-size:20px}.map-layout{grid-template-columns:minmax(180px,1fr) 250px}}
@media(max-width:700px){.topbar{padding:2px 10px;min-height:48px}.heading .eyebrow{line-height:1}.map-stage,#map{height:clamp(250px,calc(100dvh - 360px),700px)}#favorites1222{margin-top:calc(clamp(250px,calc(100dvh - 360px),700px) + 23px)}}
[data-theme=dark] .map-badge{background:#1d2921;color:#dce6dc;border-color:#526357}
[data-theme=dark] #map .leaflet-tile-pane{filter:brightness(.75) saturate(.8)}
.water-row.is-selected{background:var(--paper);border-inline-start:4px solid var(--green);font-weight:700}#water-detail{flex:0 0 auto;max-height:40%}
@media(min-width:701px){.account{font-size:8px;min-width:0;overflow-wrap:anywhere}.account small{font-size:7px}.edition{white-space:nowrap;letter-spacing:1px}.edition i{display:inline!important}.sidebar-note{padding-block:20px}.sidebar nav{gap:6px}.nav{padding-block:11px}.panel-title{padding-block:18px}.water-row{padding-block:12px}.water-row strong{font-weight:500}.water-row .water-symbol{width:24px;height:24px;font-size:18px;flex:none}}
@media(max-width:700px){.map-toolbar .search-box{height:44px;min-height:44px}.map-toolbar #locate,.map-toolbar #fullscreen{min-height:44px;height:44px}}
@media(min-width:701px){.sidebar{overflow-y:auto}.sidebar nav .nav{padding-block:10px}.sidebar-note{padding:12px 10px}.sidebar-note p{font-size:19px;line-height:1.22;margin:8px 0}.sidebar-note .small-label{font-size:7px}.sidebar-note .tiny{font-size:8px}.account{padding-block:10px}.sidebar-credit{margin-top:6px}}
@media(max-width:700px){.heading{padding-bottom:6px}.heading h1{max-width:175px}.heading p{margin-top:10px}}
[data-theme=dark] .leaflet-control-zoom a{background:#202820;color:#dce6dc;border-color:#526357}
@media(max-width:700px){.map-stage,#map{height:clamp(250px,calc(100dvh - 372px),700px)}#favorites1222{right:calc(50% - 36px);margin-top:calc(clamp(250px,calc(100dvh - 372px),700px) + 14px)}}
@media(max-width:700px){.map-stage,#map{height:clamp(250px,calc(100dvh - 380px),700px)}#favorites1222{margin-top:calc(clamp(250px,calc(100dvh - 380px),700px) + 26px)}}
[data-theme=dark] #map .leaflet-control-zoom a,[data-theme=dark] #map .leaflet-control-zoom a span{color:#dce6dc}
@media(min-width:701px){.water-panel{height:403px;align-self:start;border-bottom:1px solid var(--line);border-radius:0 16px 16px 0}.panel-title .eyebrow{display:block;line-height:1;margin-bottom:6px}.panel-title h2{margin:0;line-height:1.3}.water-row{min-height:0;padding-block:10px}.water-row strong{line-height:1.3}.water-row small{font-size:7px;line-height:1.3;margin-top:3px}}