/* GoMathy V16 — fiches compactes SANS casser l'ordre du programme.
   Mise en page uniquement : aucun contenu pédagogique ni outil n'est modifié. */

/* LISTE DES FICHES
   Important : on garde une grille classique ici pour que l'ordre visuel reste exactement
   l'ordre du tableau COURSES / PROGRAMME-CATALOGUE : gauche -> droite, puis ligne suivante.
   On n'utilise PAS CSS columns sur cette liste, car columns transforme visuellement l'ordre
   en haut -> bas dans une colonne avant de passer à la suivante. */
@media screen and (min-width:768px){
  #pages div:has(> article button[data-action="open-recap"]){
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:1.5rem!important;
    column-count:auto!important;
    column-gap:normal!important;
    align-items:start!important;
  }
  #pages div:has(> article button[data-action="open-recap"])>article{
    display:block!important;
    width:auto!important;
    margin:0!important;
    vertical-align:initial!important;
    break-inside:auto!important;
    -webkit-column-break-inside:auto!important;
  }
}
@media screen and (min-width:1280px){
  #pages div:has(> article button[data-action="open-recap"]){
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* FICHE DE MATHS DETAILLEE : deux colonnes indépendantes.
   Ici le multicolonnage ne touche qu'aux petits blocs internes de la fiche : il réduit
   les grands trous verticaux sans modifier l'ordre des chapitres dans la liste annuelle. */
@media screen and (min-width:901px){
  .gm101-math-sheet .gm98-grid{
    display:block!important;
    column-count:2;
    column-gap:12px;
    column-fill:balance;
  }
  .gm101-math-sheet .gm98-grid>.gm98-card{
    display:inline-block!important;
    width:100%!important;
    margin:0 0 12px!important;
    vertical-align:top;
    break-inside:avoid;
    -webkit-column-break-inside:avoid;
    grid-column:auto!important;
  }
  .gm101-math-sheet .gm98-grid>.gm101-secondary{
    display:block!important;
    width:100%!important;
    margin:0!important;
    column-span:all;
    break-inside:avoid;
  }

  /* SVT / NSI / méthodologie : même principe pour les petits blocs internes. */
  .gm101-subject-card .gm101-card-grid{
    display:block!important;
    column-count:2;
    column-gap:8px;
    column-fill:balance;
  }
  .gm101-subject-card .gm101-card-grid>section,
  .gm101-subject-card .gm101-card-grid>details{
    display:inline-block!important;
    width:100%!important;
    margin:0 0 8px!important;
    vertical-align:top;
    break-inside:avoid;
    -webkit-column-break-inside:avoid;
  }
}

/* Les mini-blocs de vocabulaire suivent leur hauteur réelle. */
@media screen and (min-width:621px){
  .gm98-vocab-grid{
    display:block!important;
    column-count:2;
    column-gap:7px;
  }
  .gm98-vocab-grid>div{
    display:inline-block!important;
    width:100%!important;
    margin:0 0 7px!important;
    vertical-align:top;
    break-inside:avoid;
    -webkit-column-break-inside:avoid;
  }
}