/* V10x : mise en page commune à tout le site.
   Texte sur toute la largeur, justifié, sur deux colonnes à l'écran d'ordinateur.
   Aucune couleur ni police ajoutée : la charte existante est conservée. */

/* ---------- Pages du site (feuille site.css) ---------- */
main:not(.sales) .split{display:block}
main:not(.sales) .split>.visual{margin:0 0 44px;max-height:280px;border-radius:24px;overflow:hidden}
main:not(.sales) .split>.visual img{width:100%;height:280px;object-fit:cover}
main:not(.sales) .prose,main:not(.sales) .bio-prose{max-width:none;columns:2;column-gap:64px}
main:not(.sales) .prose>*{break-inside:avoid}
main:not(.sales) .prose h2{font-size:clamp(26px,2.6vw,34px)!important;line-height:1.2;margin:0 0 10px;break-after:avoid}
main:not(.sales) .prose p,main:not(.sales) .prose li{text-align:justify;hyphens:auto;-webkit-hyphens:auto;font-size:18px;line-height:1.75;margin:0 0 24px}
main:not(.sales) .prose .quote,main:not(.sales) .prose .actions,main:not(.sales) .prose .pill,main:not(.sales) .prose .eyebrow,main:not(.sales) .prose .pill+h2,main:not(.sales) .bio-prose .quote,main:not(.sales) .bio-prose .bio-end,main:not(.sales) .bio-prose .bio-domains{column-span:all}
main:not(.sales) .prose:not(:has(p+p,p+h2,h2+p+p)){columns:1}
main:not(.sales) .prose .actions{margin-top:12px}
main:not(.sales) .bio-prose p{font-size:18px!important;line-height:1.75}
/* Page avec portrait ou visuel latéral : on garde la photo entière à côté du texte */
main:not(.sales) .split:has(img[src*="mireille"]){display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:start}
main:not(.sales) .split:has(img[src*="mireille"])>.visual{max-height:none;margin:0}
main:not(.sales) .split:has(img[src*="mireille"])>.visual img{height:auto}
main:not(.sales) .split:has(img[src*="mireille"]) .prose,main:not(.sales) .product .prose{columns:1}
main:not(.sales) .product{align-items:start}

/* ---------- Pages de formation et d'offre (feuille formation.css) ---------- */
.wrap{max-width:1120px}
.wrap>section{display:block!important}
.wrap>section>h2{position:static!important}
.wrap>section:not(:has(.axes,.grid2,.chips,.modules,.traversees,.box,.axe,.module,form,.cta-band,.equation,.distinction,ul,.unapologetic)){columns:2;column-gap:64px}
.wrap>section:not(:has(.axes,.grid2,.chips,.modules,.traversees,.box,.axe,.module,form,.cta-band,.equation,.distinction,ul,.unapologetic))>.label,
.wrap>section:not(:has(.axes,.grid2,.chips,.modules,.traversees,.box,.axe,.module,form,.cta-band,.equation,.distinction,ul,.unapologetic))>h2{column-span:all}
.wrap>section>p{text-align:justify;hyphens:auto;-webkit-hyphens:auto;break-inside:avoid}
.wrap>section .axe li,.wrap>section .box li{text-align:left}
@media(max-width:800px){
 main:not(.sales) .prose,main:not(.sales) .bio-prose{columns:1}
 main:not(.sales) .prose p,main:not(.sales) .prose li{text-align:left;hyphens:manual}
 .wrap>section:not(:has(.x)){columns:1!important}
 .wrap>section>p{text-align:left;hyphens:manual}
 main:not(.sales) .split>.visual{max-height:200px}
 main:not(.sales) .split>.visual img{height:200px}
 main:not(.sales) .split:has(img[src*="mireille"]){display:block}
 main:not(.sales) .split:has(img[src*="mireille"])>.visual{max-height:none;margin-bottom:28px}
 main:not(.sales) .split:has(img[src*="mireille"])>.visual img{height:auto}
}