/*
 * HiAssur — garde-fous responsive publics.
 * Scope volontairement limité à <main> : aucun style du header/footer n'est modifié.
 * Cette feuille ne remplace pas le design des pages ; elle évite seulement les débordements
 * et améliore l'adaptation des contenus éditoriaux, médias, tableaux et formulaires.
 */
main{min-width:0;overflow-x:clip}
main img,main video,main canvas{max-width:100%;height:auto}
main iframe,main embed,main object{max-width:100%}
main .grid>*,main .flex>*{min-width:0}
main .prose{max-width:100%}
main pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
main code{overflow-wrap:anywhere}

@media(max-width:767px){
  main{overflow-x:hidden}
  main h1,main h2,main h3,main h4,main p,main li,main a{overflow-wrap:break-word;word-break:normal}
  main table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  main iframe[src*="youtube"],main iframe[src*="vimeo"],main iframe[data-responsive]{width:100%;height:auto;aspect-ratio:16/9}
  main input:not([type="checkbox"]):not([type="radio"]),main select,main textarea{max-width:100%;font-size:16px}
}