:root{font-family:system-ui,-apple-system,sans-serif;color:#153e45;background:#f5f8f4}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;border-radius:9px;min-height:44px;padding:11px 14px;background:#174b4e;color:white;cursor:pointer;font-size:13px;font-weight:650}button:disabled{opacity:.6}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #e5a344;outline-offset:3px}header{height:88px;display:flex;align-items:center;gap:25px;padding:16px 28px;background:white;border-bottom:1px solid #d9e3dc}.brand{font-size:25px;font-weight:800;text-decoration:none;color:#07599c;letter-spacing:-1px}.brand span{color:#00b8c5}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#496e62;margin-top:2px}.waterbody-search{display:flex;gap:7px;flex:1;max-width:600px}.admin-link{margin-left:auto;font-size:11px;color:#466b66}input:not([type=checkbox]):not([type=file]),select,textarea{padding:12px;border:1px solid #cddbd2;border-radius:9px;background:white;color:#173e46;min-width:0;font-size:14px}input[type=search]{width:100%}input[type=checkbox]{accent-color:#174b4e;width:18px;height:18px;vertical-align:middle}main{display:grid;grid-template-columns:minmax(0,1fr) 350px;height:calc(100dvh - 88px);min-height:450px}#main-status{position:fixed;left:50%;top:92px;transform:translateX(-50%);z-index:1500;font-size:12px;background:#fffbe9;border-radius:8px;padding:10px;max-width:90%;box-shadow:0 3px 20px #173e4622}#main-status:empty{display:none}.map-wrap{position:relative;min-width:0}#boat-map{height:100%;width:100%;background:#dbe9e6}.map-heading{position:absolute;z-index:500;left:18px;top:18px;background:#ffffffef;padding:12px 17px;border-radius:9px;box-shadow:0 3px 15px #173e4620;font-size:14px;max-width:calc(100% - 85px)}.map-heading small{display:block;font-size:10px;color:#60786c;margin-top:4px}.map-buttons{position:absolute;z-index:500;right:12px;top:95px;display:grid;gap:7px}.map-buttons button{width:44px;background:white;color:#174b4e;box-shadow:0 2px 10px #173e4625;font-size:23px}#location-status{position:absolute;z-index:500;left:12px;bottom:27px;max-width:calc(100% - 75px);background:#fffffff0;padding:8px 11px;font-size:10px;border-radius:7px;margin:0;pointer-events:none}aside{padding:22px;overflow:auto;border-left:1px solid #dce4dd;background:#fafcf8}.panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}h1{font-size:21px;font-family:Georgia,serif;font-weight:400;margin:0}#close-panel{display:none}aside select{width:100%;margin:10px 0}#place-count{font-size:11px;color:#6c8071}.place-tile{width:100%;display:flex;align-items:center;gap:12px;margin:9px 0;padding:14px 10px;background:white;color:#183e42;border:1px solid #dce5d9;text-align:left}.place-tile strong,.place-tile small{display:block}.place-tile strong{font-size:13px}.place-tile small{font-size:10px;font-weight:400;margin-top:5px;color:#758573}.tile-symbol{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#e7efe9;color:#1b6061}.tile-symbol svg{width:24px;height:24px}.service-icon{display:grid;place-items:center;border-radius:50%;background:#175d6c;color:#fff;border:3px solid white;box-shadow:0 2px 7px #133e4666}.service-icon svg{width:25px;height:25px}.service-fuel{background:#9f5c22;color:white}.service-sight{background:#785191;color:white}.service-shelter{background:#4a713e;color:white}.service-landing{background:#007f8c;color:white}.service-pier{background:#346b8a;color:white}.seamark-colour{filter:drop-shadow(0 1px 2px #183f4766);background:none;border:0}.seamark-colour svg{height:100%;width:100%}details{font-size:12px;line-height:1.6;margin:20px 0;border-top:1px solid #dde5d9;padding-top:15px}details summary{cursor:pointer;font-weight:600}details label{display:block;margin:12px 0}#mark-legend{display:grid;grid-template-columns:1fr 1fr;gap:5px}.mark-key{display:flex;align-items:center;gap:6px;font-size:10px}.mark-key>span:first-child{width:18px;height:25px}.mark-key svg{width:100%;height:100%}.disclaimer{font-size:10px;color:#6a7d6c;line-height:1.7}.empty{font-size:13px;color:#6a8072;line-height:1.7;background:#edf2e7;border:1px dashed #d0dcc9;padding:18px;border-radius:9px}.mobile-dock{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#lake-results{position:absolute;top:77px;left:200px;width:min(600px,90vw);max-height:55vh;overflow:auto;background:white;padding:10px;border:1px solid #d7e2db;z-index:2000;box-shadow:0 10px 35px #173e4630;border-radius:10px}#lake-results button{display:block;background:#eef4ed;color:#174b4e;width:100%;text-align:left;margin:5px 0}dialog{width:calc(100% - 30px);max-width:650px;max-height:88dvh;overflow:auto;padding:24px;border:1px solid #cedbd2;border-radius:16px;color:#173e46;box-shadow:0 20px 90px #173e4655}dialog::backdrop{background:#163d4666}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:15px;position:sticky;top:-24px;background:white;padding:8px 0;z-index:3}dialog h2{font:400 25px Georgia,serif;margin:7px 0}.dialog-head button{background:#edf2e9;color:#174b4e;flex-shrink:0}.eyebrow{font-size:11px;color:#66816e}.gallery{display:flex;overflow:auto;gap:10px;scroll-snap-type:x mandatory}.gallery img{width:100%;height:240px;object-fit:contain;background:#eef2e9;border-radius:9px;scroll-snap-align:start;flex-shrink:0}.pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.75}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.tags span{background:#e9f0e4;padding:7px 11px;border-radius:20px;font-size:11px}.attachment{display:block;color:#17676a;margin:14px 0;font-size:13px}.card-actions{display:flex;gap:7px;flex-wrap:wrap;position:sticky;bottom:-24px;background:white;padding:14px 0}.secondary{background:#e9efea;color:#174b4e}dialog label{display:block;font-size:13px;font-weight:600;margin:15px 0}dialog input:not([type=checkbox]):not([type=file]),dialog textarea{display:block;width:100%;margin-top:6px}dialog p{font-size:13px;line-height:1.7}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#photo-preview{display:flex;gap:6px;flex-wrap:wrap}#photo-preview img{width:72px;height:72px;object-fit:cover;border-radius:8px}#feedback-status,#route-status{font-size:13px;line-height:1.7}#feedback-status:empty,#route-status:empty{display:none}.leaflet-control-attribution{font-size:8px!important}.leaflet-popup-content button{font:600 12px system-ui}#place-card small{font-size:11px;color:#667b6b}[hidden]{display:none!important}@media(max-width:760px){body{overflow:hidden}header{height:116px;display:grid;grid-template-columns:1fr auto;padding:10px 14px;gap:10px}.brand{font-size:23px}.brand small{display:inline;margin-left:10px;letter-spacing:1px}.admin-link{font-size:10px}.waterbody-search{grid-column:1/-1;grid-row:2;max-width:none;width:100%}.waterbody-search button{padding:10px 11px;white-space:nowrap;font-size:12px}.waterbody-search input{font-size:16px;max-width:none;width:100%}main{height:calc(100dvh - 116px);display:block;min-height:0}.map-wrap{height:100%}.map-heading{left:12px;top:12px;padding:10px 13px}.map-heading strong{font-size:13px}.map-buttons{right:10px}.mobile-dock{display:flex;position:fixed;z-index:1200;bottom:0;left:0;right:0;background:white;border-top:1px solid #d3ded5;padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:7px}.mobile-dock button{flex:1;min-height:47px;font-size:12px;background:#e7eeea;color:#174b4e}.mobile-dock button[aria-expanded=true]{background:#174b4e;color:white}aside{position:fixed;z-index:1100;bottom:calc(64px + env(safe-area-inset-bottom));left:0;right:0;max-height:65dvh;transform:translateY(calc(100% + 100px));border-radius:20px 20px 0 0;border:1px solid #d1ddd1;box-shadow:0 -5px 30px #173e4622;transition:transform .18s;padding:18px 20px}.panel-open aside{transform:translateY(0)}#close-panel{display:block;min-height:38px;padding:8px 12px;background:#edf2e9;color:#174b4e}.panel-top h1{font-size:20px}aside input,aside select{font-size:16px!important}#lake-results{top:111px;left:10px;width:calc(100% - 20px)}#main-status{top:116px}dialog{width:100%;max-width:none;max-height:92dvh;border-radius:18px 18px 0 0;margin:auto 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom))}.dialog-head{top:-20px}.gallery img{height:210px}dialog input,dialog textarea{font-size:16px!important}.card-actions{bottom:-20px}.card-actions button{flex:1;font-size:12px;min-height:48px}#location-status{bottom:25px;font-size:10px;max-width:calc(100% - 20px)}.service-icon{min-width:38px;min-height:38px}}

#toggle-lake-focus{font-size:10px;min-height:32px;padding:6px 10px;background:#e4eee4;color:#174b4e;margin-top:8px}
.view-toolbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 28px;background:white;border-bottom:1px solid #d9e3dc}.view-switch{display:flex;gap:5px;padding:3px;border-radius:12px;background:#edf2ed}.view-switch button{background:transparent;color:#174b4e;min-height:38px}.view-switch button[aria-pressed=true]{background:#174b4e;color:white}.view-toolbar>button{white-space:nowrap}main{height:calc(100dvh - 152px)}#main-status{top:156px}.view-list{overflow:auto}.view-list main{display:grid;grid-template-columns:1fr;height:auto;min-height:calc(100dvh - 152px)}.view-list .map-wrap,.view-list .mobile-dock{display:none}.view-list aside{position:static;grid-row:1;max-height:none;transform:none;border:0;border-bottom:1px solid #dde5dd;border-radius:0;box-shadow:none;padding:20px max(24px,calc((100vw - 1200px)/2));display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:10px 16px;overflow:visible}.view-list aside select{margin:0}.view-list #place-count{grid-column:1/-1;margin:0}.view-list .panel-top,.view-list #place-list,.view-list aside details,.view-list aside .disclaimer{display:none}.view-list #listing-view{grid-row:2}.listing-heading{margin-bottom:25px}.listing-heading h1{font:400 clamp(28px,4vw,40px) Georgia,serif}.listing-heading>p:last-child{color:#647b6d;font-size:14px}#listing-view{width:100%;max-width:1248px;margin:auto;padding:30px 24px 55px}#listing-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}#listing-cards>.empty{grid-column:1/-1}.listing-card{overflow:hidden;background:white;border:1px solid #d8e3d9;border-radius:16px;box-shadow:0 7px 24px #163f4510;display:flex;flex-direction:column}.listing-open{padding:0;border:0;border-radius:0;display:block;width:100%;height:200px;background:#e6eeea}.listing-open img{width:100%;height:100%;object-fit:cover;display:block}.listing-placeholder{height:100%;display:grid;place-items:center;opacity:.85}.listing-placeholder svg{width:64px;height:64px}.listing-content{padding:20px;display:flex;flex-direction:column;flex:1}.listing-content h2{margin:4px 0 8px}.listing-title{min-height:0;padding:0;background:none;color:#143e45;font:400 24px Georgia,serif;text-align:left}.listing-description{font-size:14px;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.listing-content .tags{margin:14px 0}.listing-map{width:100%;margin-top:auto}.map-wrap .map-buttons #track{font-size:23px}@media(max-width:1000px){#listing-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.view-toolbar{height:72px;padding:8px 10px;gap:6px}.view-switch{gap:1px;padding:2px}.view-switch button{padding:10px;font-size:12px}.view-toolbar>button{font-size:11px;padding:10px 8px}main{height:calc(100dvh - 188px)}#main-status{top:190px}.view-list main{min-height:calc(100dvh - 188px)}.view-list aside{padding:16px;display:grid;grid-template-columns:1fr;gap:10px}.view-list #place-count{grid-column:auto}#listing-view{padding:22px 16px 35px}#listing-cards{grid-template-columns:1fr;gap:18px}.listing-heading{margin-bottom:20px}.listing-open{height:210px}.listing-content{padding:18px}.listing-title{font-size:24px}.view-list #close-panel{display:none}}

.map-heading{display:flex;align-items:center;gap:12px;background:transparent;box-shadow:none;padding:0;border-radius:0;max-width:calc(100% - 70px)}.lake-info{min-width:0;text-shadow:0 1px 3px white,0 0 6px white}.lake-info strong{white-space:nowrap}#toggle-lake-focus{margin-top:0;flex:0 0 auto}#location-status:empty{display:none}@media(max-width:760px){.map-heading{padding:0;gap:8px}.map-heading small{line-height:1.4}body:not(.view-list) #places-panel{display:none}}

.mobile-view-select{display:none}@media(max-width:760px){.view-switch{display:none}.mobile-view-select{display:block;min-width:0}.mobile-view-select select{min-width:145px;min-height:44px;font-size:16px;font-weight:650;padding:10px 30px 10px 12px;background:#edf2ed;border:1px solid #cddbd2}body:not(.view-list) #view-location{display:none}}

.map-service-search{display:flex;gap:7px;flex:1;max-width:720px;min-width:0}.map-service-search select{width:180px;flex:0 1 180px}.map-service-search input{flex:1;min-width:0}.map-service-search button{flex:0 0 auto}body.view-list .map-service-search,body:not(.view-list) .waterbody-search{display:none}#service-search-status{position:absolute;z-index:500;left:12px;top:58px;margin:0;padding:6px 9px;background:#ffffffde;border-radius:7px;font-size:11px;max-width:calc(100% - 70px)}#service-search-status:empty{display:none}@media(max-width:760px){.map-service-search{grid-column:1/-1;grid-row:2;max-width:none;width:100%;gap:6px}.map-service-search input{font-size:16px}.map-service-search select{width:130px;flex:0 1 130px;font-size:14px;padding:10px 5px}.map-service-search button{font-size:12px;padding:10px}body.view-list .map-service-search{display:none}}

body:not(.view-list) #places-panel>input,body:not(.view-list) #places-panel>select,body:not(.view-list) #places-panel>label{display:none}

.listing-distance{margin:0 0 10px;font-size:13px;color:#17656b;font-weight:650}#listing-location-status:empty{display:none}#listing-location-status{font-size:12px;color:#426a60}

/* Shared FinnVibe identity and service links; let the map use the remaining space. */
body{display:flex;flex-direction:column;min-height:100dvh}
body>header,body>.view-toolbar,body>.boating-service-nav{flex-shrink:0}
header .brand{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;gap:3px;letter-spacing:0}
header .brand img{display:block;width:158px;height:auto}
header .brand small{display:block;margin:0;color:#496e62;font-size:9px;letter-spacing:2px}
.boating-service-nav{display:flex;flex-wrap:wrap;gap:8px;padding:10px 28px;background:#fff;border-bottom:1px solid #d9e3dc}
.boating-service-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid #cddbd2;border-radius:9px;background:#f5f8f4;color:#174b4e;font-size:13px;font-weight:650;line-height:1.3;text-align:center;text-decoration:none}
.boating-service-nav a:hover{background:#e3eee7;border-color:#174b4e}
body:not(.view-list){height:100dvh;overflow:hidden}
body:not(.view-list)>main{flex:1;min-height:0;height:auto}
body.view-list{height:auto;overflow:auto}
body.view-list>main{min-height:0}
body>#main-status{position:relative;flex-shrink:0;align-self:center;left:auto;top:auto;transform:none;margin:6px 10px}
@media(max-width:760px){
  header{height:auto;min-height:116px}
  header .brand img{width:142px}
  .boating-service-nav{display:block;padding:8px 10px}
  .boating-service-nav a{min-width:0;padding:9px 6px;font-size:12px}
  .boating-service-nav a:last-child{grid-column:1/-1}
}

.boating-service-links{display:contents}.boating-menu-toggle{display:none}
@media(max-width:760px){
  .boating-menu-toggle{display:flex;align-items:center;gap:10px;background:#f5f8f4;color:#174b4e;border:1px solid #cddbd2}
  .boating-menu-toggle span{font-size:21px;line-height:1}
  .boating-service-links{display:none}
  .boating-service-nav.menu-open .boating-service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;max-height:40dvh;overflow:auto;padding:3px}
}

.view-toolbar .map-heading{position:static;flex:1;min-width:0;max-width:none;margin-right:auto}.view-list #toggle-lake-focus{display:none}#service-search-status{top:12px}main{height:calc(100dvh - var(--boat-header-height,88px) - var(--boat-toolbar-height,64px))}.view-list main{height:auto;min-height:calc(100dvh - var(--boat-header-height,88px) - var(--boat-toolbar-height,64px))}@media(max-width:760px){.view-toolbar{background:transparent;border-bottom-color:transparent;min-height:64px;height:auto;padding:8px 10px;gap:8px}.mobile-view-select{flex:0 0 104px}.mobile-view-select select{min-width:0;width:104px;font-size:13px;padding:10px 17px 10px 8px}.view-toolbar .map-heading{gap:6px}.view-toolbar .lake-info strong{white-space:normal;font-size:12px;line-height:1.2}.view-toolbar .lake-info small{font-size:8px;line-height:1.35;margin-top:3px}.view-toolbar #toggle-lake-focus{font-size:9px;padding:6px 8px;min-height:32px}.view-list #view-location{font-size:0;flex:0 0 44px;width:44px;padding:8px}.view-list #view-location::before{content:"◎";font-size:23px}main{height:calc(100dvh - var(--boat-header-height,116px) - var(--boat-toolbar-height,64px))}.view-list main{min-height:calc(100dvh - var(--boat-header-height,116px) - var(--boat-toolbar-height,64px))}}

/* Expanded map hides all search and navigation; map controls remain usable. */
body.map-expanded{overflow:hidden}body.map-expanded>header,body.map-expanded>.view-toolbar,body.map-expanded>.boating-service-nav,body.map-expanded #places-panel,body.map-expanded #lake-results,body.map-expanded #main-status,body.map-expanded #listing-view,body.map-expanded #service-search-status{display:none!important}body.map-expanded .map-wrap{position:fixed;inset:0;width:100vw;height:100dvh;z-index:10000;background:#f3f6f1}body.map-expanded #boat-map{width:100%;height:100%}#expand-map{font-size:25px}@media(max-width:760px){.view-list .mobile-view-select{flex-basis:116px}.view-list .mobile-view-select select{width:116px}}

/* Keep the mobile service menu beside the logo. */
@media(max-width:760px){
  header .boating-menu-toggle{grid-column:2;grid-row:1;justify-self:end;align-self:start;width:44px;height:44px;padding:10px;justify-content:center}
  .boating-service-nav{padding:0;border-bottom:0}
  .boating-service-nav.menu-open{padding:0 10px 8px;border-bottom:1px solid #d9e3dc}
  .boating-service-nav.menu-open .boating-service-links{margin-top:0}
}

body.boating-embedded>header,body.boating-embedded>.boating-service-nav{display:none}body.boating-embedded.view-list>main{min-height:0}

/* Embedded boating keeps both views directly available, including mobile. */
body.boating-embedded .mobile-view-select{display:none}
body.boating-embedded .view-switch{display:flex}
@media(max-width:760px){
 body.boating-embedded .view-toolbar{flex-wrap:wrap}
 body.boating-embedded .view-switch{flex:1 0 100%}
 body.boating-embedded .view-switch button{flex:1}
}

/* Match the main FinnVibe listing pages: 24 results and compact paired mobile cards. */
#listing-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:20px}
.listing-page-button{min-width:40px;min-height:40px;padding:0 10px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#174b4e;font-weight:900}
.listing-page-button.active{background:#174b4e;color:#fff}
#listing-page-status{text-align:center;font-size:12px;color:#647b6d;margin:20px 0 0}
#listing-page-status:empty{display:none}
@media(max-width:760px){
 #listing-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .listing-card{min-width:0;border-radius:12px}
 .listing-open{height:auto;min-height:0;aspect-ratio:4/3}
 .listing-placeholder{min-height:0}
 .listing-placeholder svg{width:44px;height:44px}
 .listing-content{padding:9px 9px 10px;min-width:0}
 .listing-content h2{margin:0}
 .listing-title{font:700 .875rem/1.3 system-ui,sans-serif;overflow-wrap:anywhere}
 .listing-distance{font-size:11px;line-height:1.3;margin:7px 0 0;overflow-wrap:anywhere}
 .listing-content :is(.listing-description,.tags,.listing-map){display:none}
 .listing-page-button{min-height:44px;min-width:40px}
}

.listing-open{position:relative}
.listing-open .listing-distance{position:absolute;left:6px;bottom:6px;max-width:calc(100% - 12px);margin:0;padding:4px 6px;border-radius:10px;background:rgba(255,255,255,.95);color:#174b4e;font:700 11px/1.3 system-ui,sans-serif;text-align:left;white-space:normal}

.view-list aside{grid-template-columns:minmax(0,1fr) minmax(160px,220px) minmax(180px,240px);align-items:end}
.boating-filter-field{display:block;min-width:0;font-size:12px;font-weight:650}
.boating-filter-field>span{display:block;margin-bottom:5px}
.boating-filter-field select{width:100%}
.listing-opening{font-size:12px;line-height:1.4;margin:8px 0;color:#546d64}
.opening-open{color:#087a4b}.opening-closed{color:#9b2d30}.opening-appointment{color:#174b4e}
.opening-hours-list{display:grid;grid-template-columns:auto 1fr;gap:6px 15px;font-size:14px}
.opening-hours-list dt{font-weight:700}.opening-hours-list dd{margin:0}
@media(max-width:760px){
 .view-list aside{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:12px 10px}
 .view-list #place-search,.view-list #place-count{grid-column:1/-1}
 .boating-filter-field select{font-size:14px!important;padding:10px 7px;min-width:0}
 .listing-category{font-size:10px;line-height:1.35;margin:0 0 5px;overflow-wrap:anywhere}
 .listing-opening{font-size:11px;margin:7px 0 0}
 .map-service-search{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
 .map-service-search input{grid-column:1/3;grid-row:1;width:100%}
 .map-service-search button{grid-column:3;grid-row:1}
 .map-service-search select{width:100%;min-width:0;font-size:13px}
 #map-service-category{grid-column:1;grid-row:2}#map-service-filter{grid-column:2/4;grid-row:2}
}

/* Waterbody search: connected lakes choose the initial map camera. */
.waterbody-search{display:grid;grid-template-columns:minmax(160px,1.15fr) minmax(110px,1fr) auto auto;align-items:center;min-width:0}.water-area-select{min-width:0;max-width:none}.water-area-select select{width:100%;min-height:44px}.waterbody-search>input{min-width:0}#lake-results .lake-subarea{margin-left:20px;border-left:3px solid #8ba9aa}#lake-results button small{display:block;font-size:11px;opacity:.8}
@media(max-width:760px){.waterbody-search{grid-template-columns:minmax(0,1fr) auto auto}.water-area-select{grid-column:1/-1;width:100%}.water-area-select select{font-size:16px;max-width:100%}body>header{height:auto;min-height:116px}.boating-nautical>header{height:auto}#lake-results{top:calc(var(--boat-header-height,180px) + 4px)}}

/* Keep the same lake/environment toggle available on the expanded map. */
body.map-expanded .map-wrap>#toggle-lake-focus{position:absolute;z-index:600;top:calc(12px + env(safe-area-inset-top,0px));left:12px;max-width:calc(100% - 84px);width:auto;min-height:44px;margin:0;padding:10px 14px;background:#fff;color:#174b4e;border:1px solid #b9cdd1;box-shadow:0 2px 8px #153d4320;font-size:13px;line-height:1.35}body.map-expanded .map-wrap .boat-depth-toggle{top:calc(68px + env(safe-area-inset-top,0px))}