/* Shared timeline primitives — used by Home "Career path" and the case-study ProcessComparison.
   Positioning is owned by each component; these classes own the look (colour, thickness, size, ring). */
:root {
  --timeline-line-width: 1px;
  --timeline-line: var(--border);
  --timeline-dot-size: 10px;
  --timeline-dot: var(--accent);
  --timeline-ring: 8px;
  --timeline-ring-color: var(--accent-muted);
}
.timeline-track { height: var(--timeline-line-width); background: var(--timeline-line); }
.timeline-dot { width: var(--timeline-dot-size); height: var(--timeline-dot-size); border-radius: 50%; background: var(--timeline-dot); box-sizing: border-box; }
.timeline-dot--current { box-shadow: 0 0 0 var(--timeline-ring) var(--timeline-ring-color); }