.day-timeline{padding:0 48px 160px;}
.day-timeline-head{max-width:640px;margin:0 auto;padding-bottom:48px;text-align:center;}
.day-timeline-head h2{font-family:Georgia,"Noto Serif","Times New Roman",serif;font-style:italic;font-weight:500;font-size:clamp(28px,4vw,42px);margin-bottom:14px;}
.day-timeline-head p{color:var(--taupe);font-size:15px;line-height:1.7;}
.day-timeline-row{
  max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);
  position:relative;
}
.day-timeline-row::before{
  content:"";position:absolute;top:22px;left:6%;right:6%;height:1px;background:var(--line);z-index:0;
}
.day-step{position:relative;z-index:1;text-align:center;padding:0 16px;}
.day-step .time{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);
  font-size:11px;font-weight:700;color:var(--accent);margin-bottom:20px;
}
.day-step h3{font-size:16px;font-weight:600;margin-bottom:8px;}
.day-step p{font-size:13px;color:var(--taupe);line-height:1.6;}

@media (max-width:860px){
  .day-timeline{padding:0 20px 100px;}
  .day-timeline-row{grid-template-columns:1fr;gap:32px;}
  .day-timeline-row::before{display:none;}
  .day-step{text-align:left;display:flex;gap:16px;align-items:flex-start;padding:0;}
  .day-step .time{margin-bottom:0;flex-shrink:0;}
}