/* An area-to-area road explorer, scoped away from the forecast maps. */
.journey-map{min-width:0;margin:0 0 24px;color:#dce7e7;font-family:var(--sans,Inter,Arial,sans-serif)}
.journey-map-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.journey-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:20px;min-width:0}
.journey-origin-field{min-width:0;padding:0;margin:0;border:0}
.journey-origin-field legend,.journey-destination-copy>span,.journey-destination-select>span{display:block;margin:0 0 9px;padding:0;color:#9fb5bb;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.02em}
.journey-origin-buttons{display:flex;flex-wrap:wrap;gap:6px}
.journey-map .journey-origin-buttons button{min-height:36px;min-width:0;margin:0;padding:8px 11px;border:1px solid #ffffff2e;border-radius:99px;background:#102b33;color:#c7d6d9;font:500 12px/1.4 var(--sans,Inter,Arial,sans-serif);cursor:pointer}
.journey-map .journey-origin-buttons button:hover{border-color:#d8bc8c88;color:#f3e7d0}
.journey-map .journey-origin-buttons button[aria-pressed="true"]{border-color:#d5b67c;background:#d5b67c;color:#0c242b}
.journey-map[data-journey-map="arrival"] .journey-origin-buttons button{min-height:44px}
.journey-destination-copy strong{display:block;color:#edf3ef;font-size:17px;font-weight:500;line-height:1.4;letter-spacing:-.02em}
.journey-destination-copy small{display:block;margin-top:5px;color:#a9bec4;font-size:11px;line-height:1.5}
.journey-destination-select{display:block;min-width:0;max-width:360px}
.journey-map .journey-destination-select select{width:100%;min-height:42px;padding:10px 35px 10px 12px;border:1px solid #ffffff2c;border-radius:7px;background-color:#0d2932;color:#e4eeee;font:400 13px/1.5 var(--sans,Inter,Arial,sans-serif)}
.journey-map-frame{position:relative;isolation:isolate;min-width:0;overflow:hidden;border:1px solid #ffffff26;border-radius:16px;background:#14313a}
.journey-map .journey-map-surface{width:100%;height:380px;min-width:0;background:#14313a;background-image:none!important;z-index:0}
.journey-local-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.journey-map-tools{position:absolute;right:10px;top:10px;z-index:500;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:calc(100% - 65px);pointer-events:none}
.journey-map .journey-map-tools button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #d5e7e24d;border-radius:7px;background:#0a252fee;color:#f2f7f5;box-shadow:0 2px 10px #0002;font:500 10px/1.4 var(--sans,Inter,Arial,sans-serif);cursor:pointer;pointer-events:auto}
.journey-map .journey-map-tools button[hidden]{display:none}
.journey-map-tools button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.journey-map button:focus-visible,.journey-map select:focus-visible,.journey-map a:focus-visible{outline:2px solid #ecd9b4;outline-offset:3px}
.journey-map-surface:focus-visible{outline:2px solid #ecd9b4;outline-offset:-4px}
.journey-map .leaflet-container{font-family:var(--sans,Inter,Arial,sans-serif);background:#14313a}
.journey-map .leaflet-tile-pane .leaflet-tile{filter:saturate(.55) brightness(.89)}
.journey-map .leaflet-control-zoom{border:1px solid #b6d0d04d!important;border-radius:7px;overflow:hidden;box-shadow:0 2px 10px #0002}
.journey-map .leaflet-control-zoom a{width:30px;height:30px;background:#0a252fee;color:#eef5f3;border-color:#ffffff25;font-weight:400;line-height:30px;text-decoration:none}
.journey-map .leaflet-control-zoom a:hover{background:#173c47;color:white}
.journey-map .leaflet-control-attribution{max-width:100%;margin:0;padding:3px 6px;background:#e7efedeb;color:#1b363e;font:400 9px/1.4 var(--sans,Inter,Arial,sans-serif)}
.journey-map .leaflet-control-attribution a{color:#234b54;text-decoration:underline;text-underline-offset:2px}
.journey-map .leaflet-tooltip.journey-place-label{padding:4px 6px;border:1px solid #d3e4e244;border-radius:4px;background:#0b2932ed;box-shadow:0 1px 5px #0003;color:#eef4f2;font:500 10px/1.4 var(--sans,Inter,Arial,sans-serif);white-space:nowrap}
.journey-map .leaflet-tooltip.journey-camp-label{color:#f2d69b;border-color:#d7b77b88}
.journey-map .leaflet-tooltip:before{display:none}
.journey-truck-marker{background:none;border:0}
.journey-truck-shell{display:grid;place-items:center;width:27.6px;height:31.2px;filter:drop-shadow(0 1px 2px #0008)}
.journey-truck-svg{display:block;width:16.8px;height:24px;overflow:visible;transform-origin:50% 50%}
.journey-map .journey-route-description{margin-top:14px}
.journey-map .journey-time-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:0}
.journey-map .journey-drive-estimate,.journey-map .journey-drive-distance{display:inline-flex;align-items:center;gap:8px;color:#edf3ef;white-space:nowrap}
.journey-map .journey-time-row svg{width:19px;height:19px;fill:none;stroke:#d7b77b;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex:none}
.journey-map .journey-time-row b{font-size:14px;font-weight:500;line-height:1.5}
.journey-map .journey-route-quote{margin:0;color:#a9bec3;font-size:12px;line-height:1.6}

.journey-map .journey-network-status{margin:10px 0 0;color:#c5d3d4;font-size:11px;line-height:1.6}
.journey-map .journey-network-status[hidden]{display:none}

@media(min-width:1100px){[data-journey-map="overview"] .journey-controls{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:26px}[data-journey-map="overview"] .journey-map-surface{height:400px}}


@media(prefers-reduced-motion:reduce){.journey-map *{scroll-behavior:auto}.journey-truck-svg{transition:none}}

.journey-map .journey-map-surface{position:relative}
.journey-offline-attribution{position:absolute;right:0;bottom:0;max-width:100%;padding:3px 6px;background:#e7efedeb;color:#1b363e;font:400 9px/1.4 var(--sans,Inter,Arial,sans-serif)}
.journey-offline-attribution a{color:#234b54;text-decoration:underline;text-underline-offset:2px}
@media(max-width:600px){.journey-controls{gap:16px;margin-bottom:16px}.journey-origin-buttons{gap:6px}.journey-map .journey-origin-buttons button{min-height:36px;padding:8px 10px;font-size:11px}.journey-destination-copy strong{font-size:16px}.journey-map .journey-map-surface{height:340px}.journey-map-tools{right:7px;top:7px;gap:4px;max-width:calc(100% - 53px)}.journey-map .leaflet-control-zoom{margin-left:7px;margin-top:7px}.journey-map .leaflet-control-zoom a{width:28px;height:28px;line-height:28px}.journey-map .leaflet-tooltip.journey-place-label{font-size:9px;padding:3px 5px}}
@media(max-width:360px){.journey-map .journey-origin-buttons button{font-size:10px;padding:8px 9px}}