.guide-page.cajas-page main { max-width:none; padding:0; margin:0; }
.lakes-heading { display:flex; align-items:end; justify-content:space-between; gap:var(--s-5); padding:var(--s-4) var(--gutter); }
.lakes-heading h1 { margin:0; font:400 var(--t-display)/var(--lh-display) var(--serif); }
.lakes-heading .g-eyebrow { margin:0 0 var(--s-2); }
.lakes-heading>p { margin:0; color:var(--ink-2); font:var(--t-body)/var(--lh-body) var(--sans); }
.lakes-heading>p span { font-size:var(--t-dense); }
.lakes-toolbar { display:flex; align-items:end; gap:var(--s-4); padding:var(--s-3) var(--gutter); border-top:1px solid var(--rule); }
.feature-marker { display:inline-block; flex:none; width:10px; height:10px; background:var(--celeste); border-radius:50%; }
.feature-marker.peak { width:14px; height:14px; background:var(--verde); border-radius:var(--radius); clip-path:polygon(50% 0,100% 100%,0 100%); }
#feature-kind { flex-wrap:nowrap; }
#feature-kind button { display:flex; align-items:center; gap:var(--s-2); }
.feature-name { display:flex; align-items:center; gap:var(--s-2); min-width:0; }
.lakes-search { flex:1; min-width:0; }
.lakes-search>div { display:flex; gap:var(--s-2); }
.lakes-search label { display:block; font:600 var(--t-dense)/var(--lh-dense) var(--sans); margin-bottom:var(--s-1); }
.lake-layer-controls { display:flex; gap:var(--s-3); }
.lake-layer-controls .g-segmented { flex-wrap:nowrap; }
.lake-mobile-view { display:none; }
.lakes-workspace { display:grid; grid-template-columns:calc(var(--rail) + var(--gutter)) minmax(0,1fr); height:clamp(560px,68vh,760px); border-top:1px solid var(--rule); }
.lakes-rail { min-width:0; min-height:0; display:flex; flex-direction:column; overflow:auto; background:var(--lime-raised); border-bottom:var(--zocalo-h) solid var(--zocalo-band); }
.lake-detail { padding:var(--s-4) var(--s-5); border-bottom:1px solid var(--rule); }
.lake-detail h2 { font:500 var(--t-head)/var(--lh-head) var(--serif); margin:0 0 var(--s-2); }
.lake-detail p { font:var(--t-dense)/var(--lh-dense) var(--sans); margin:0 0 var(--s-3); }
.lake-detail .g-eyebrow { font-size:var(--t-label); }
.lake-detail h3 { font:600 var(--t-body)/var(--lh-dense) var(--sans); margin:var(--s-3) 0 var(--s-2); }
.lake-measurements { display:grid; gap:var(--s-2); margin:var(--s-4) 0; }
.lake-measurements>div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--s-1) var(--s-3); }
.lake-detail dt,.lake-detail dd { font:var(--t-dense)/var(--lh-dense) var(--sans); margin:0; }
.lake-detail dt { color:var(--ink-2); }
.lake-detail dd { font-weight:600; }
.lake-codes { display:flex; flex-wrap:wrap; gap:var(--s-3); margin:var(--s-3) 0; }
.lake-detail .lake-reference { color:var(--ink-2); }
.lake-detail #lake-share-status:empty { margin:0; }
.lakes-directory { padding:var(--s-3) var(--s-5); }
#lake-results { margin:0 0 var(--s-2); font:var(--t-dense)/var(--lh-dense) var(--sans); color:var(--ink-2); }
#lake-list>li { padding:0; }
#lake-list a { display:flex; align-items:center; justify-content:space-between; width:100%; gap:var(--s-2); padding:var(--s-2); font:500 var(--t-body)/var(--lh-dense) var(--sans); }
#lake-list a[aria-current] { background:var(--ochre-pale); }
#lake-list a small { font:var(--t-dense)/var(--lh-dense) var(--sans); color:var(--ink-2); white-space:nowrap; }
#lake-list .lake-no-results { padding:var(--s-4) 0; font:var(--t-body)/var(--lh-body) var(--sans); }
.lakes-map-area { position:relative; min-width:0; min-height:0; }
#lake-map { height:100%; width:100%; }
.lake-map-tools { position:absolute; top:var(--s-3); left:var(--s-3); }
#lake-map-loading { position:absolute; bottom:var(--s-5); left:var(--s-3); padding:var(--s-2) var(--s-3); background:var(--lime-raised); font:var(--t-dense)/var(--lh-dense) var(--sans); }
.cajas-page .maplibregl-ctrl-group { box-shadow:none; background:var(--lime-raised); border:1px solid var(--rule); border-radius:var(--radius-ctl); }
.cajas-page .maplibregl-ctrl-group button { width:var(--hit); height:var(--hit); }
.cajas-page .maplibregl-canvas:focus-visible { outline:3px solid var(--celeste); outline-offset:-4px; }
.lake-map-credit { display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--s-2) var(--s-4); padding:var(--s-2) var(--gutter); font:var(--t-micro)/var(--lh-dense) var(--sans); border-bottom:1px solid var(--rule); }
.lake-map-credit a { display:flex; align-items:center; min-height:var(--hit); }
.lake-map-credit span { align-self:center; }
.lake-sources { padding:var(--s-2) var(--gutter); border-bottom:1px solid var(--rule); }
.lake-sources summary { display:list-item; width:fit-content; min-height:var(--hit); align-content:center; cursor:pointer; color:var(--ink-2); font:var(--t-dense)/var(--lh-dense) var(--sans); }
.lake-source-notes { display:grid; grid-template-columns:1fr 1fr; gap:var(--s-6); padding:var(--s-3) 0 var(--s-5); }
.lake-sources h2 { margin:0 0 var(--s-3); font:500 var(--t-head)/var(--lh-head) var(--serif); }
.lake-sources p { max-width:var(--measure); }
.lake-sources dl { display:grid; gap:var(--s-3); margin:0; }
.lake-sources dt,.lake-sources dd { font:var(--t-dense)/var(--lh-dense) var(--sans); margin:0; }
.lake-sources dt { font-weight:600; }
.lake-sources dd { color:var(--ink-2); }
.lake-status { padding:var(--s-3) var(--gutter); margin:0; font:var(--t-body)/var(--lh-dense) var(--sans); background:var(--ochre-pale); }
@media(max-width:760px) {
 .lakes-heading { display:block; padding:var(--s-4); }
 .lakes-heading>p { margin-top:var(--s-2); }
 .lakes-toolbar { display:grid; grid-template-columns:auto 1fr; gap:var(--s-2); padding:var(--s-2) var(--s-4); }
 .lakes-search,.lake-layer-controls { grid-column:1/-1; }
 #feature-kind { justify-self:end; }
 #feature-kind .g-button,.lake-mobile-view .g-button { padding:var(--s-2); }
 #feature-kind .feature-marker { display:none; }
 .lake-mobile-view { display:block; }
 .lake-layer-controls { justify-content:space-between; gap:var(--s-2); }
 .lake-layer-controls .g-segmented>.g-button { padding:var(--s-2); }
 .lakes-workspace { display:grid; grid-template-columns:minmax(0,1fr); height:auto; }
 .lakes-map-area { grid-row:1; height:45svh; min-height:320px; }
 .lakes-rail { grid-row:2; overflow:visible; }
 .lake-detail { padding:var(--s-4); }
 .lakes-directory { padding:var(--s-3) var(--s-4); }
 .lakes-workspace[data-view=map] .lakes-directory { display:none; }
 .lakes-workspace[data-view=map] .lake-detail:not(.has-selection) { display:none; }
 .lakes-workspace[data-view=list] .lakes-map-area { display:none; }
 .lake-measurements { grid-template-columns:1fr; }
 .lake-map-credit { padding:var(--s-2) var(--s-4); }
 .lake-sources { padding:var(--s-2) var(--s-4); }
 .lake-source-notes { grid-template-columns:1fr; gap:var(--s-3); }
}
@media(prefers-reduced-motion:no-preference) {
 .lake-detail.has-selection { animation:lake-arrive var(--dur) var(--ease); }
 #lake-list a:hover span { transform:translateX(2px); }
 #lake-list a span { transition:transform var(--dur) var(--ease); }
 @keyframes lake-arrive { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
}