.timeline{list-style:none;margin:38px 0 0;padding:0;max-width:900px}.timeline li{position:relative;display:grid;grid-template-columns:52px 1fr;gap:25px;padding-bottom:32px}.timeline li:not(:last-child):before{content:'';position:absolute;left:23px;top:46px;bottom:0;width:2px;background:#ccdaff}.timeline-dot{position:relative;display:grid;place-items:center;width:48px;height:48px;border:1px solid #cbd9ff;border-radius:50%;background:white;color:var(--blue);font-size:13px;font-weight:bold}.timeline-time{font-size:11px;letter-spacing:1.2px;font-weight:bold;color:var(--blue);margin:0 0 6px}.timeline h3{font-size:23px;margin:0 0 10px}.timeline p:not(.timeline-time){color:var(--muted);margin:8px 0;max-width:710px}.timeline-highlight{display:inline-block;color:var(--blue);background:#e8efff;padding:9px 13px;border-radius:6px;font-size:14px;margin-top:8px}.timeline li:last-child{padding-bottom:0}@media(max-width:600px){.timeline li{grid-template-columns:40px 1fr;gap:16px}.timeline-dot{width:38px;height:38px}.timeline li:not(:last-child):before{left:18px;top:38px}.timeline h3{font-size:20px}}
.timeline-scroll{overflow-x:scroll;padding:0 0 22px;scrollbar-width:auto;scrollbar-color:var(--blue) #dce5f6;scroll-snap-type:x proximity}.timeline-scroll::-webkit-scrollbar{height:14px}.timeline-scroll::-webkit-scrollbar-track{background:#dce5f6;border-radius:12px}.timeline-scroll::-webkit-scrollbar-thumb{background:var(--blue);border-radius:12px;border:3px solid #dce5f6}.timeline{display:flex;width:max-content;max-width:none;gap:0}.timeline li{display:block;width:320px;flex:0 0 320px;padding:0 28px 0 0;scroll-snap-align:start}.timeline li:not(:last-child):before{left:48px;right:0;top:23px;bottom:auto;width:auto;height:2px}.timeline-dot{margin-bottom:22px}.timeline-time{min-height:34px;font-size:10px}.timeline h3{font-size:22px;line-height:1.25}.timeline p:not(.timeline-time){font-size:14px}.timeline p.fine{font-size:12px}.timeline-highlight{font-size:13px}@media(max-width:600px){.timeline li{width:275px;flex-basis:275px;padding-right:22px}.timeline li:not(:last-child):before{left:38px;top:18px}.timeline h3{font-size:20px}}