.route-flow{display:flex;gap:1rem;overflow-x:auto;padding:.25rem}
.route-step{min-width:170px;border-top:4px solid var(--sector-color,#6c757d);border-radius:.5rem;background:#f8f9fa;padding:1rem;position:relative}
.route-step:not(:last-child)::after{content:'›';position:absolute;right:-.75rem;top:40%;font-size:1.5rem;color:#adb5bd}
.timeline{border-left:2px solid #dee2e6;margin-left:1rem;padding-left:1.5rem}
.timeline-entry{position:relative;padding:0 0 1.5rem}
.timeline-entry::before{content:'';position:absolute;width:.75rem;height:.75rem;border-radius:50%;background:#198754;left:-1.94rem;top:.3rem}
@media(max-width:575px){.route-step{min-width:145px}.timeline{margin-left:.4rem}}