/* ============================================================
   classements-tablet.css — Responsive TABLETTE (portrait + paysage)
   À charger APRÈS classements.css (et après ou avant
   classements-mobile.css, l'ordre entre les deux n'a pas
   d'importance : leurs conditions ne se chevauchent jamais).

   Cible uniquement les appareils tactiles via (pointer: coarse),
   SANS limite de largeur maximale : une tablette en paysage peut
   être plus large qu'un laptop classique (ex: iPad Pro 12.9" =
   1366px). Un vrai desktop (pointer: fine) n'est donc jamais
   capturé ici, quelle que soit sa largeur, et reste géré par
   classements.css.
   ============================================================ */

/* ---------- TABLETTE PORTRAIT (tactile, ≥768px, portrait) ---------- */
@media (pointer: coarse) and (orientation: portrait) and (min-width: 768px) {
    .classements-grid {
        grid-template-columns: repeat(6, minmax(240px, 1fr);
  
        gap: .75rem;
        padding: 1rem;
    }
}

/* ---------- TABLETTE PAYSAGE (tactile, ≥768px, paysage) ---------- */
@media (pointer: coarse) and (orientation: landscape) and (min-width: 768px) {
    .classements-grid {
        grid-template-columns: repeat(6, minmax(220px, 1fr));
        gap: .75rem;
    }
}