.draw-timeline{--timeline-endpoint-width:76px;position:relative;display:flex;align-items:stretch;gap:8px;min-width:0;margin:-8px 0 20px}
.draw-timeline-endpoint{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:0 0 var(--timeline-endpoint-width);min-width:0;min-height:64px;margin-bottom:11px;padding:7px 5px;border:1px solid var(--accent-border);border-radius:11px;background:var(--accent-soft);color:var(--accent);font-size:10px;line-height:1.35;font-weight:650;text-align:center}
.draw-timeline-endpoint .icon{width:17px;height:17px}
.draw-timeline-track{min-width:0;flex:1;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;scroll-padding-inline:8px}
.draw-timeline-track::-webkit-scrollbar{display:none}
.draw-timeline ol{position:relative;display:flex;gap:6px;width:max-content;min-width:100%;padding:0;margin:0;list-style:none}
.draw-timeline:before{content:"";position:absolute;bottom:4px;left:calc(var(--timeline-endpoint-width)/2);right:calc(var(--timeline-endpoint-width)/2);height:1px;background:var(--line)}
.draw-timeline-endpoint:after{content:"";position:absolute;bottom:-10px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--accent)}
.draw-timeline-history{border-color:var(--line);background:var(--surface);color:var(--muted)}
.draw-timeline-history:after{background:var(--line)}
.draw-timeline li{position:relative;flex:0 0 76px;min-width:0;padding-bottom:11px}
.draw-timeline li a{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;padding:6px 7px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--muted);text-align:center;line-height:1.25}
.draw-timeline li a:after{content:"";position:absolute;bottom:-10px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--line)}
.draw-timeline-weekday{font-size:9px;text-transform:capitalize}
.draw-timeline time{display:flex;flex-direction:column;gap:2px}
.draw-timeline strong{font-size:13px;font-weight:650;color:var(--ink);white-space:nowrap}
.draw-timeline small{font-size:9px}
.draw-timeline li a.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.draw-timeline li a.is-active strong{color:var(--accent)}
.draw-timeline li a.is-active:after{background:var(--accent)}
.draw-timeline a:hover{border-color:var(--accent-border)}
.draw-timeline a:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
@media(max-width:600px){.draw-timeline{--timeline-endpoint-width:68px;gap:6px;margin-bottom:16px}.draw-timeline li{flex-basis:68px}.draw-timeline strong{font-size:12px}}