.timeline {
  margin-top: 12px;
}

.timeline-item {
  padding-left: 16px;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  padding-bottom: 20px;
}

.timeline-item:last-child {
  padding-bottom: 0;
}

.timeline-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
}

.timeline-date {
  font-size: 12px;
  color: var(--muted2);
  white-space: nowrap;
}

.timeline-role {
  color: var(--muted);
  margin-top: 2px;
}

.timeline-desc {
  margin-top: 6px;
  font-size: 12px;
  color: var(--muted2);
}