.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; }


/* =========================
   DARK MODE (Itinerary)
   ========================= */
html[data-theme="dark"] .day-block{
  background:#0b1220;
  border:1px solid #111827;
}
html[data-theme="dark"] .timeline:before{ background:#1f2937; }
html[data-theme="dark"] .timeline-item .time{ color:#9ca3af; }
html[data-theme="dark"] .timeline-item:after{
  background:#0b1220; border-color:#334155;
}
html[data-theme="dark"] .transport{ color:#cbd5e1; }
html[data-theme="dark"] .tip{ color:#34d399; }