.timeline {
  border-left: 8px solid var(--coral);
  margin: var(--space-5) 0;
  padding-left: 20px;
  display: grid;
  gap: 20px;
}

.timeline h3 {
  margin-bottom: 4px;
  font-size: 1.25rem;
}

.fact-grid {
  display: grid;
  gap: 16px;
}

@media (min-width: 700px) {
  .fact-grid { grid-template-columns: 1fr 1fr; }
}

.fact-grid article {
  background: var(--cream);
  border: var(--border);
  box-shadow: var(--shadow-sm);
  border-left: 8px solid var(--cobalt);
  padding: 16px;
}