.navtgl,.navbtn,.navtop,.navback{display:none}

@media (max-width:532px){

#logo{position:sticky;top:8px;z-index:40;
overflow:visible;
margin:8px 8px -60px 8px;height:46px;box-sizing:border-box;
padding:4px 7px 4px 12px;border-radius:26px;
background:rgba(0,0,0,.55);
-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
box-shadow:0 6px 18px rgba(26,32,38,.66);
filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.45));
display:flex;align-items:center;justify-content:space-between}
#logo a{display:block;line-height:0;padding:0;background:none}
#logo img{float:none;height:44px;width:auto;display:block}

#container::before{content:'';position:fixed;top:0;left:0;right:0;height:26px;
z-index:39;pointer-events:none;
background:linear-gradient(180deg,#b7daef 0,#b7daef 16%,rgba(183,218,239,.6) 68%,rgba(183,218,239,0) 100%)}

.navbtn{width:40px;height:40px;padding:0;margin:0;border:0;background:none;
cursor:pointer;display:flex;align-items:center;justify-content:center;
flex-shrink:0;color:#9cd7f6;font-size:20px;line-height:1}

#top{display:none !important}

#body{margin-top:0;padding-top:70px}

.navtgl{display:block;position:absolute;width:1px;height:1px;
overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

#menu{position:fixed;top:58px;left:8px;right:8px;bottom:auto;z-index:60;
width:auto;max-width:360px;height:auto;max-height:calc(100vh - 70px);
margin:0;padding:10px;background:#2b3137;border-radius:14px;
box-shadow:0 10px 28px rgba(26,32,38,.34);
display:none;flex-direction:column;
overflow-y:auto;overscroll-behavior:contain}
.navtgl:checked ~ #menu{display:flex}
#menu br{display:none}

.navback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:59;
background:none;cursor:default}
.navtgl:checked ~ .navback{display:block}

.navtop{padding:0 4px 6px 4px;display:flex;align-items:center;
justify-content:flex-end}
.navclose{width:36px;height:36px;border:0;background:none;color:#cbe4f3;
font:normal 26px 'Segoe UI',system-ui,sans-serif;line-height:36px;
text-align:center;cursor:pointer;flex-shrink:0}

#menu ul{margin:0;padding:0;list-style:none;
display:flex;flex-direction:column;gap:6px}
#menu li{float:none;margin:0;padding:0;line-height:normal}
#menu li.nomobile{display:block !important}
#menu span.nomobile{display:inline !important}
#menu a{display:block;padding:12px 16px;background:#363d44;color:#fff;
text-decoration:none;font:normal 19px Georgia,'Gelasio',serif;
border:0;border-radius:8px;min-height:44px;box-sizing:border-box}
#menu a:hover{background:#363d44;color:#fff}
#menu li.active a,#menu li.active a:hover{background:#4a5259;color:#fff}

#menu li.gear-li{float:none;margin:6px 0 0 0;padding:6px 0 0 0;
line-height:normal;border-top:1px solid #434b53}
#menu li.gear-li .gear-btn{display:flex;align-items:center;justify-content:center;
gap:10px;width:100%;
padding:12px 16px;background:#cbe4f3;color:#14243a;border:0;border-radius:8px;
min-height:44px;box-sizing:border-box;
font:normal 19px Georgia,'Gelasio',serif}
#menu li.gear-li .gear-btn:hover{background:#dcecf8}
#menu .gear-btn span[aria-hidden]{display:block;font-size:20px;line-height:1}
#menu .gear-lbl{position:static;width:auto;height:auto;overflow:visible;
clip:auto;clip-path:none}
}



#brand,.avz-cap{
box-sizing:border-box;overflow:visible;
height:46px;padding:4px 7px 4px 12px;border-radius:26px;
background:rgba(0,0,0,.55);
-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
box-shadow:0 6px 18px rgba(26,32,38,.66);
filter:drop-shadow(1px 1px 1px rgba(0,0,0,.45))}

#brand,.avz-cap-in{display:flex;align-items:center;
justify-content:space-between;gap:18px}
#brandl,.avz-cap-l{display:flex;align-items:center;gap:16px;min-width:0}

#brand .logo,.avz-logo{display:block;line-height:0;padding:0;background:none;
flex:0 0 auto}
#brand .logo img,.avz-logo img{display:block;float:none;height:44px;width:auto}

#navbtn,.avz-navbtn{width:40px;height:40px;flex:0 0 auto;
padding:0;margin:0;border:0;background:none;cursor:pointer;
display:flex;align-items:center;justify-content:center;
color:#9cd7f6;font-size:20px;line-height:1}

#navtgl,.avz-navtgl{position:absolute;width:1px;height:1px;
overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}

#navmenu,.avz-nav{position:absolute;top:54px;left:12px;
width:340px;max-width:calc(100vw - 24px);padding:10px;
background:#2b3137;border-radius:14px;
box-shadow:0 10px 28px rgba(26,32,38,.34);
display:none;flex-direction:column;gap:6px}
#navmenu a,.avz-navlink{display:block;padding:12px 16px;background:#363d44;
color:#fff;text-decoration:none;border-radius:8px;min-height:44px;
font:normal 19px Georgia,'Gelasio',serif}

#navback,.avz-navback{position:fixed;top:0;right:0;bottom:0;left:0;
display:none;cursor:default}

#back,.avz-cap-t{background:rgba(255,255,255,.14);border:0;border-radius:18px;
padding:6px 14px;color:#fff;
font:normal 16px/1.15 "Segoe UI",system-ui,sans-serif;
white-space:nowrap;min-width:0}

@media (hover:hover){
#navmenu a:hover,.avz-navlink:hover{background:#4a5259;text-decoration:none}
#back:hover{background:rgba(255,255,255,.24)}
}

@media (max-width:532px){
#brand,.avz-cap{padding:4px 5px 4px 10px}
#brand,.avz-cap-in{gap:10px}
#brandl,.avz-cap-l{gap:8px}
#back,.avz-cap-t{font-size:14px;padding:5px 11px}
}


#brand{position:absolute;top:8px;left:8px;right:8px;z-index:1100}
#navtgl:checked ~ #brand #navmenu{display:flex}
#navback{z-index:1050}
#navtgl:checked ~ #navback{display:block}

#back{flex:0 1 auto;display:inline-flex;align-items:center;gap:8px;
text-decoration:none}
#back .arrow{flex:0 0 auto;font-size:18px;line-height:1;margin-top:-1px}
#back .nm{min-width:0;overflow:hidden;text-overflow:ellipsis}
#brand[hidden]{display:none}
#back[hidden]{display:none}

.leaflet-top.leaflet-left .leaflet-control-zoom{margin-top:66px;margin-left:8px}

@media (max-width:532px){
#back{gap:6px}
}


.avz-cap{position:sticky;top:8px;z-index:40;
width:calc(100% - 16px);max-width:820px;margin:8px auto -60px}
.avz-cap-in{height:100%;max-width:none;margin:0;padding:0}
.avz-cap-t{overflow:hidden;text-overflow:ellipsis}
.avz-navtgl:checked ~ .avz-cap .avz-nav{display:flex}
.avz-navback{z-index:39}
.avz-navtgl:checked ~ .avz-navback{display:block}

.avz-val{position:fixed;top:0;left:0;right:0;height:26px;
z-index:38;pointer-events:none;
background:linear-gradient(180deg,#515151 0,#515151 16%,rgba(81,81,81,.6) 68%,rgba(81,81,81,0) 100%)}