/* Foreground navigation follows the selected route. */
#start-navigation{margin-top:8px}#preview-route{height:40px;font-size:13px;background:#e5f2ef;color:#075e57}#preview-route img{filter:brightness(.5)}.nav-note{text-align:center;margin:8px 0}
#navigation-panel{position:fixed;inset:0;z-index:1200;pointer-events:none}.navigation-cue,.navigation-controls{position:absolute;left:16px;right:16px;pointer-events:auto;border-radius:22px;box-shadow:0 4px 24px #243c3220}.navigation-cue{top:calc(16px + env(safe-area-inset-top,0px));background:#08776e;color:white;padding:18px 20px}.navigation-cue h1{font-size:22px;line-height:1.3;margin:8px 0}.navigation-cue>span{font-size:14px}.navigation-cue button{background:none;border:0;padding:6px 0;color:white;font-size:12px}.navigation-controls{bottom:calc(16px + env(safe-area-inset-bottom,0px));background:white;padding:18px 20px}.navigation-controls>strong{font-size:20px}.navigation-controls small{display:block;font-size:11px;color:#637574;line-height:1.5;margin-top:6px}#nav-status{font-size:12px;line-height:1.6;color:#315b53}.nav-buttons{display:flex;gap:8px}.nav-buttons button{flex:1;border:1px solid #dee6e1;border-radius:12px;padding:12px 8px;background:#f1f8f5;color:#075e57;font-size:13px}#nav-end{background:#fff3ec;color:#8c4d27}body[data-navigating=true] .map-actions{bottom:300px}body[data-navigating=true] .leaflet-bottom.leaflet-left,body[data-navigating=true] .leaflet-bottom.leaflet-right{bottom:295px}
@media(min-width:760px){.navigation-cue,.navigation-controls{left:24px;right:auto;width:402px}.navigation-cue{top:24px}.navigation-controls{bottom:24px}body[data-navigating=true] .map-actions{bottom:35px}}

.voice-choice{display:flex;align-items:center;gap:10px;padding:14px 0 4px;font-size:14px;color:#1f3534}.voice-choice input{width:19px;height:19px;accent-color:#08776e}.voice-choice small{display:block;font-size:11px;color:#637574;margin-top:4px}.navigation-cue-heading{display:flex;align-items:center;gap:12px}.nav-turn-icon{height:48px;width:48px;border-radius:14px;background:#ffffff1f;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}.navigation-cue-heading>div{display:flex;flex-direction:column;gap:4px}.nav-eyebrow{font-size:11px;letter-spacing:.04em;opacity:.85}.nav-cue-distance{font-size:18px;font-weight:600}#nav-destination{font-size:12px;line-height:1.5;margin:8px 0 2px;opacity:.9}#nav-eta{font-size:13px;color:#637574;margin:7px 0}.nav-buttons #nav-mute[aria-checked=true]{background:#e5f2ef;border-color:#08776e}.nav-buttons #nav-mute[aria-checked=false]{background:#fafbf8;color:#637574}.nav-buttons button:disabled,.navigation-cue button:disabled{opacity:.5;cursor:default}.navigation-controls{max-height:48dvh;overflow:auto}.navigation-cue{max-height:38dvh;overflow:auto}.navigation-cue h1{letter-spacing:-.4px}@media(max-height:650px){.navigation-cue{padding:12px 16px}.navigation-cue h1{font-size:18px;margin:6px 0}.navigation-controls{padding:12px 16px}.navigation-controls .form-hint{margin:8px 0 0}.nav-buttons button{padding:10px 8px}}

/* Compact navigation footer: controls are the final visible row. */
#nav-voice-status,#nav-screen{display:none!important}

/* The inner arrow rotates independently of Leaflet's position transform. */
#navigation-panel{--findit-navigation-ui:heading-v1}.navigation-user-marker{background:none;border:0;pointer-events:none}.navigation-user-pointer{display:none;width:44px;height:44px;transform-origin:22px 22px;transition:transform .18s ease-out;filter:drop-shadow(0 2px 3px #1f35344d)}.navigation-user-marker.has-heading .navigation-user-pointer{display:block}.navigation-user-dot{position:absolute;left:13px;top:13px;width:18px;height:18px;background:#08776e;border:3px solid white;border-radius:50%;box-shadow:0 2px 6px #1f35344d}.navigation-user-marker.has-heading .navigation-user-dot{display:none}@media(prefers-reduced-motion:reduce){.navigation-user-pointer{transition:none}}