/* Shallow map controls; longer reading is an explicit expansion. */
@media(max-width:700px){
 html #app{--mobile-nav:calc(58px + env(safe-area-inset-bottom,0px))}
 html #app aside>.hud-layer{min-height:44px;font-size:10px;gap:2px}
 html #app :is(.government-drawer:not(.discovery-menu),.people-drawer,.today-drawer,.business-tools.hud-business){max-height:28dvh;padding:8px 12px 12px;border-radius:16px 16px 0 0}
 html #app .mobile-expanded{max-height:calc(100dvh - var(--mobile-nav) - 118px)!important}
 html #app :is(.government-drawer,.people-drawer,.today-drawer,.hud-business) .government-head{align-items:center;margin:0 0 6px}
 html #app :is(.government-drawer,.people-drawer,.today-drawer,.hud-business) .government-head h2{font-size:16px;line-height:1.2;margin:0}
 html #app :is(.government-drawer,.people-drawer,.today-drawer,.hud-business):not(.mobile-expanded) .government-head :is(.eyebrow,p){display:none}
 html #app .mobile-sheet-handle{height:28px;margin:-4px 0 2px;font-size:11px;color:#35452f}
 html #app .mobile-sheet-handle:after{margin:3px auto 0;height:3px}
 html #app .people-tabs{display:flex;gap:4px;padding:3px;margin:4px 0;overflow-x:auto;border-radius:9px}
 html #app .people-tab{flex:1 0 auto;padding:8px 9px;min-height:40px;font-size:12px;white-space:nowrap}
 html #app .people-filters{display:flex;flex-wrap:nowrap;gap:5px;overflow-x:auto;margin:6px 0;padding-bottom:4px}
 html #app .people-filter{flex:0 0 auto;min-height:36px;padding:7px 10px;font-size:12px;white-space:nowrap}
 html #app .people-drawer:not(.mobile-expanded) :is(#people-summary,.people-note,.people-intro,.discovery-back){display:none}
 html #app .people-legend{margin:6px 0 0}.people-legend-labels{font-size:10px}
 html #app .hud-business:not(.mobile-expanded)>.gov-copy{display:none}
 html #app .hud-business .business-categories{display:flex;flex-wrap:nowrap;overflow:auto}
 html #app .hud-business .category-chip{flex:0 0 auto;font-size:12px}
 html #app .discovery-menu .discovery-choices{display:flex;overflow-x:auto;gap:5px;margin-top:4px}
 html #app .discovery-menu .discovery-choice{flex:0 0 78px;min-height:64px;padding:6px 3px}
 html #app .discovery-menu .discovery-caption{display:none}
 html #app .discovery-menu{padding:8px 10px}
 html #app .hud-search label{padding:8px 12px}
 html #app .hud-search input{font-size:16px}
 html #app #government-drawer .civic-topic-title{font-size:17px;margin-bottom:8px}
 html #app .mobile-topic-back{min-height:36px;margin-bottom:4px;font-size:12px}
}