.day-block{ padding:1rem; background:var(--bg-soft); border-radius:.5rem; margin-bottom:1rem; }
.timeline{ position:relative; padding-left:2.5rem; }
.timeline:before{
  content:""; position:absolute; left:1rem; top:0; bottom:0; width:2px; background:#e5e7eb;
}
.timeline-item{ position:relative; margin-bottom:1rem; }
.timeline-item .time{
  position:absolute; left:-.5rem; transform:translateX(-100%); width:3.5rem; text-align:right; color:#64748b;
  font-variant-numeric: tabular-nums;
}
.timeline-item .content{
  padding-left:.5rem;
}
.timeline-item:after{
  content:""; position:absolute; left:0.95rem; top:.4rem; width:.6rem; height:.6rem; background:#fff; border:2px solid #94a3b8; border-radius:50%;
}
.transport{ color:#475569; }
.tip{ color:#0f766e; }