.amap-stop-content{position:relative;width:24px;height:24px;overflow:visible;cursor:pointer;outline:0}.amap-stop-content .stop-dot{pointer-events:none}.amap-stop-content.is-active .stop-dot{left:0;top:0;width:25px;height:25px;font-size:12px;border-width:2px;box-shadow:0 0 0 1px #fff,0 2px 6px #0004}.amap-stop-content.is-active .stop-label{font-weight:650}.amap-stop-content:focus-visible .stop-dot{outline:3px solid #16779e;outline-offset:4px}.amap-stop-content .stop-label{pointer-events:auto}.map-panel .amap-info-content{padding:18px 20px 22px;border-radius:10px;box-shadow:0 4px 24px #2038442b;max-width:calc(100vw - 100px)}.map-panel .amap-info-close{font-size:21px;right:8px;top:7px}.map-panel .amap-info-content .real-popup p{margin:10px 0}.map-panel .amap-logo{z-index:650}.map-panel .amap-copyright{z-index:650;max-width:100%;font-size:10px}.map-panel .amap-scalecontrol{z-index:650}.map-panel .amap-info{z-index:850}.map-stage{height:590px}.map-controls{z-index:750}.map-toolbar{z-index:750}.basemap-status{z-index:700}.map-panel .amap-container{font-family:inherit!important}.map-panel .amap-layer img{max-width:none!important}.map-panel .amap-info-sharp{filter:drop-shadow(0 1px 1px #20384420)}@media(max-width:1100px){.map-stage{height:540px}}@media(max-width:800px){.map-stage{height:475px}}@media(max-width:520px){.map-stage{height:435px}.map-panel .amap-info-content{padding:15px 17px 20px}.map-panel .amap-copyright{font-size:9px}.map-panel .amap-info-content .real-popup{max-width:220px}}

.routing-progress{padding:10px 20px;font-size:12px;line-height:1.6;color:#516774;background:#f4f7f9;border-top:1px solid #e0e5e8}.map-expanded .routing-progress{flex-shrink:0}#road-detail{padding-bottom:8px}#road-detail details{font-size:13px}

.route-metric{position:relative;width:216px;min-height:66px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--leg-color),white 35%);border-top:3px solid var(--leg-color);border-radius:7px;background:#fffffff7;box-shadow:0 3px 12px #142d4028;color:#223c49;text-align:left;cursor:pointer;font-family:inherit;line-height:1.45}.route-metric[hidden]{display:none!important}.route-metric:after{content:"";position:absolute;left:calc(50% - 5px);bottom:-6px;width:10px;height:10px;background:white;transform:rotate(45deg);border-right:1px solid #b2bfc3;border-bottom:1px solid #b2bfc3}.route-metric.is-selected{border-color:var(--leg-color);box-shadow:0 0 0 2px var(--leg-color),0 4px 16px #152e3b33}.metric-heading{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:600}.metric-heading i{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:3px;margin-right:4px;background:var(--leg-color);color:white;font-size:11px;font-style:normal}.metric-heading b{color:var(--leg-color)}.metric-values{display:flex;align-items:baseline;justify-content:space-between;gap:4px;margin-top:5px;white-space:nowrap}.metric-values strong{font-size:16px;color:var(--leg-color)}.metric-values small{font-size:11px;font-weight:500}.metric-values>span{font-size:12px}.route-metric:focus-visible{outline:3px solid #126c9a;outline-offset:3px}.leg-details{display:grid;gap:7px;margin:8px 0 12px}.leg-details button{display:grid;gap:5px;text-align:left;border:1px solid #dce3e7;background:#f7fafb;border-radius:7px;padding:10px 12px;color:#234152;font:inherit;font-size:14px}.leg-details button strong{font-size:13px;color:var(--accent)}.leg-details button:hover{border-color:var(--accent)}.leg-details button:disabled{opacity:.6;cursor:default}

.metric-leader{position:absolute;left:50%;top:100%;height:1px;background:#718796;transform-origin:0 0;pointer-events:none;z-index:-1}.route-metric:after{display:none}

.metric-heading .metric-date{display:inline-block;width:auto;min-width:42px;padding:1px 4px;height:auto;vertical-align:middle;font-size:11px}.segment-photos{padding:14px 18px;background:#fff;border-top:1px solid #dce4e8}.segment-photos[hidden]{display:none}.photo-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.photo-panel-heading span{font-size:12px;color:#607580}.photo-panel-heading h3{font-size:16px;margin:4px 0 0}.photo-panel-heading button{background:#f0f4f6;border:0;border-radius:50%;width:28px;height:28px;font-size:22px;color:#486272}.segment-photo-grid{display:flex;gap:12px;overflow-x:auto}.segment-photo-grid figure{margin:0;flex:1;min-width:145px;max-width:300px}.segment-photo-grid img{width:100%;height:112px;object-fit:cover;display:block;border-radius:7px}.segment-photo-grid figcaption{font-size:12px;padding-top:5px;line-height:1.5}.segment-photo-grid figcaption b{display:block;font-weight:600}.segment-photo-grid figcaption span{display:block;color:#647985;font-size:11px}.segment-photo-grid a{color:inherit}.photo-unavailable{font-size:13px;color:#687e88;margin:0}.map-expanded .segment-photos{flex-shrink:0}.map-expanded .segment-photo-grid img{height:85px}.map-expanded .photo-panel-heading{margin-bottom:8px}.map-expanded .segment-photos{padding:9px 16px}@media(max-width:520px){.segment-photo-grid img,.map-expanded .segment-photo-grid img{height:78px}.segment-photo-grid figure{min-width:125px}.segment-photo-grid figcaption span{font-size:10px}.photo-panel-heading h3{font-size:14px}.segment-photos{padding:10px}.metric-heading .metric-date{font-size:10px}}

.photo-preview{display:block;width:100%;padding:0;border:0;background:#eef3f5;border-radius:7px;cursor:zoom-in;overflow:hidden}.segment-photo-grid img,.map-expanded .segment-photo-grid img{height:120px;object-fit:contain}.segment-photo-grid figcaption b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.segment-photo-grid figcaption span{font-size:12px}.metric-heading .metric-date{font-size:12px}.photo-lightbox{width:min(920px,92vw);max-width:92vw;max-height:90vh;border:0;padding:0;background:#122936;color:white;border-radius:12px;box-shadow:0 15px 60px #0008}.photo-lightbox::backdrop{background:#071922da}.photo-lightbox>img{display:block;width:100%;max-height:68vh;object-fit:contain;background:#0a1c25}.photo-lightbox>div{padding:16px 22px}.photo-lightbox h3{font-size:17px;margin:0 0 7px}.photo-lightbox p{font-size:12px;margin:0;line-height:1.6;color:#c4d2da}.photo-lightbox a{color:inherit}.photo-lightbox-close{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:50%;border:1px solid #ffffff80;background:#122936cc;color:white;font-size:27px;cursor:pointer}@media(max-width:520px){.segment-photo-grid img,.map-expanded .segment-photo-grid img{height:92px}.segment-photo-grid figcaption span{font-size:12px}.metric-heading .metric-date{font-size:12px}.segment-photo-grid figure{min-width:135px}.photo-lightbox>div{padding:12px 16px}}

.leg-details button strong{color:var(--day-text,var(--accent))}.leg-details button:hover{border-color:var(--day-color,var(--accent))}.popup-days button{color:var(--day-text);border-color:var(--day-color)}

.metric-heading .metric-date{color:var(--on-leg)}.metric-heading b,.metric-values strong{color:var(--leg-ink)}.amap-stop-content .stop-dot{color:var(--stop-ink,#fff)}