/* A shared rail-and-card navigation language for phones and desktop. */
html #app #discovery-tray{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;max-height:calc(100dvh - 132px);border-radius:0;overflow:auto;scrollbar-width:thin}
html #app #discovery-tray .government-head{background:#fffaf0;border:1px solid #c3cbae;border-radius:10px;padding:5px 8px;margin:0 0 6px}
html #app #discovery-tray .government-head h2{font-size:12px}
html #app #discovery-tray .government-close{min-width:30px;min-height:32px}
html #app #discovery-tray .discovery-choices{display:flex;flex-direction:column;overflow:visible;gap:7px;margin:0}
html #app #discovery-tray .discovery-choice{display:flex!important;flex:none;width:100%;min-height:82px;max-height:none;padding:10px 7px;background:#fffaf0f5;border:1px solid #c3cbae;border-radius:12px;box-shadow:0 3px 12px #35452e18}
html #app #discovery-tray .discovery-choice strong{font-size:12px;line-height:1.25}
html #app #discovery-tray .discovery-caption{display:none}
html #app #discovery-tray .journey-card-nav{display:none}
@media(max-width:700px){
 html #app{--mobile-nav:env(safe-area-inset-bottom,0px)}
 html #app aside{left:6px;top:116px;right:auto;bottom:auto;width:58px;height:auto;max-height:calc(100dvh - 140px);padding:5px 3px;flex-direction:column;gap:5px;border:1px solid #c3cbae;border-radius:12px;background:#fffaf0f5;overflow-y:auto;box-shadow:0 3px 15px #35452e18}
 html #app aside>.hud-layer{flex:none;width:100%;min-height:61px;padding:6px 1px;font-size:10px;gap:4px}
 html #app aside>.hud-layer b{font-size:21px}
 html #app #map{left:0;bottom:0}
 html #app #discovery-tray .discovery-choice{min-height:76px}
 html #app #discovery-tray .discovery-choice strong{font-size:11px}
 html #app :is(.government-drawer:not(.discovery-menu),.people-drawer,.today-drawer,.business-tools.hud-business){left:70px;right:6px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:auto;max-height:34dvh;border-radius:14px}
 html #app .hud-bottom{left:70px;right:6px;bottom:calc(8px + env(safe-area-inset-bottom,0px));max-width:none}
 html #app .mobile-expanded{max-height:calc(100dvh - 128px)!important}
 html #app .overview{left:70px;bottom:0}
 html #app .music-toggle{left:72px!important}
 html #app .music-toggle+.music-toggle{left:180px!important}
 html #app header .topnav{right:94px;left:auto;width:auto;transform:none}
 html #app header .brand{max-width:60px;overflow:hidden}
 html #app .people-tabs{gap:2px;padding:2px}
 html #app .people-tab{padding:7px 6px;font-size:11px}
}

/* Five experience paths: readable labels within the existing quiet rail. */
#app aside .hud-layer i{white-space:normal;line-height:1.2;font-style:normal}
@media(max-width:700px){#app aside .hud-layer{padding:6px 2px;flex-shrink:0;min-height:64px}#app aside .hud-layer i{font-size:10px;overflow-wrap:normal}#app aside{overflow-y:auto;overscroll-behavior:contain}}