.journey{max-width:680px;margin:14px auto 0;padding:18px;background:#f5f9fd;border:1px solid #d7e3ee;border-radius:20px;color:#334d65;overflow:hidden}.journey-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.journey-heading h2{font-size:17px;letter-spacing:.03em}.journey-tag{font-size:10px;color:#75899b;letter-spacing:.08em}.journey-miles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:10px}.journey-miles>div+div{border-left:1px solid #dfe9f2;padding-left:16px}.journey-miles span{display:block;font-size:11px;color:#75899b}.journey-miles strong{font-size:26px;font-weight:750;letter-spacing:-.03em;line-height:1.4;font-variant-numeric:tabular-nums}.journey-miles small{font-size:11px;font-weight:400;letter-spacing:0;margin-left:5px}.journey-progress{height:4px;background:#e0eaf3;border-radius:4px;overflow:hidden;margin-bottom:12px}.journey-progress>span{display:block;height:100%;background:#719abd;border-radius:4px}.journey-map{position:relative;background:#91bbc0;border:1px solid #adc4d2;border-radius:12px;overflow:hidden}.journey-svg{display:block;width:100%;height:290px;touch-action:none;cursor:grab;outline-offset:-4px!important;user-select:none;-webkit-user-select:none}.journey-svg:active{cursor:grabbing}.journey-route-done{fill:none;stroke:#cf4d40;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.journey-controls{position:absolute;top:9px;right:9px;display:grid;gap:4px}.journey-controls button,.journey-reset button{display:grid;place-items:center;background:#f6faffed;color:#476780;border:1px solid #adc4d680;border-radius:7px;width:32px;height:32px;font-size:20px;box-shadow:0 1px 3px #304b4914}.journey-controls button:hover,.journey-reset button:hover{background:#ffffff}.journey-controls button:disabled{opacity:.45;cursor:default}.journey-reset{position:absolute;bottom:8px;left:8px;display:flex;gap:5px}.journey-reset button{width:auto;height:28px;font-size:10px;padding:0 9px}.journey-locations{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 8px}.journey-locations>div{min-width:0}.journey-locations span{font-size:10px;color:#75899b;display:block;margin-bottom:3px}.journey-locations strong{font-size:13px;line-height:1.5;display:block;overflow-wrap:anywhere}.journey-locations small{display:block;font-size:10px;color:#75899b;line-height:1.5;margin-top:2px}.journey-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:9px;color:#75899b;align-items:center}.journey-legend i{width:16px;height:0;border-top:2px solid #cf4d40;display:inline-block;vertical-align:middle;margin-right:4px}.journey-legend .capital-key{color:#cf4d40}.journey-meta{display:flex;justify-content:space-between;gap:8px;font-size:9px;line-height:1.6;color:#8497a8;margin-top:7px}.journey-meta a{color:inherit}.journey-label{fill:#354e47;paint-order:stroke;stroke:#f9f6df;stroke-width:3px;stroke-linejoin:round;font-family:system-ui,sans-serif}.journey-error{font-size:12px;margin:12px 0 0;color:#a24e40}@media(max-width:760px){.journey{padding:14px;margin-top:12px;border-radius:18px}.journey-heading{margin-bottom:10px}.journey-heading h2{font-size:16px}.journey-miles strong{font-size:24px}.journey-miles{gap:12px;margin-bottom:8px}.journey-miles>div+div{padding-left:12px}.journey-svg{height:236px}.journey-locations{gap:10px}.journey-tag{font-size:9px}.journey-meta{font-size:8px}.journey-controls button{width:30px;height:30px}}

.journey-visited{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 10px;font-size:11px;color:#75899b}.journey-visited strong{font-size:20px;font-weight:750;color:#334d65;font-variant-numeric:tabular-nums}.journey-visited small{font-size:11px;font-weight:400;color:#75899b}