/* =========================================================
   RACE DETAILS PAGE ONLY
   Loaded only on race event / race detail views.
   Does NOT load on Home or other pages.
   ========================================================= */

/* Light boxes (no blue fill), all 4 in one row: Distance → Year */
body.race-details-page .race-full-facts {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 0 28px !important;
}

body.race-details-page .race-fact {
  background: var(--off-white, #f8fafc) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  border: 1px solid var(--gray-200, #e2e8f0) !important;
  border-left: 4px solid #0c3c7e !important;
  box-shadow: none !important;
  min-width: 0 !important;
}

body.race-details-page .race-fact span {
  display: block !important;
  font-size: 0.75rem !important;
  color: #64748b !important;
  margin-bottom: 4px !important;
}

body.race-details-page .race-fact strong {
  color: #0c3c7e !important;
  font-size: 0.95rem !important;
}

@media (max-width: 768px) {
  body.race-details-page .race-full-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 480px) {
  body.race-details-page .race-full-facts {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }
}