/* Timeline (Experience+ Education) */
.timeline { display: flex; flex-direction: column; gap: var(--space-lg); }
.timeline-item {
  display: grid;
  gap: var(--space-2xs);
  padding-left: var(--space-md);
  border-left: 2px solid var(--border-soft);
  position: relative;
}
.timeline-item::before {
  content: "";
  position: absolute;
  left: -0.42rem;
  top: 0.3rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background: var(--flame);
  box-shadow: 0 0 0 0.28rem var(--space);
}
.timeline-date { font-family: var(--font-mono); font-size: 0.78rem; color: var(--sun); }
.timeline-meta { color: var(--bland); font-size: 0.88rem; margin-top: 0.2em; }
.timeline-body h3 { margin-top: 0.2em; }
.timeline-body ul { margin-top: var(--space-xs); display: flex; flex-direction: column; gap: 0.5em; }
.timeline-body li { position: relative; padding-left: 1.1em; font-size: 0.92rem; color: var(--white); }
.timeline-body li::before { content: "✽"; position: absolute; left: 0; color: var(--bland); }
.tag-row { display: flex; flex-wrap: wrap; gap: 0.3em; margin-top: var(--space-sm); align-items: center; }

@media (min-width: 56em) {
  .timeline-item { grid-template-columns: 12rem 1fr; padding-left: var(--space-lg); gap: var(--space-lg); }
}