/* Timeline acessível — substitui os divs com position:absolute/top:% do site antigo */
.timeline {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
  max-width: 720px;
  margin: 0 auto;
}
.timeline__item {
  display: flex;
  align-items: baseline;
  gap: var(--sp-4);
  background: var(--white);
  border-radius: var(--radius-md);
  padding: var(--sp-3) var(--sp-4);
  box-shadow: 0 4px 20px rgba(0,0,0,.06);
}
.timeline__year {
  font-family: var(--font-display);
  font-size: var(--fs-lg);
  color: var(--gray-500);
  min-width: 5rem;
}
.timeline__body h3 { margin-bottom: .15rem; }
.timeline__body p { color: var(--gray-600); }

@media screen and (max-width: 600px) {
  .timeline__item { flex-direction: column; gap: .25rem; }
}