/* PR #66 — use the three approved, precomposed history panels directly.
   No browser-side reconstruction of the approved balance. */

.history-section .history-track {
  margin-top: 36px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: start !important;
}

.history-section .history-era {
  display: block !important;
  min-height: 0 !important;
  aspect-ratio: 492 / 694 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  border: 0 !important;
  box-shadow: none !important;
}

.history-section .era-1971 {
  background-image: url('/images/history-1971-approved.png') !important;
}

.history-section .era-1996 {
  background-image: url('/images/history-1996-approved.png') !important;
}

.history-section .era-2026 {
  background-image: url('/images/history-2026-approved.png') !important;
}

/* All year, artwork and caption content is already baked into the approved panels. */
.history-section .history-era > * {
  display: none !important;
}

.history-section > a.text-link[href="/story"] {
  margin-top: 24px !important;
}

.history-section #history-africa-cta {
  margin-top: 16px !important;
}

@media (max-width: 700px) {
  .history-section .history-track {
    margin-top: 30px !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .history-section .history-era {
    width: min(100%, 520px) !important;
    margin-inline: auto !important;
  }

  .history-section > a.text-link[href="/story"] {
    margin-top: 22px !important;
  }

  .history-section #history-africa-cta {
    margin-top: 14px !important;
  }
}