:root {
    font-size: clamp(1.125rem, 0.9657rem + 0.6536vw, 1.75rem);
}

body {
    font-family: "Outfit", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;
}
/* Style minimal pour la démonstration */
#combinaisons {
    margin: 20px;
  }
  /* Chaque bloc de phrase (numéro + phrase) */
  #combinaisons div {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 10px;
    align-items: baseline;
    margin-bottom: 5px;
  }
  .numero {
    font-weight: bold;
    color: #000985;
  }
  .phrase {
    margin: 0;
    color: #353535;
    margin-bottom:1.414em;
  }
  /* Boutons */
  .btn {
    display: none;       /* on cache par défaut, puis on rend visible en JS */
    margin: 20px 10px 0 10px;
    padding: 5px 10px;
    font-size: 1rem;
    cursor: pointer;
    float:right;
    font-size: clamp(1rem, 0.9363rem + 0.2614vw, 1.25rem);
    border-radius: 10px;
    border-color: #000985;
    color:#000985;
    font-family: "Outfit", serif;
  }
  .btn:hover {
    background-color: rgb(217, 217, 255);
  }
  #btnLoadMore {
    display: none;       /* On le cache au départ */
    margin: 20px auto;
    padding: 10px 20px;
    font-size: 1rem;
    cursor: pointer;
    /* Pour le centrer, si souhaité : */
    display: block;   
    font-size: clamp(1.125rem, 1.0613rem + 0.2614vw, 1.375rem);
    border-radius: 15px;
    border-color: #000985;
    color:#000985;
    font-family: "Outfit", serif;
  }
  #btnLoadMore:hover {
    background-color: rgb(217, 217, 255);
  }
h1 {
    margin-bottom:1.2em;
    color:#000985;
}