.tabs{overflow-x:auto;flex-shrink:0}.tabs [role=tab]{white-space:nowrap;min-width:65px}.navigation-panel{padding:20px;overflow-y:auto}.nav-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.nav-heading h2{font-size:22px;margin:0}.nav-chip{font-size:11px;padding:5px 10px;border:1px solid #d8e3da;border-radius:30px;color:#1c5744;background:#f0f5eb}.nav-endpoint{margin-top:18px;padding:14px;border:1px solid #dfe4db;border-radius:14px;background:#fafbf7}.nav-endpoint label{font-size:11px;color:#61756a}.nav-endpoint strong{display:block;line-height:1.8;font-size:14px;margin:6px 0}.nav-endpoint.destination{border-right:4px solid #b96035}.nav-endpoint.origin{border-right:4px solid #2466ad}.nav-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.nav-controls button{min-height:42px;flex:1}.nav-controls .small{font-size:12px}#navStatus{font-size:13px;line-height:1.9;padding:12px;background:#eef4f8;border-radius:12px;margin:14px 0;color:#254c70}#navStatus.nav-error{background:#fff1e8;color:#874926}#navAccuracy{font-size:11px;line-height:1.8}#navCalculate{width:100%;min-height:48px;margin-top:12px}.nav-follow{display:flex;gap:8px;align-items:center;font-size:12px;margin-top:12px}.nav-follow input{width:auto}.nav-summary{margin-top:20px;border-top:1px solid #e0e4d9;padding-top:18px}.nav-totals{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.nav-totals strong{font-size:25px;color:#1a5142}.nav-totals span{font-size:12px;color:#66766d}#navProgress{color:#205b49;font-weight:600;line-height:1.8}#navSteps{padding-right:25px;margin-top:14px}#navSteps li{padding:8px;border-bottom:1px solid #edf0e9;border-radius:8px}#navSteps li.current{background:#edf5e8;border-right:3px solid #326f4e}.nav-step{display:block;border:0;background:transparent;color:#234b40;text-align:right;font-size:13px;line-height:1.8;padding:3px;width:100%}#navSteps small{color:#6b7a72;font-size:11px}#navGaps{font-size:11px;line-height:1.9;color:#786446}.nav-note{font-size:11px;line-height:1.9;color:#748477}.nav-destination-action{margin-top:9px;width:100%}#navLocate{color:#2466ad;font-size:24px}#navLocate[aria-pressed=true]{background:#e7f1fb;border-color:#2466ad}@media(max-width:700px){.navigation-panel{padding:16px}.nav-heading h2{font-size:19px}.nav-controls button{min-height:44px}.tabs [role=tab]{font-size:11px;padding-left:9px;padding-right:9px}.nav-endpoint{margin-top:12px}}
.nav-coordinate{font-size:12px;margin-top:8px}.nav-coordinate summary{cursor:pointer;color:#2466ad}.nav-coordinate form{padding-top:12px}.nav-coordinate label{font-size:10px}.nav-coordinate input{width:100%;min-width:0}.nav-coordinate .pair>*{min-width:0}.map-fallback p{overflow-wrap:anywhere}.nav-heading{flex-wrap:wrap}