/* LOT 10.17.3 — Réduction finale ciblée des quatre cartes KPI mobiles.
   Base : Lot 10.17.2. Périmètre : pages En savoir plus, téléphone uniquement.
   La carte Attestation sert de référence ; aucun contenu n'est masqué ou supprimé. */
@media screen and (max-width: 767px) {
  html body.fb-lot1015-public-page .formation-left .formation-kpis-v21 {
    align-items: stretch !important;
    grid-auto-rows: 186px !important;
  }

  html body.fb-lot1015-public-page .formation-left .formation-kpis-v21 article,
  html body.fb-lot1015-public-page .formation-left .formation-kpis-v21 article:nth-child(3),
  html body.fb-lot1015-public-page .formation-left .formation-kpis-v21 article:nth-child(4) {
    height: 186px !important;
    min-height: 186px !important;
    max-height: 186px !important;
    padding: 9px 7px 3px !important;
    justify-content: flex-start !important;
    overflow: visible !important;
  }

  html body.fb-lot1015-public-page .formation-left .formation-kpis-v21 article span {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    margin: 0 auto 6px !important;
    font-size: 19px !important;
  }

  html body.fb-lot1015-public-page .formation-left .formation-kpis-v21 article b {
    margin: 0 !important;
    font-size: clamp(13.5px, 3.9vw, 17px) !important;
    line-height: 1.06 !important;
  }

  html body.fb-lot1015-public-page .formation-left .formation-kpis-v21 article b::after {
    margin: 6px auto 7px !important;
  }

  html body.fb-lot1015-public-page .formation-left .formation-kpis-v21 article small,
  html body.programmes-page-detail-03a .formation-left .formation-kpis-v21 article:nth-child(3) small,
  html body.programmes-page-detail-03a .formation-left .formation-kpis-v21 article:nth-child(4) small {
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(8.4px, 2.4vw, 10.2px) !important;
    line-height: 1.20 !important;
    overflow: visible !important;
  }

  html body.fb-lot1015-public-page .formation-left .formation-kpis-v21 article > :last-child {
    margin-bottom: 0 !important;
  }
}

/* Les écrans très étroits provoquent davantage de retours à la ligne.
   Une réserve minimale est conservée pour empêcher toute coupure. */
@media screen and (max-width: 360px) {
  html body.fb-lot1015-public-page .formation-left .formation-kpis-v21 {
    grid-auto-rows: 194px !important;
  }

  html body.fb-lot1015-public-page .formation-left .formation-kpis-v21 article,
  html body.fb-lot1015-public-page .formation-left .formation-kpis-v21 article:nth-child(3),
  html body.fb-lot1015-public-page .formation-left .formation-kpis-v21 article:nth-child(4) {
    height: 194px !important;
    min-height: 194px !important;
    max-height: 194px !important;
    padding: 9px 5px 3px !important;
  }
}