/* Infinite retention: page-only additions on top of pages.css */

/* benefit cards with the original 3D icons */
.ir-icon { width: 60px; height: 60px; margin: -6px 0 22px -6px; display: block; }

/* historical-context grid: plain cards, not links */
.ir-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.ir-grid .card { padding: 28px; }
.ir-grid h3 { font-size: 18px; font-weight: 600; letter-spacing: -0.02em; margin-bottom: 10px; }
.ir-grid p { font-size: 14.5px; line-height: 1.6; color: var(--fg-2); }
.ir-grid .ir-num { display: block; margin-bottom: 22px; font-family: var(--mono); font-size: 12px; letter-spacing: .1em; color: var(--accent); }

/* related capabilities: the current page's card is not a link */
.more .ir-here { display: flex; flex-direction: column; padding: 28px; border-color: rgba(19,233,137,.35); }
.ir-here-tag { margin-top: 20px; font-family: var(--mono); font-size: 12.5px; color: var(--accent); }
.ir-more-cta { display: flex; justify-content: center; margin-top: 40px; }


@media (max-width: 1120px) {
  .ir-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .ir-grid { grid-template-columns: minmax(0, 1fr); }
  .ir-grid .card, .more .ir-here { padding: 26px; }
}

/* final CTA stats: numbers as big gradient figures */
.ir-stats span { font-family: inherit; font-size: clamp(34px, 3.6vw, 44px); line-height: 1; font-weight: 600; letter-spacing: -0.04em; text-transform: none; color: var(--accent); }
.ir-stats b { margin-top: 10px; font-size: 15px; color: var(--fg-2); }

/* Light skin: small green text uses --mint (≥4.5:1 on the light surfaces); --accent stays for dots, fills,
   borders and large numbers. Light only, so the dark skin is unchanged. */
:root[data-theme="light"] .ir-grid .ir-num,
:root[data-theme="light"] .ir-here-tag,
:root[data-theme="light"] /* final CTA stats: numbers as big gradient figures */
.ir-stats span { color: var(--mint); }