/* 1.7: preserve the map while navigating, including at 320 px and large text. */
.location-marker{background:none;border:0}.location-core{display:block;width:32px;height:32px;border:3px solid white;background:#236de1;border-radius:50%;box-shadow:0 2px 8px #16305566;position:relative}.location-dot{position:absolute;inset:9px;border-radius:50%;background:white}.location-heading{display:none;color:white;position:absolute;inset:-1px;text-align:center;font-size:21px;transform:rotate(var(--heading,0deg))}.heading-known .location-heading{display:block}.heading-known .location-dot{display:none}.location-marker.uncertain{opacity:.45}
.map-first #navHud{max-width:560px;padding:12px 14px;border-radius:18px;max-height:45dvh;overflow:auto}.map-first #navHud .turn-banner{gap:10px}.map-first #navHud #navDistance{font-size:28px!important;margin:0}.map-first #navHud #navInstruction{font-size:18px;line-height:1.25;margin:5px 0}.map-first #navArrow{font-size:40px;width:44px;flex-shrink:0}.map-first #navHud .journey-stats{margin-top:8px;padding-top:7px;font-size:12px;align-items:center}.map-first #navHud .journey-stats p{margin:0}.map-first #navHudStatus{font-size:10px;margin:5px 0}.map-first #navHud .nav-actions{gap:5px;margin-top:6px}.map-first #navHud .nav-actions button{font-size:11px;min-height:44px;padding:6px;flex:1;min-width:0}.map-first #navHud button::after{display:none}.map-first #navMore{margin:6px 0 0;padding:0;border:0;font-size:11px}.map-first #navMore summary{font-size:11px;min-height:28px;display:flex;align-items:center}.map-first #navMore button{margin-top:6px;font-size:11px}.map-first #navMore p{font-size:10px}.map-first #navHud .nav-actions #navStopHud{flex:1.3}.map-first #navHud[hidden]{display:none}.map-first #navHud .nav-actions #voiceToggle{flex:1}
.search-scope{display:flex;align-items:center;gap:8px;margin:4px 0 10px}.search-scope label{font-size:12px;margin:0;flex:1}.search-scope select{width:65%;padding:8px;font-size:13px}#searchResults .result{display:block;text-align:left;width:100%}#searchResults .result strong,#searchResults .result span{display:block}#searchResults .result span{margin-top:4px;font-weight:400;font-size:12px}#searchResults h3{font-size:15px;margin-top:20px}
#routeSafety{background:#fff5d9;border-left:3px solid #a47b16;border-radius:8px;padding:1px 10px;margin:12px 0}#routeSafety .help{font-size:12px;color:#514124}
.map-first #travelMode{width:auto;min-width:110px;max-width:100%}#transitWhen{width:100%;min-width:0}#transitResults h3{font-size:17px}#transitResults .transit-leg{border-left:3px solid #437a68;padding:10px;margin:12px 0}#transitResults .help{font-size:12px}.transit-links{display:flex;flex-wrap:wrap;gap:6px}.transit-links button{font-size:12px;padding:8px}#googleWidget{min-width:0;max-width:100%;overflow:auto}#googleWidget gmp-place-search{width:100%}#googleWidget *{box-sizing:border-box}.stop-result{width:100%;text-align:left;margin:5px 0;font-size:13px}
html[lang="zh-Hans"] body{font-family:system-ui,"PingFang SC","Microsoft YaHei",sans-serif}html[lang="ta"] body{font-family:"SampaiTamil",system-ui,sans-serif}
@media(max-height:550px) and (min-width:600px){.map-first #navHud{left:8px;right:auto;width:320px;max-height:calc(100dvh - 25px)}}
@media(prefers-reduced-motion:reduce){.location-marker{transition:none}}