/* Vertical timeline for the Work page — matches the coder theme, light + dark */
.timeline { position: relative; margin: 2.4rem 0 3.2rem; padding-left: 2.6rem; border-left: 2px solid #e0e0e0; }
.timeline-item { position: relative; margin-bottom: 2.6rem; }
.timeline-item:last-child { margin-bottom: 0; }
.timeline-item::before {
  content: ""; position: absolute; left: -3.35rem; top: .5rem;
  width: 1.1rem; height: 1.1rem; border-radius: 50%;
  background: #1565c0; border: 2px solid #fff;
}
.timeline-period { font-size: 1.3rem; color: #757575; text-transform: uppercase; letter-spacing: .06em; }
.timeline-role { font-size: 1.9rem; font-weight: 700; color: #212121; margin: .2rem 0; font-family: Lato, Helvetica, sans-serif; }
.timeline-org { font-size: 1.5rem; color: #424242; }
.timeline-desc { font-size: 1.5rem; margin-top: .6rem; line-height: 1.6; }

/* dark mode */
body.colorscheme-dark .timeline { border-color: #424242; }
body.colorscheme-dark .timeline-item::before { border-color: #212121; }
body.colorscheme-dark .timeline-role { color: #dadada; }
body.colorscheme-dark .timeline-org { color: #bdbdbd; }
@media (prefers-color-scheme: dark) {
  body.colorscheme-auto .timeline { border-color: #424242; }
  body.colorscheme-auto .timeline-item::before { border-color: #212121; }
  body.colorscheme-auto .timeline-role { color: #dadada; }
  body.colorscheme-auto .timeline-org { color: #bdbdbd; }
}