.jr{--jr-mark:28px;width:100%;max-width:560px;margin:0 auto;padding:0;list-style:none;display:flex}@media (min-width:768px){.jr{--jr-mark:34px}}.jr-stop{text-align:center;flex-direction:column;flex:1 1 0;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.jr-road{top:calc(var(--jr-mark) / 2 - 2px);left:calc(-50% + var(--jr-mark) / 2 + 6px);right:calc(50% + var(--jr-mark) / 2 + 6px);background:var(--color-hairline-strong,#ddd7d0);border-radius:2px;height:4px;position:absolute}.jr-road[data-lit]{background:var(--color-orange,#ff5a1f)}.jr-mark{width:var(--jr-mark);height:var(--jr-mark);place-items:center;display:grid;position:relative}.jr-stud{width:100%;height:100%}.jr-ring{border:3px solid var(--color-hairline-strong,#ddd7d0);background:#fffdfa;border-radius:50%;width:calc(100% - 4px);height:calc(100% - 4px)}.jr-stop[data-state=now] .jr-mark{animation:2.4s ease-in-out infinite jr-breathe}.jr-stop[data-state=now] .jr-mark:after{content:"";pointer-events:none;border-radius:50%;animation:2.4s ease-in-out infinite jr-halo;position:absolute;inset:-6px;box-shadow:0 0 0 3px #ff5a1f33}.jr-label{text-wrap:balance;max-width:100%;color:var(--color-ink-muted,#6b6f76);padding-inline:2px;font-size:13px;font-weight:600;line-height:1.2}@media (min-width:768px){.jr-label{font-size:15px}}.jr-stop[data-state=done] .jr-label{color:var(--color-ink-soft,#5d6168)}.jr-stop[data-state=now] .jr-label{color:var(--color-orange-ink,#b5411a);font-weight:800}.jr-note{color:var(--color-orange-ink,#b5411a);font-variant-numeric:tabular-nums;margin-top:-4px;font-size:12px;font-weight:700}@media (min-width:768px){.jr-note{font-size:13px}}@keyframes jr-breathe{0%,to{scale:1}50%{scale:1.12}}@keyframes jr-halo{0%,to{opacity:.35;scale:.92}50%{opacity:1;scale:1.06}}@media (prefers-reduced-motion:reduce){.jr-stop[data-state=now] .jr-mark,.jr-stop[data-state=now] .jr-mark:after{animation:none}.jr-stop[data-state=now] .jr-mark:after{opacity:1}}