/* ── AGRANDISSEMENT ADAPTATIF SUR ORDINATEUR (04/10/2026) ─────────────────
   Tout le site grandit avec la largeur de l'écran (textes, marges, blocs),
   comme le zoom du navigateur, pour mieux remplir les grands écrans.
   Écrans peu hauts (portables 1366 x 768 : fenêtre d'environ 650 px) :
   agrandissement limité à 10 % pour que le bandeau reste visible en entier.
   Mobile et tablette (moins de 1280 px) : aucun changement. */
@media (min-width:1280px){html{zoom:1.15}}
@media (min-width:1600px){html{zoom:1.25}}
@media (min-width:1920px){html{zoom:1.35}}
@media (min-width:2400px){html{zoom:1.6}}
@media (min-width:1280px) and (max-height:700px){html{zoom:1.1}}

/* ── ALIGNEMENT DES PAGES SUR LE CADRE DU MENU (04/10/2026) ───────────────
   Le menu des pages secondaires fait 1 080 px avec 40 px de marge intérieure :
   son contenu (logo, onglets) occupe donc 1 000 px. Les blocs de ces pages
   faisaient 1 080 px et débordaient de 40 px de chaque côté du logo. On les
   ramène à 1 000 px, la même largeur que l'accueil. */
@media (min-width:700px){
  .tagline-shared,.hero,.geo-banner,.blog-toolbar,.blog-feed,.filters,.top-grid,.page-layout,.footer,
  body>div[style*="max-width:1080px"],body>div[style*="max-width: 1080px"]{max-width:1000px!important}
}

/* Encadré « à lire aussi » dans les articles (04/10/2026), clair et sombre */
.cm-voir-aussi{border-left:3px solid #8E5FE0;background:rgba(142,95,224,.08);padding:11px 14px;border-radius:0 10px 10px 0;margin:18px 0}
.cm-voir-aussi a{color:#8E5FE0;font-weight:700}