.resume-timeline{--rail-x:6px;--rail-pad:34px;padding-left:var(--rail-pad);position:relative}.resume-timeline:before,.resume-timeline:after{content:"";top:10px;bottom:10px;left:var(--rail-x);border-radius:2px;width:2px;position:absolute}.resume-timeline:before{background:var(--line)}.resume-timeline:after{background:linear-gradient(180deg, var(--signal), var(--tone-lilac) 70%, var(--tone-ice));transform-origin:top;transform:scaleY(var(--rail,1))}.resume-timeline .resume-role{position:relative}.resume-timeline .resume-role:first-child{margin-top:18px}.resume-timeline .resume-role:before{content:"";top:6px;left:calc(var(--rail-x) - var(--rail-pad) - 5px);border:2px solid var(--line);background:var(--bg);width:12px;height:12px;transition:border-color var(--motion-state) var(--motion-precise), background-color var(--motion-state) var(--motion-precise), box-shadow var(--motion-state) var(--motion-precise);border-radius:50%;position:absolute}.resume-timeline .resume-role[data-reached]:before{border-color:var(--signal);background:var(--signal);box-shadow:0 0 0 4px var(--accent-soft)}.resume-timeline .resume-role>.muted{font-size:15px}.resume-timeline .resume-role h3{transition:color var(--motion-state) var(--motion-precise)}.resume-timeline[data-rail=live] .resume-role:not([data-reached]) h3{color:var(--muted)}@media (max-width:600px){.resume-timeline{--rail-x:5px;--rail-pad:24px}}@media (prefers-reduced-motion:reduce){.resume-timeline:after{transform:none}.resume-timeline .resume-role:before,.resume-timeline .resume-role h3{transition:none}}@media print{.resume-timeline:after{transform:none}.resume-timeline .resume-role h3{color:inherit!important}}