/* 1) Base lisible partout */
:root{
  /* 18px de base = 112.5% de 16px */
  font-size: 112.5%;
  letter-spacing: 0.2px;
}
body{
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.01em;
  -webkit-text-size-adjust: 100%; /* iOS */
  text-rendering: optimizeLegibility;
}

/* 2) Cibler le contenu éditorial SPIP (classes courantes) */
.article .texte,
#content .texte,
.entry-content,
.post-content{
  font-size: 1rem;        /* = 18px via :root ci-dessus */
  line-height: 1.7;
  max-width: 68ch;        /* confort de lecture */
}

/* 3) Petits écrans : garantir mini 18px (et titres un peu plus grands) */
@media (max-width: 768px){
  :root{ font-size: 112.5%; }  /* 18px */
  .article .texte,
  #content .texte,
  .entry-content,
  .post-content{ font-size: 1rem; }
  h1{ font-size: clamp(1.8rem, 4.8vw, 2.2rem); }
  h2{ font-size: clamp(1.4rem, 3.8vw, 1.8rem); }
  h3{ font-size: clamp(1.2rem, 3.2vw, 1.4rem); }
}

/* 4) Grappes d’UI/menus : éviter que les <li> paraissent trop petits */
nav, .breadcrumb, .meta, .byline{
  font-size: 0.95rem;
}

/* 5) Espacements pour aérer les paragraphes */
.article .texte p{ margin: 0.75em 0; }