/* ==========================================================================
   Easy Calo : marges latérales sur téléphone (2026-09-30)
   main.css ramenait le conteneur de section (.ec-container) à 18 px sous 768 px, puis à
   14 px sous 480 px : sur un téléphone, titres et paragraphes collaient au bord.
   Gouttière fluide 20 px (390 px) à 28 px (dès 560 px), soit la valeur ordinateur, qui ne
   change pas. Chargée après main.css ; html body passe devant les règles de main.css.
   ========================================================================== */
@media (max-width:48em){
  html body.ec-page .ec-container,
  html body.ec-page section .ec-container{
    padding-left:clamp(20px,5vw,28px);
    padding-right:clamp(20px,5vw,28px);
  }
}