/* ==========================================================================
   SM Insight Consulting — Systeme typographique global
   Charge EN DERNIER dans <head> (apres style.css et demo-dashboard.css).
   Regle de version : incrementer ?v=AAAAMMJJ(-n) a chaque modification
   (meme regle que main.js). Aucune regle prioritaire : la cascade suffit.
   v20260921-2 : alignement a gauche partout (standard des grands sites :
   Apple, Stripe, Google, gov.uk) — la justification en colonnes etroites
   etirait les espaces entre mots ; la cesure automatique est desactivee.
   ========================================================================== */

/* 1. Paragraphes : alignes a gauche, interligne confortable, mesure limitee */
p{text-align:left;hyphens:manual;-webkit-hyphens:manual;line-height:1.65}
section p{max-width:68ch}

/* 2. Titres : alignes a gauche (sauf hero/CTA), rythme vertical constant */
h1,h2,h3,h4{text-align:left;text-wrap:pretty}
section>.container>h2{margin:2.5rem 0 1rem}
section>.container>h3{margin:1.75rem 0 .75rem}

/* 3. Listes : retrait constant, items alignes a gauche, espacement regulier */
section ul,section ol{padding-left:1.25rem}
section li{margin-bottom:.5rem;text-align:left;hyphens:manual;-webkit-hyphens:manual}

/* 4. Cartes : titre gras a gauche, description alignee a gauche (point 1) */
.card h3{text-align:left;font-weight:700}

/* 5. Blocs prix : 2 lignes indivisibles — montant seul en ligne 1 (gras),
   ligne 2 jamais coupee (ex. « a partir de · sans engagement ») */
.price{font-weight:700}
.price>span{display:block;white-space:nowrap;font-weight:500}

/* 6. Centre uniquement : hero, bandeaux CTA, stats, boutons, badges */
.hero h1,.cta-band h2,.cta-band h3{text-align:center}
.cta-band p,.stat-strip p,.micro-proof,p.center{text-align:center;hyphens:none;-webkit-hyphens:none;margin-left:auto;margin-right:auto}
.cta-band h2{margin-top:0}
.badge-featured,.btn{text-align:center}

/* 7. Zones exclues (brief) : dashboards demo, calculatrice ROI, wizard,
   bandeau cookies, blocs de code — les styles d'origine priment */
.ddash p,.dd p,[data-demo] p,.roi-calc p,#auditWizard p,.wizard p,#cookie-banner p,
.ddash li,.dd li,[data-demo] li,.roi-calc li,#auditWizard li,.wizard li,#cookie-banner li,
pre,code{text-align:left;hyphens:manual;-webkit-hyphens:manual}

/* 8. Exception dans le wizard : l'ecran de confirmation reste centre */
#auditWizard .w-confirm p,.wizard .w-confirm p{text-align:center;hyphens:none;-webkit-hyphens:none;margin-left:auto;margin-right:auto}