.jm{padding:34px 28px 18px;background:linear-gradient(180deg,var(--gray-50) 0,var(--white) 100%);overflow:hidden}.jm,.jm-canvas{position:relative}.jm-canvas{width:100%;max-width:1080px;margin:0 auto}.jm-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.jm-ridge-back{fill:color-mix(in srgb,var(--green-600) 7%,var(--white))}.jm-ridge-mid{fill:color-mix(in srgb,var(--green-600) 13%,var(--white))}.jm-ridge-front{fill:color-mix(in srgb,var(--green-600) 19%,var(--white))}.jm-ridge-facet{fill:color-mix(in srgb,var(--green-700) 6%,transparent)}.jm-trail{fill:none;stroke:var(--gray-300);stroke-width:2;stroke-dasharray:2 7;stroke-linecap:round}.jm-progress{fill:none;stroke:var(--green-600);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.45,0,.2,1)}.jm-flag line{stroke:var(--gray-700);stroke-width:2;stroke-linecap:round}.jm-flag path{fill:var(--apricot-400)}.jm-station{position:absolute;z-index:2;width:0;height:0;padding:0;border:0;background:none;cursor:pointer}.jm-station:focus-visible{outline:none}.jm-station:focus-visible .jm-dot{outline:2px solid var(--green-600);outline-offset:3px}.jm-dot{position:absolute;left:0;top:0;width:48px;height:48px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--white);border:2px solid var(--gray-200);color:var(--gray-500);box-shadow:0 2px 6px rgba(0,0,0,.06);transition:background .25s,border-color .25s,color .25s,transform .25s}.jm-dot svg{width:22px;height:22px}.jm-station:hover .jm-dot{border-color:var(--green-600);color:var(--green-700);transform:translate(-50%,-50%) scale(1.06)}.jm-station.is-past .jm-dot{background:color-mix(in srgb,var(--green-600) 10%,var(--white));border-color:color-mix(in srgb,var(--green-600) 55%,transparent);color:var(--green-700)}.jm-station.is-active .jm-dot{background:var(--green-600);border-color:var(--green-600);color:var(--white);box-shadow:0 0 0 6px color-mix(in srgb,var(--green-600) 16%,transparent);transform:translate(-50%,-50%) scale(1.08)}.jm-num{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--gray-900);color:var(--white);font-family:var(--font-mono);font-size:10px;line-height:18px;text-align:center}.jm-station.is-active .jm-num{background:var(--apricot-400);color:var(--gray-900)}.jm-label{position:absolute;left:0;top:34px;transform:translateX(-50%);white-space:nowrap;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-700);transition:color .25s}.jm-station.is-active .jm-label{color:var(--green-700);font-weight:700}.jm-here{position:absolute;left:0;bottom:34px;transform:translateX(-50%);padding:4px 9px;border-radius:var(--radius-pill);background:var(--gray-900);color:var(--white);font-family:var(--font-body);font-size:11px;font-weight:600;white-space:nowrap;animation:jmDrop .35s cubic-bezier(.3,1.3,.5,1) both}.jm-here:after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;background:inherit;transform:translateX(-50%) rotate(45deg)}@keyframes jmDrop{0%{opacity:0;transform:translate(-50%,-6px)}}.jm-station.is-summit .jm-here{left:auto;right:30px;bottom:-12px;transform:none}.jm-station.is-summit .jm-here:after{left:auto;right:-3px;bottom:50%;transform:translateY(50%) rotate(45deg)}.jm-station.is-summit .jm-here{animation-name:jmFade}@keyframes jmFade{0%{opacity:0}}@media (max-width:639px){.jm{padding:26px 12px 10px}.jm-dot{width:38px;height:38px}.jm-dot svg{width:18px;height:18px}.jm-num{min-width:16px;height:16px;line-height:16px;font-size:9px;top:-4px;right:-4px}.jm-label{display:none;top:28px;font-size:10px}.jm-station.is-active .jm-label{display:block}.jm-here{bottom:28px;font-size:10px;padding:3px 8px}.jm-station.is-summit .jm-here{right:26px}.jm-label.is-left{top:30px;left:auto;right:24px;bottom:auto;transform:none}}@media (prefers-reduced-motion:reduce){.jm-dot,.jm-progress{transition:none}.jm-here{animation:none}}