.route-planner{padding:0;border:0;margin:0}.journey-fields{border:1px solid #486077;border-radius:16px;background:#192b3b;overflow:hidden}.endpoint{position:relative;padding:12px 14px;margin:0}.endpoint+.endpoint{border-top:1px solid #3c5165}.endpoint>label{display:flex;align-items:center;gap:8px;font-size:11px;color:#adbed0;line-height:1.3;margin:0 0 1px}.endpoint label i{width:6px;height:6px;background:#91acc9;border-radius:50%}.endpoint label i.point-end{background:#f7d675}.endpoint .row{align-items:center;gap:4px}.endpoint input{border:0;border-radius:5px;background:transparent;padding:7px 0;font-size:16px;height:40px;min-height:40px;color:#f3f5f0;box-shadow:none}.endpoint .row button{border:0;background:transparent;color:#c4d3e2;min-height:44px;width:40px;flex-basis:40px;font-size:27px}.endpoint.is-selected label{color:#e7cd8b}.endpoint.is-selected label:after{content:'✓';margin-left:auto;color:#f7d675}.location-actions{display:flex;gap:5px;margin:8px 0 9px}.location-actions button{border:0;background:transparent;font-size:12px;padding:8px 7px;color:#b9cada;min-height:44px;white-space:nowrap}.location-actions button:hover{background:#213345}.location-actions #swapRoute{font-size:23px;margin-left:auto;padding:6px 12px}.pick-menu{display:flex;gap:8px;padding:6px 0 12px}.pick-menu button{flex:1;font-size:13px;border-color:#8c7b50;color:#f3d48b;background:#302e24}.detour-settings{margin:0 0 12px;padding:0;border-top:0}.detour-settings>summary{font-size:12px;color:#a6bcd0}.detour-settings>summary span{font-size:11px;color:#7f98b0;margin-left:auto;margin-right:8px}.consent{display:flex;gap:8px;align-items:center;font-size:12px;min-height:44px;margin:4px 0;color:#b9c9d8}.consent input{min-height:0;width:17px;height:17px;accent-color:#f7d675}#consentNote{font-size:11px;line-height:1.8;color:#8fa7be}.trip-summary{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:13px;color:#d3e1eb;line-height:1.7}.trip-summary>span{flex:1;overflow-wrap:anywhere}.trip-summary button{font-size:12px;min-height:40px;padding:8px 12px;flex-shrink:0}#routeStatus{font-size:13px;line-height:1.7;margin:0 0 13px;color:#c7b783}#routeStatus:empty{display:none}#routeStatus[data-kind=error]{border:1px solid #9a784b;padding:12px;border-radius:12px;background:#332c24;color:#ffdcad}#routeStatus[data-kind=loading]{padding:14px;background:#1b3043;border:1px solid #385570;border-radius:12px;color:#bcd9f5}#routeStatus[data-kind=loading]:before{content:'';display:inline-block;width:11px;height:11px;border:2px solid #4d6984;border-top-color:#f7d675;border-radius:50%;margin-right:8px;vertical-align:-2px;animation:route-loading .9s linear infinite}.route-submit{display:flex;gap:8px;flex-shrink:0;padding:12px 20px 17px;border-top:1px solid #304354;background:#121d28}.route-submit .primary{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:1;font-size:15px;min-height:50px}.route-submit #clearRoute{font-size:12px;padding:9px 12px;white-space:nowrap}.recommendation-note{font-size:12px;color:#c3d3e1;line-height:1.7;margin:0 0 14px}.route-cards{display:grid;gap:10px}.route-card{display:block;width:100%;text-align:left;background:#1b2d3f;border:1px solid #3d5570;border-radius:16px;padding:15px 16px;margin:0;transition:border-color .2s,background .2s}.route-card:hover{background:#253d52}.route-card[aria-pressed=true]{border:2px solid #f5cf6c;padding:14px 15px;background:#2d3029}.route-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.route-card-heading strong{font-size:13px;font-weight:600;color:#c8d8e6}.route-badge{font-size:10px;border-radius:5px;padding:3px 6px;background:#f7d675;color:#1c2a37;font-weight:700}.route-duration{display:flex;align-items:baseline;gap:12px;font-size:29px;font-weight:750;color:#f0f3ed;letter-spacing:-1px;margin:9px 0}.route-duration small{font-size:14px;font-weight:500;color:#aebfd0;letter-spacing:0}.route-card[aria-pressed=true] .route-duration{color:#ffe09b}.route-extra{font-size:11px;color:#acbed0;display:block;margin:6px 0;line-height:1.6}.route-facilities{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;margin-top:10px;border-top:1px solid #415369;font-size:12px;color:#bdcddd}.route-facilities strong{font-size:14px;color:#edf4ef}.selected-detail,#routeDirections{padding:0;border:1px solid #344e66;background:#182a3b;border-radius:13px;margin-top:14px;overflow:hidden}.selected-detail>summary,#routeDirections>summary{padding:12px 14px;min-height:49px;font-size:13px}.selected-detail>p{padding:0 14px;font-size:11px;line-height:1.8}#selectedMetrics{padding:0 14px}.metric-row{display:grid;grid-template-columns:1fr auto;gap:5px;margin:13px 0;color:#bdcddd;font-size:12px}.metric-row strong{font-size:13px;color:#f3da9d}.metric-track{display:block;grid-column:span 2;height:4px;background:#4b657733;border-radius:8px;overflow:hidden}.metric-track i{display:block;height:100%;width:var(--fraction);background:#e1c16e}#routeSelectedInfo{font-size:11px;line-height:1.8;color:#96aec4}#directions{padding:0 16px 10px 39px;margin:0;font-size:13px;line-height:1.9;color:#d5e1eb}#directions li{padding:11px 0;border-top:1px solid #344a61}.original-directions{margin:0;padding:0 14px 10px;border-top:1px solid #30485f}.original-directions summary{font-size:11px;color:#91aac0}.original-directions ol{font-size:12px;line-height:1.8;color:#91aac0;padding-left:20px}.route-evidence{margin-top:13px;padding-top:2px}.route-evidence summary{font-size:11px;color:#8fa9bf}.route-evidence p{font-size:11px}.has-results #routeStatus[data-kind=success]{display:none}.has-results .desktop-panel-title h1{font-size:22px}@keyframes route-loading{to{transform:rotate(360deg)}}
@media(max-width:760px){.endpoint{padding:9px 12px}.route-submit{padding:10px 18px 12px}.route-submit .primary{min-height:48px;font-size:14px}.location-actions button{font-size:11px}.route-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:2px 1px 10px;scrollbar-width:thin;scrollbar-color:#75663f #192938;margin-right:-18px;padding-right:18px}.route-card{flex:0 0 80%;scroll-snap-align:start;padding:14px}.route-card[aria-pressed=true]{padding:13px}.route-cards:has(.route-card:only-child) .route-card{flex-basis:100%}.route-duration{font-size:28px;margin:7px 0}.recommendation-note{font-size:12px;margin-bottom:10px}.trip-summary{font-size:12px;margin-bottom:7px}.trip-summary button{min-height:36px}.route-extra{font-size:11px}.has-results .route-evidence{margin-bottom:3px}}