/* Compact, responsive itinerary cards compatible with both ViraWise themes. */
#timeline-box .v13-timeline-note{
  margin:0 0 18px 14px;padding:9px 14px;border-radius:12px;
  border:1px solid rgba(96,165,250,.25);background:rgba(59,130,246,.1);
  color:#bed7ef;font-size:.78rem;line-height:1.55
}
#timeline-box .v13-timeline-item{
  position:relative;display:grid;grid-template-columns:90px minmax(0,1fr);
  gap:16px;margin:0 0 15px 14px;align-items:start
}
#timeline-box .v13-timeline-item::before{
  content:"";position:absolute;left:-19px;top:14px;width:10px;height:10px;
  background:#34d399;border:2px solid #0b1120;border-radius:50%
}
#timeline-box .v13-timeline-hour{font-size:1rem;font-weight:900;letter-spacing:-.02em;color:#93c5fd;padding-top:12px;font-variant-numeric:tabular-nums}
#timeline-box .v13-timeline-body{min-width:0;padding:15px 17px;background:rgba(17,30,48,.75);border-radius:16px;border:1px solid rgba(148,163,184,.2)}
#timeline-box .v13-timeline-body h4{font-size:.98rem;font-weight:800;color:#f8fafc;margin:0 0 7px;overflow-wrap:anywhere}
#timeline-box .v13-timeline-body p{font-size:.85rem;line-height:1.6;margin:0;color:#becde0;overflow-wrap:anywhere}
#timeline-box .v13-timeline-place{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(148,163,184,.2);font-size:.79rem;color:#a7f3d0}
#timeline-box .v13-timeline-place span{flex:1;min-width:0;overflow-wrap:anywhere}
#timeline-box .v13-timeline-place a{color:#86efac;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
html[data-theme="light"] #timeline-box .v13-timeline-body{background:#f8fafc}
html[data-theme="light"] #timeline-box .v13-timeline-body h4{color:#0f172a}
html[data-theme="light"] #timeline-box .v13-timeline-body p{color:#334155}
html[data-theme="light"] #timeline-box .v13-timeline-place{color:#166534}
html[data-theme="light"] #timeline-box .v13-timeline-place a{color:#047857}
html[data-theme="light"] #timeline-box .v13-timeline-note{color:#1e3a8a}
@media(max-width:640px){
  #timeline-box .v13-timeline-item{grid-template-columns:1fr;gap:5px;margin-left:14px}
  #timeline-box .v13-timeline-hour{padding-top:0;font-size:.86rem}
  #timeline-box .v13-timeline-body{padding:12px 14px;border-radius:14px}
}
@media(prefers-reduced-motion:reduce){
  #timeline-box .v13-timeline-item{animation:none!important;transition:none!important}
}