.route-intro{margin:0 0 10px;color:#b7cce7}.route-example{font-size:12px;color:#a8c0e0;margin:8px 0 12px}.route-origin{display:flex;gap:10px;align-items:center;margin-bottom:12px}.route-origin select{flex:1;min-width:0}.native-route-host .imo-v3-route{margin:0;padding:15px;border-radius:18px;background:#121e30;border-color:#435b7a;overflow:hidden}.native-route-host h3{margin:0 0 10px;font-size:20px}.native-route-host .imo-v3-endpoints{line-height:1.6}.native-route-host .imo-mode-options{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;gap:8px}.native-route-host .imo-mode-options button{flex:0 0 auto;min-width:76px;white-space:nowrap;scroll-snap-align:start}.native-route-host .imo-mode-status:empty{display:none}.native-route-host .imo-v3-option summary{line-height:1.7}.native-route-host .imo-v3-legs{padding-left:20px}.native-route-host .imo-v3-leg{margin:15px 0;padding-left:12px;line-height:1.7}.native-route-host .imo-v3-leg strong{font-size:16px}.native-route-host .imo-v3-note{font-size:12px}.native-route-host button.imo-v3-link{margin-top:8px}.route-place{margin:16px 0 0;border:1px solid #405672;border-radius:14px;overflow:hidden;background:#14243a}.route-photo-crop{position:relative;aspect-ratio:757/379;overflow:hidden;background:#17253a}.route-photo-crop img{position:absolute;width:124.835%;max-width:none;height:auto;left:-12.417%;top:-181.003%}.route-place figcaption{font-size:12px;padding:8px 12px;color:#b8cce4}.route-map-heading{display:flex;align-items:center;gap:12px}.route-map-heading p{margin:0;color:#add2ff;font-size:12px}.route-map-heading h2{font-size:19px;margin:2px 0;line-height:1.4}.route-mode-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:14px;background:#286aff;font-size:26px}.route-map-canvas{position:relative;border-radius:18px;overflow:hidden;margin-top:12px}.route-map-canvas svg{width:100%;display:block}.map-origin,.map-destination{position:absolute;max-width:45%;font-size:12px;line-height:1.4;padding:5px 8px;background:white;color:#23334c;box-shadow:0 2px 6px #1c32481c;border-radius:6px}.map-origin{left:4%;top:78%}.map-destination{right:3%;top:14%}.route-instruction{padding:15px;margin-top:12px;border:1px solid #405a7f;border-radius:16px;background:#142740}.route-instruction>span{font-size:12px;color:#80c9ff}.route-instruction strong{display:block;font-size:19px;margin-top:6px;line-height:1.5}.route-instruction p{font-size:13px;color:#bed1ea;margin:8px 0}.route-progress-dots{display:flex;gap:6px;margin-top:12px}.route-progress-dots i{height:4px;flex:1;border-radius:4px;background:#344b68}.route-progress-dots i.active{background:#6dd7ff}@media(max-width:360px){.native-route-host .imo-v3-route{padding:12px}.route-map-canvas{max-height:225px}.route-map-canvas svg{height:225px}.route-map-heading h2{font-size:17px}}