@media(max-width:700px){
 html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}
 html #app{position:fixed;left:var(--visible-left,0px);top:var(--visible-top,0px);width:var(--visible-width,100%);height:var(--visible-height,100dvh);max-width:none;overflow:hidden;transform:translateZ(0);box-sizing:border-box;--ui-top:env(safe-area-inset-top,0px);--ui-left:env(safe-area-inset-left,0px);--ui-right:env(safe-area-inset-right,0px)}
 html #app header{left:0;right:0;top:0;width:auto;height:calc(56px + var(--ui-top));padding-top:calc(8px + var(--ui-top));box-sizing:border-box}
 html #app header .topnav{top:calc(8px + var(--ui-top));right:calc(88px + var(--ui-right))}
 html #app .atmosphere-toggle{top:calc(10px + var(--ui-top));right:calc(6px + var(--ui-right));font-size:10px}
 html #app #map{top:calc(56px + var(--ui-top));left:0;right:0;bottom:0;width:auto;height:auto}
 html #app .hud-search,body.hud-detail-open #app .hud-search{left:calc(8px + var(--ui-left));right:calc(8px + var(--ui-right));top:calc(64px + var(--ui-top));width:auto;max-width:none;box-sizing:border-box}
 html #app aside{left:calc(6px + var(--ui-left));top:calc(116px + var(--ui-top));max-height:calc(var(--visible-height,100dvh) - 140px - var(--ui-top))}
 html #app #discovery-tray{max-height:calc(var(--visible-height,100dvh) - 140px - var(--ui-top))}
 html #app :is(.government-drawer:not(.discovery-menu),.people-drawer,.today-drawer,.business-tools.hud-business,.hud-bottom){left:calc(70px + var(--ui-left));right:calc(6px + var(--ui-right));max-width:calc(100% - 76px - var(--ui-left) - var(--ui-right));box-sizing:border-box}
 html #app input,html #app select,html #app textarea{font-size:16px!important}
 html #app .mobile-expanded{max-height:calc(var(--visible-height,100dvh) - 128px - var(--ui-top))!important}
}

/* Avoid accidental double-tap page magnification; retain deliberate pinch zoom.
   Mapbox keeps its own touch handling on the map canvas. */
html #app :is(button,a,input,select,textarea,summary,[role="button"]),
:is(.demo-profile-dialog,.mirble-feedback-dialog) :is(button,a,input,select,textarea){touch-action:manipulation}
