/* Place -> chart -> explanation -> records. No measurement dashboard in hero. */
.water-layout .water-hero{position:relative;isolation:isolate;min-height:310px;display:flex;align-items:flex-end;padding:36px 40px;overflow:hidden;border-bottom:1px solid var(--rule)}
.water-layout .water-hero .atlas-place{position:relative;z-index:1;max-width:75%}
.water-layout .water-hero h1{margin:0;font:400 clamp(42px,5vw,68px)/1.04 var(--serif);letter-spacing:-.035em;text-wrap:balance}
.water-layout .water-hero .atlas-art{position:absolute;inset:0;height:100%;margin:0;border:0;z-index:-2}
.water-layout .water-hero .atlas-art img{position:absolute;inset:0;max-width:none;width:100%;height:100%;object-fit:cover;object-position:center}
.water-layout .water-hero .atlas-art::after{inset:0;height:100%;background:linear-gradient(0deg,#f3f7f6f5, #f3f7f645 42%,transparent 78%)}
.water-layout .water-hero.without-art{min-height:160px}
.water-layout .water-jumps{display:flex;gap:28px;flex-wrap:wrap;padding:17px 40px;border-bottom:1px solid var(--rule);font:400 16px var(--serif)}
.water-layout .water-jumps a{text-decoration:none;color:var(--ink)}
.water-layout .water-jumps a:hover{text-decoration:underline}
.water-layout .water-overview{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;padding:36px 40px 40px;border-bottom:1px solid var(--rule)}
.water-layout .water-main-report{min-width:0}
.water-layout .water-main-report>h2{font:400 32px/1.15 var(--serif);margin:0 0 24px;padding:0;border:0;background:transparent;text-transform:none;letter-spacing:-.025em}
.water-layout .water-main-report :is(.chart-card,.evidence-full,.stocking-season,.hydrograph-section){padding:0;border:0}
.water-layout .water-main-report .chart-card h3{font:400 16px var(--serif);letter-spacing:0;text-transform:none;margin-bottom:16px}
.water-layout .water-main-report .marine-transect-grid{grid-template-columns:1fr;gap:28px}
.water-layout .water-main-report .marine-transect-grid>*{border:0}
.water-layout .water-main-report .chart{max-height:300px}
.water-layout .water-interpretation{border-top:1px solid var(--rule-pale);margin-top:24px;padding-top:20px;max-width:75ch}
.water-layout .water-interpretation h3{font:400 23px/1.25 var(--serif);text-transform:none;letter-spacing:0;margin:0 0 12px}
.water-layout .water-interpretation p{font:400 17px/1.6 var(--serif);margin:0}
.water-layout .water-reading{padding-left:28px;border-left:1px solid var(--rule);min-width:0}
.water-layout .water-reading .atlas-primary-value{font:400 36px/1.12 var(--serif);letter-spacing:-.025em;overflow-wrap:break-word;margin:0}
.water-layout .water-reading .atlas-primary-context{font:400 13px/1.4 var(--sans);letter-spacing:.05em;margin:6px 0 16px}
.water-layout .water-reading .atlas-meta-row{display:block;margin:0;padding:0 0 20px;border:0}
.water-layout .water-reading .atlas-meta{font:400 12px/1.5 var(--sans);text-transform:none;letter-spacing:0;color:var(--muted)}
.water-layout .water-reading .atlas-save{margin-top:8px}
.water-layout .water-facts{margin:0}
.water-layout .water-facts>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 0;border-top:1px solid var(--rule-pale);align-items:baseline}
.water-layout .water-facts dt{font:400 15px/1.35 var(--serif);color:var(--muted)}
.water-layout .water-facts dd{margin:0;font:400 17px/1.25 var(--serif);text-align:right;max-width:160px;font-variant-numeric:lining-nums tabular-nums}
.water-layout .water-facts .atlas-rail-note{font:400 11px/1.4 var(--sans);margin:4px 0 0}
.water-layout .water-main-report :is(.stocking-scope,.observation-provenance,.datum-note){padding:0;margin:0 0 20px;border:0}
.water-layout .water-main-report .stocking-scope .status{font:400 17px/1.5 var(--serif)}
.water-layout .water-records{margin:0;border-bottom:1px solid var(--rule);padding:0}
.water-layout .water-records>summary{padding:26px 40px;font:400 27px/1.25 var(--serif);list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px}
.water-layout .water-records>summary::after{content:'+';color:var(--water)}
.water-layout .water-records[open]>summary::after{content:'−'}
.water-layout .water-records>summary::-webkit-details-marker{display:none}
.water-layout .water-records> :not(summary){margin:0 40px 28px;border:1px solid var(--rule-pale)}
.water-layout :is(.atlas-faq-row,.atlas-related-row,.river-nearby,.stocking-waters,.forecast-ledger,.tide-today,.tide-evidence-grid,.stocking-evidence-grid,.marine-tides){padding:30px 40px;border-bottom:1px solid var(--rule)}
.water-layout :is(.atlas-faq-row,.atlas-related-row,.river-nearby,.stocking-waters,.forecast-ledger,.tide-today)>h2,.water-layout .forecast-ledger .h-row h2{font:400 28px/1.2 var(--serif);text-transform:none;letter-spacing:-.015em;background:none;border:0;margin:0 0 20px;padding:0}
.water-layout .faq summary{font-size:19px;padding-block:16px}
.water-layout .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.water-layout .card{border:1px solid var(--rule-pale);padding:18px}
.water-layout .card .name{font-size:22px}
.water-layout .signup{margin:28px 40px;border:1px solid var(--rule);padding:24px;background:var(--wash)}
.water-layout .atlas-source-row{padding:22px 40px}
.water-layout :is(#water-report,#water-action,#water-records,#water-questions,#water-nearby){scroll-margin-top:20px}
@media(max-width:760px){
 .water-layout .water-hero{min-height:240px;padding:24px 20px}
 .water-layout .water-hero h1{font-size:38px;line-height:1.06}
 .water-layout .water-hero .atlas-place{max-width:100%}
 .water-layout .water-hero .atlas-art{display:block}
 .water-layout .water-hero.without-art{min-height:130px}
 .water-layout .water-jumps{gap:12px 20px;padding:16px 20px;font-size:15px}
 .water-layout .water-overview{grid-template-columns:minmax(0,1fr);gap:24px;padding:26px 20px}
 .water-layout .water-main-report>h2{font-size:28px;margin-bottom:20px}
 .water-layout .water-reading{padding:22px 0 0;border-left:0;border-top:1px solid var(--rule)}
 .water-layout .water-reading .atlas-primary-value{font-size:32px}
 .water-layout .water-reading .atlas-meta-row{padding-bottom:18px}
 .water-layout .water-facts>div{padding:10px 0}
 .water-layout .water-facts dt{font-size:16px}
 .water-layout .water-facts>div{grid-template-columns:minmax(0,1fr) minmax(0,45%)}
 .water-layout .water-facts dd{font-size:18px;max-width:none}
 .water-layout .water-records>summary{padding:22px 20px;font-size:23px}
 .water-layout .water-records> :not(summary){margin:0 20px 20px}
 .water-layout :is(.atlas-faq-row,.atlas-related-row,.river-nearby,.stocking-waters,.forecast-ledger,.tide-today,.tide-evidence-grid,.stocking-evidence-grid,.marine-tides){padding:26px 20px}
 .water-layout .water-main-report .stocking-season{padding:0}
 .water-layout :is(.atlas-faq-row,.atlas-related-row,.river-nearby,.stocking-waters,.forecast-ledger,.tide-today)>h2{font-size:25px}
 .water-layout .faq summary{font-size:18px;padding-block:14px}
 .water-layout .cards{grid-template-columns:1fr}
 .water-layout .card{padding:18px}
 .water-layout .signup{margin:24px 20px;padding:20px}
 .water-layout .atlas-source-row{padding:20px}
}
@media(max-width:619px){
 .water-layout .days{grid-template-columns:minmax(0,1fr)}
}
@media print{.water-layout .water-records> :not(summary){display:block!important}.water-layout .water-jumps{display:none}}