/* Timeline spine: explicit width + sit behind cards/dots (Tailwind w-0.5 ≈ 2px). */
.page-blog-post-v15-timeline-line {
  width: 2px;
  z-index: 0;
}

/* Equal side columns: Tailwind flex-1 = flex: 1 1 0%; Bootstrap flex-grow-1 alone differs. */
.page-blog-post-v15-timeline-col,
.page-blog-post-v15-timeline-panel {
  flex: 1 1 0%;
  min-width: 0;
}

/* Tailwind w-4 h-4; Bootstrap had no fixed dot size. */
.page-blog-post-v15-timeline-dot {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}