/* SASB24 – ajustements discrets des pages Liens et Ludique.
   Conserve les couleurs, le bandeau et les composants originaux. */
.links-page, .ludique-page { min-width: 0; }
.links-page .links-grid, .ludique-page .quiz-grid { width: 100%; }
.links-page .link-card, .ludique-page .quiz-card { min-width: 0; }
.links-page .link-content, .ludique-page .quiz-card { overflow-wrap: anywhere; }
.links-page .link-card:focus-visible,
.ludique-page .quiz-card:focus-visible,
.ludique-page .quiz-button:focus-visible {
  outline: 3px solid #087f86;
  outline-offset: 4px;
}
.links-page .link-card, .ludique-page .quiz-card { transition-property: transform, box-shadow, border-color; }
@media (max-width: 767px) {
  .links-page .links-grid, .ludique-page .quiz-grid { grid-template-columns: minmax(0,1fr); }
  .links-page .link-card { padding: 1.1rem; gap: .9rem; }
  .ludique-page .quiz-card { padding: 1.6rem 1.15rem; }
  .links-page .links-bottom { padding: 1.15rem; }
}
@media (max-width: 400px) {
  .links-page .link-icon { flex-basis: 46px; width: 46px; height: 46px; font-size: 1.4rem; }
  .ludique-page .quiz-icon { width: 72px; height: 72px; font-size: 2.4rem; }
}
@media (prefers-reduced-motion: reduce) {
  .links-page .link-card, .links-page .link-arrow,
  .ludique-page .quiz-card, .ludique-page .quiz-button { transition: none !important; }
  .links-page .link-card:hover, .ludique-page .quiz-card:hover { transform: none; }
}