/* ══════════════════════════════════════════════════════════════════════════
   RAPPORT.CSS — La mobilité en milieu rural (CESER Nouvelle-Aquitaine)
   Chargé après assets/css/style.css (feuille « master » partagée, reprise
   telle quelle de vivre_dignement). Ce fichier contient :
   1) la recoloration de la palette du master (variables --rose-fonce,
      --vert-moyen, etc. réutilisées telles quelles par le master pour le
      header, la sidebar, la navigation, les badges, le tiroir de notes...)
   2) les classes propres à ce rapport (encadrés « Zoom / Préco / Messages
      clés / Dans les territoires / En résumé-Chiffres clés / Préface »,
      fiches « Initiatives », tableaux natifs IDML, liste d'abréviations,
      interventions/auditions), avec leurs variantes mode sombre.
   ══════════════════════════════════════════════════════════════════════════ */

:root{
  /* Palette « mobilité » (bleu/vert) substituée aux noms de variables du
     master (rose/vert d'origine) : tout le CSS partagé se recolore donc
     automatiquement, sans y toucher. */
  --rose-fonce:#c37338;   /* accent fort : header, sidebar, badges, liens actifs */
  --rose:#b48b6d;         /* accent secondaire */
  --rose-pale:#d1d9d5;    /* fond pâle des encadrés/bandeaux */
  --vert-moyen:#5D736F;   /* accent « ouvert/actif » nav, surlignage recherche */
  --vert-dense:#455552;   /* survol liens de notes */
  --vert-pale:#EBEFEE;
  --vert:#77938E;
  --gris-fonce:#1A1A2E;
  --gris-texte:#3D3D3D;
  --gris-clair:#DEE5ED;
  --beige-bg:#F4F6F9;
  --blanc:#FFFFFF;
  /* Couleurs propres aux encadrés de ce rapport (non définies par le master) */
  --orange:#E97132;
  --violet:#52348A;
  /* Fond de page (convention commune à tous les rapports du site) : crème sur
     les pages courantes, léger vert très pâle sur les pages Fiche (cf.
     body.page-fiche ci-dessous). */
  --fond-creme:#FBF8F1;
  --fond-creme-fiche:#EDF3EF;
  --fond-orange-fiche:#faf0d8;   /* fond très clair des fiches Initiatives (I à XVII), pour les distinguer des fiches principales */
}

body{background:var(--fond-creme)}
body.page-fiche{background:var(--fond-creme-fiche)}
body.page-fiche:not(.fiche-subtopic){background:var(--fond-orange-fiche)}

/* ══ ENCADRÉS — gabarits propres à ce rapport (Zoom / Préco / Messages clés /
   Dans les territoires / En résumé-Chiffres clés / Préface). Basés sur la
   classe .box, à affiner ensemble si besoin — rien n'a été perdu du contenu
   d'origine. ══ */
.box{margin:1.75rem 0;padding:1.25rem 1.5rem;border-radius:6px;border-left:4px solid var(--rose-fonce);background:var(--rose-pale)}
.box-kicker{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--rose-fonce);margin-bottom:.5rem}
.box-title{font-family:var(--font-titre);font-size:1.05rem;color:var(--rose-fonce);margin:.2rem 0 .5rem;line-height:1.3}
.box-subtitle,.box-subtitle-inline{font-size:1.15rem;font-weight:700;color:var(--gris-texte);margin:.3rem 0 .6rem}
.box-source{font-size:.76rem;color:#667;font-style:italic;margin-top:.75rem}
.box p{margin-bottom:.7rem;line-height:1.65}
.box .liste{margin:.4rem 0 .8rem 1.5rem}
.box .liste li{margin-bottom:.35rem}
.box h4.box-title:not(:first-child){margin-top:1.25rem}

/* Kicker « Fiche n°X » + son titre, insérés dans le corps du chapitre juste
   avant l'encadré En résumé/Chiffres clés correspondant (04_Fiches:01/02) :
   petit badge plein vert, texte blanc, distinct des .box-kicker habituels. */
.fiche-num-kicker{display:inline-block;background:var(--vert);color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.35rem .9rem;border-radius:4px;margin:1.5rem 0 .7rem}
.fiche-num-title{font-family:var(--font-titre);font-size:1.55rem;font-weight:700;color:var(--rose-fonce);margin:.1rem 0 1rem;line-height:1.25}
body.dark .fiche-num-kicker{background:var(--vert);color:#fff}
body.dark .fiche-num-title{color:var(--dk-rose)}

/* Page « Les 16 propositions du CESER » : grand titre de chapitre, puis des
   panneaux de solutions (un par thématique), chacun listant ses propositions
   numérotées avec le numéro mis en évidence (gras orange). */
/* Page « Les 16 propositions du CESER » : deux tableaux reprenant la mise en
   page du PDF (bandeau latéral coloré + propositions numérotées en pastille),
   un pour « Solutions de mobilité » (orange), un pour « Clés de réussite »
   (vert/teal). */
.props-section{margin:0 0 2.25rem}
.props-section:last-child{margin-bottom:0}
.props-section-kicker{font-family:var(--font-titre);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1.05rem;margin:0 0 1rem}
.props-section-kicker.kicker-orange{color:#dc7532}
.props-section-kicker.kicker-teal{color:#5f8380}
.props-table{display:flex;flex-direction:column;border:1px solid var(--gris-clair);border-radius:8px;overflow:hidden;background:#fff}
.props-group{display:flex}
.props-group+.props-group{border-top:1px solid var(--gris-clair)}
.props-sidebar{flex:0 0 210px;color:#fff;font-family:var(--font-titre);font-weight:700;font-size:1.05rem;line-height:1.35;display:flex;align-items:center;padding:1.3rem 1.4rem}
.props-table-orange .props-sidebar{background:#dc7532}
.props-table-teal .props-sidebar{background:#5f8380}
.props-body{flex:1;display:flex;flex-direction:column;min-width:0}
.props-subgroup{padding:1.1rem 1.4rem}
.props-subgroup+.props-subgroup{border-top:1px solid var(--gris-clair)}
.props-subgroup-titre{font-weight:700;color:var(--gris-texte);margin:0 0 .8rem;font-size:1rem}
.props-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .9rem;margin-bottom:.7rem}
.props-item:last-child{margin-bottom:0}
.props-pill{flex-shrink:0;font-weight:700;font-size:.82rem;padding:.3rem .75rem;border-radius:4px;white-space:nowrap;color:var(--gris-texte)}
.props-table-orange .props-pill{background:#F7CC9D}
.props-table-teal .props-pill{background:#c9d8d2}
.props-texte{margin:0;color:var(--gris-texte);line-height:1.55;flex:1 1 260px}
@media(max-width:640px){
  .props-group{flex-direction:column}
  .props-sidebar{flex:none;width:100%}
}
body.dark .props-table{background:var(--dk-card);border-color:#333}
body.dark .props-group+.props-group{border-top-color:#333}
body.dark .props-subgroup+.props-subgroup{border-top-color:#333}
body.dark .props-subgroup-titre{color:var(--dk-text)}
body.dark .props-texte{color:var(--dk-text)}
body.dark .props-table-orange .props-pill{background:#c9a578;color:#1a1a1a}
body.dark .props-table-teal .props-pill{background:var(--dk-vert);color:#0d1a0c}
body.dark .props-section-kicker.kicker-orange{color:#f0a875}
body.dark .props-section-kicker.kicker-teal{color:#9fc3bd}

.box-zoom{border-left-color:var(--vert);background:#dde4dd}
.box-zoom .box-title{color:#77938e;font-size:1.3rem}
.box-preco{border-left-color:var(--vert);background:#faf0d8}
.box-preco .box-kicker{color:var(--vert-dense);font-size:1.36rem;line-height:1.25}
.box-preco .box-kicker .kicker-accent{color:var(--rose-fonce)}
.box-messcles{border-left-color:var(--orange);background:#faf0d8}
.box-messcles .box-kicker{color:#974A0A}
.box-territoires{border-left-color:var(--violet);background:#F0ECF8}
.box-initiative{border:1px solid #dc7532;border-radius:8px;background:#E3E3E4;padding:0 0 1.25rem;overflow:hidden}
.box-initiative .box-kicker{background:#dc7532;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:1.36rem;margin:0 0 1rem;padding:.9rem 1.5rem}
.box-initiative .box-title{margin:0 1.5rem .6rem;color:var(--gris-texte);font-size:1.05rem}
.box-initiative>p,.box-initiative>ul{margin-left:1.5rem;margin-right:1.5rem}
.box-territoires .box-kicker{color:var(--violet)}
.box-territoires h4.box-title{clear:both}
.box-territoires .box-source{clear:both}
.box-territoires .figure-image.img-float-left{float:left;width:34%;margin:.2rem 1.2rem 1rem 0}
.box-territoires .img-float-right{float:right;width:38%;margin:0 0 1rem 1.2rem}
.box-territoires .img-float-right .figure-image{margin:.4rem 0 0;width:100%}
.box-territoires .img-float-right .titre-schema{margin:0;text-align:center}
.box-territoires .figure-image.img-center-inline{display:block;margin:1.2rem auto;width:55%}
@media(max-width:700px){.box-territoires .figure-image.img-center-inline{width:100%}}
@media(max-width:700px){.box-territoires .figure-image.img-float-left,.box-territoires .img-float-right{float:none;width:100%;margin:1rem 0}}
.box-preface{border-left-color:var(--gris-clair);background:var(--beige-bg);font-style:italic}

/* En résumé / Chiffres clés : même bloc, empilé en une seule colonne (jamais 2
   colonnes) ; le panneau Chiffres clés se distingue par un fond orange clair,
   comme les Messages-clés du CESER (.box-messcles, même teinte #faf0d8). Padding
   déplacé du .box englobant vers chaque panneau (+ overflow:hidden) pour que ce
   fond aille bord à bord sans déborder des coins arrondis. */
.box-resume{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;border-left-color:var(--rose-fonce);background:var(--rose-pale)}
.box-resume-panel{padding:1.25rem 1.5rem}
.box-resume-panel:not(:last-child){border-bottom:1px solid rgba(2,74,110,.15)}
.box-resume-panel.box-chiffres{background:#faf0d8}
.box-resume-panel.box-chiffres .box-kicker{color:var(--orange)}
.box-resume-panel p{margin-bottom:.6rem}
.chiffre-orange{color:var(--orange);font-weight:700}

/* Préconisations */
.preco-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.4rem .5rem;margin-bottom:.6rem}
.preco-row p{flex-basis:100%;margin:.2rem 0 0}
.preco-pill,.preco-pill-inline{flex-shrink:0;display:inline-block;background:var(--vert);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.05em;padding:.25rem .6rem;border-radius:12px;white-space:nowrap}
.preco-pill-inline{margin:.4rem 0}
/* Couleurs par type d'acteur (ETAT/REGION/EPCI/COLLECTIVITES/NAM) */
.preco-pill.pill-etat,.preco-pill-inline.pill-etat{background:#494B48;color:#fff}
.preco-pill.pill-region,.preco-pill-inline.pill-region{background:var(--orange);color:#fff}
.preco-pill.pill-epci,.preco-pill-inline.pill-epci{background:#5f8380;color:#fff}
.preco-pill.pill-collectivites,.preco-pill-inline.pill-collectivites{background:var(--vert);color:#fff}
.preco-pill.pill-nam,.preco-pill-inline.pill-nam{background:#F7CC9D;color:#494B48}
.preco-subhead{font-weight:700;margin:.6rem 0 .5rem;color:var(--gris-texte)}
.preco-arrow{position:relative;padding-left:1.4rem;margin-bottom:.6rem}
.preco-arrow::before{content:'→';position:absolute;left:0;color:var(--vert);font-weight:700}

/* Fiches Initiative */
.fiche-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:2px solid var(--gris-clair)}
.fiche-num{font-family:var(--font-titre);font-size:1.1rem;color:var(--rose-fonce)}
.fiche-meta{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--rose)}
.fiche-media-row{display:flex;gap:.75rem;align-items:flex-start;margin:1rem 0 1.5rem;flex-wrap:wrap}
.fiche-media-small{max-width:220px;height:auto;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.fiche-logo{max-width:140px;background:#fff;padding:.4rem;border:1px solid var(--gris-clair)}
.fiche-h5{font-family:var(--font-titre);font-size:1.05rem;color:var(--rose-fonce);margin:1.5rem 0 .5rem}
.fiche-h6{font-size:.95rem;font-weight:700;color:var(--rose);margin:1.2rem 0 .4rem}
.fiches-teaser{font-style:normal;font-size:1.15rem;font-weight:600;color:var(--gris-texte);padding:.8rem 1.15rem;border-left:3px solid var(--rose);background:var(--rose-pale);margin:1.1rem 0;border-radius:0 4px 4px 0;line-height:1.4}
/* !important : .corps/.article-body p a (2 éléments dans le sélecteur, cf.
   plus bas) est structurellement plus spécifique que .fiches-teaser a (1 seul
   élément) et lui vole sinon la couleur (lien resté orange au lieu du vert
   demandé, y compris une fois visité) — même convention que a:link plus haut
   dans ce fichier pour le même type de conflit. */
.fiches-teaser a{display:block;color:#5a7d77 !important;text-decoration:none;font-weight:400}
.fiches-teaser a:visited{color:#5a7d77 !important}
.fiches-teaser a:hover{background:rgba(0,0,0,.04)}
.fiches-teaser a:hover .fiches-teaser-num{text-decoration:underline}
.fiches-teaser-num{color:#dc7532;font-weight:700;font-size:1.05em}
.fiches-teaser-header{background:#dc7532;color:#fff;border-left-color:#dc7532;font-weight:700;text-transform:uppercase;letter-spacing:.02em}

/* Tableaux natifs IDML (données / auditions) */
.table-wrap{overflow-x:auto;margin:1.5rem 0}
.tableau{width:100%;border-collapse:collapse;font-size:.85rem}
.tableau th,.tableau td{border:1px solid var(--gris-clair);padding:.6rem .75rem;text-align:left;vertical-align:top}
.tableau th{background:#faf0d8;color:var(--rose-fonce);font-weight:700}
.tableau td{background:#fff}
.tableau-personnes th:first-child,.tableau-personnes td:first-child{width:30%;font-weight:700}
/* Grands intertitres « Auditions... » de l’annexe Remerciements (niveau au-dessus des sous-titres noirs de type "Collectivités territoriales") : vert/teal comme dans le PDF, pour marquer la hiérarchie. */
.audition-titre{color:#5f8380;font-weight:700;font-size:1.1rem;margin:1.75rem 0 .5rem}
body.dark .audition-titre{color:var(--dk-vert)}
.box-zoom .tableau th{background:#fff;color:var(--gris-texte)}
.tableau th.th-accent{background:#dde4dd;color:var(--gris-texte)}
.tableau tr.row-accent td{background:#dde4dd}
.tableau td.col-accent{background:#dde4dd}
.tableau.tableau-plain th{background:#fff;color:var(--gris-texte)}
.tableau tr.row-accent-dark td{background:#5f8380}
.tableau tr.row-accent-light td{background:#c9d8d2}

/* Abréviations */
.abrev-lettre{font-family:var(--font-titre);font-size:1.2rem;color:var(--rose-fonce);margin:1.75rem 0 .5rem;padding-bottom:.2rem;border-bottom:1px solid var(--rose-pale)}
.abrev-list{margin-bottom:.5rem;overflow:hidden}
.abrev-list dt{float:left;clear:left;font-weight:700;color:var(--rose);margin-right:.5rem}
.abrev-list dd{margin:0 0 .4rem 0;overflow:hidden}

/* Auditionné·es */
.audition-nom{font-weight:700;color:var(--rose-fonce);margin-top:.9rem}
.audition-fonction{font-size:.85rem;color:var(--gris-texte);font-style:italic;margin-bottom:.4rem}

/* Interventions */
/* Préfixées par .article-body pour battre en spécificité la règle du master
   .intervention-texte:not(.intervention-liste){font-size:1.15rem;font-weight:700;
   color:var(--rose-fonce)} (héritée de vivre_dignement, où « intervention-texte »
   désigne autre chose) qui sinon rendait nos citations en gras/rose au lieu
   d'italique gris. */
.article-body .intervention-nom{font-size:1.35rem;font-weight:700;color:var(--rose-fonce);margin:2.2rem 0 .2rem;padding-left:.9rem;border-left:3px solid var(--rose-fonce)}
.article-body .intervention-fonction{font-size:.92rem;font-weight:700;font-style:normal;color:var(--vert-dense);margin:0 0 .8rem;padding-left:.9rem}
.article-body .intervention-texte{color:var(--gris-texte);font-style:normal;font-weight:400;padding-left:1rem;border-left:2px solid var(--gris-clair);margin-bottom:.7rem}
/* Liens dans le texte courant (citations de la médiagraphie, sources en
   corps de texte, interventions) : orange par défaut, vert une fois visités
   (au lieu du rouge/violet par défaut du navigateur, non stylé jusqu'ici). */
.corps a,.intervention-texte a,.box p a,.article-body p a,.article-body li a{color:var(--orange);text-decoration:underline;text-decoration-color:rgba(233,113,50,.45)}
.corps a:hover,.intervention-texte a:hover,.box p a:hover,.article-body p a:hover,.article-body li a:hover{color:var(--vert-dense)}
.corps a:visited,.intervention-texte a:visited,.box p a:visited,.article-body p a:visited,.article-body li a:visited{color:var(--vert-dense)}
.intervention-liste{list-style:none;margin:0 0 1.5rem;padding:1rem 1.25rem;background:var(--rose-pale);border-radius:6px;display:flex;flex-wrap:wrap;gap:.4rem .9rem}
.intervention-liste li{margin:0}
.intervention-liste a{color:var(--rose-fonce);font-weight:700;font-size:.85rem;text-decoration:none;border-bottom:1px solid transparent}
.intervention-liste a:hover{border-bottom-color:var(--rose-fonce)}

@media(max-width:860px){
  .fiche-header{flex-direction:column;align-items:flex-start}
}

/* ══ MODE SOMBRE — variantes pour les classes propres à ce rapport ══
   (Le master gère déjà le thème sombre pour le header/sidebar/nav/pagination/
   footer/recherche/tiroir de notes — ici on ne traite que les nouveaux
   composants : encadrés box-*, fiches, tableaux, abréviations, interventions.) */
body.dark .box{background:var(--dk-card);border-left-color:var(--dk-rose);color:var(--dk-text)}
body.dark .box-kicker{color:var(--dk-rose)}
body.dark .box-title{color:var(--dk-rose)}
body.dark .box-subtitle,body.dark .box-subtitle-inline{color:var(--dk-text)}
body.dark .box-source{color:var(--dk-text-muted)}

body.dark .box-zoom{background:var(--dk-card);border-left-color:var(--vert)}
body.dark .box-zoom .box-title{color:#9fc3bd}
body.dark .box-preco{background:var(--dk-encadre-preco-bg);border-left-color:var(--dk-vert);color:var(--dk-encadre-preco-text)}
body.dark .box-preco .box-kicker{color:var(--dk-vert)}
body.dark .box-preco .box-kicker .kicker-accent{color:#d9a066}
body.dark .box-messcles{background:var(--dk-card);border-left-color:#c98a4a;color:var(--dk-text)}
body.dark .box-messcles .box-kicker{color:#d9a066}
body.dark .box-territoires{background:var(--dk-card);border-left-color:#8a6bc4;color:var(--dk-text)}
body.dark .box-initiative{background:var(--dk-card);border-color:#dc7532;color:var(--dk-text)}
body.dark .box-initiative .box-title{color:var(--dk-text)}
body.dark .box-territoires .box-kicker{color:#a98be0}
body.dark .box-preface{background:var(--dk-card);border-left-color:#444;color:var(--dk-text-muted)}

body.dark .box-resume{background:var(--dk-card);border-left-color:var(--dk-rose)}
body.dark .box-resume-panel:not(:last-child){border-bottom-color:#333}
body.dark .box-resume-panel.box-chiffres{background:#2a2015}
body.dark .box-resume-panel.box-chiffres .box-kicker{color:#d9a066}
body.dark .chiffre-orange{color:#d9a066}

body.dark .preco-pill,body.dark .preco-pill-inline{background:var(--dk-vert);color:#0d1a0c}
body.dark .preco-pill.pill-etat,body.dark .preco-pill-inline.pill-etat{background:#6b6d68;color:#fff}
body.dark .preco-pill.pill-region,body.dark .preco-pill-inline.pill-region{background:var(--orange);color:#fff}
body.dark .preco-pill.pill-epci,body.dark .preco-pill-inline.pill-epci{background:#5f8380;color:#fff}
body.dark .preco-pill.pill-collectivites,body.dark .preco-pill-inline.pill-collectivites{background:var(--dk-vert);color:#0d1a0c}
body.dark .preco-pill.pill-nam,body.dark .preco-pill-inline.pill-nam{background:#c9a578;color:#1a1a1a}
body.dark .preco-subhead{color:var(--dk-text)}
body.dark .preco-arrow::before{color:var(--dk-vert)}

body.dark .fiche-header{border-bottom-color:#333}
body.dark .fiche-num{color:var(--dk-rose)}
body.dark .fiche-meta{color:var(--dk-text-muted)}
body.dark .fiche-logo{background:#222;border-color:#333}
body.dark .fiche-h5{color:var(--dk-rose)}
body.dark .fiche-h6{color:var(--dk-text)}
body.dark .fiches-teaser{background:var(--dk-card);border-left-color:var(--dk-rose);color:var(--dk-text)}
body.dark .fiches-teaser a{color:#8fb3ac !important}
body.dark .fiches-teaser a:visited{color:#8fb3ac !important}
body.dark .fiches-teaser a:hover{background:rgba(255,255,255,.05)}
body.dark .fiches-teaser-num{color:#dc7532}
body.dark .fiches-teaser-header{background:#dc7532;color:#fff;border-left-color:#dc7532}

body.dark .tableau th,body.dark .tableau td{border-color:var(--dk-table-border)}
body.dark .tableau th{background:#2a2015;color:#d9a066}
body.dark .tableau tr:nth-child(odd) td{background:var(--dk-table-odd)}
body.dark .tableau tr:nth-child(even) td{background:var(--dk-table-even)}

body.dark .abrev-lettre{color:var(--dk-rose);border-bottom-color:#333}
body.dark .abrev-list dt{color:var(--dk-rose)}
body.dark .abrev-list dd{color:var(--dk-text)}

body.dark .audition-nom{color:var(--dk-rose)}
body.dark .audition-fonction{color:var(--dk-text-muted)}

body.dark .corps a,body.dark .intervention-texte a,body.dark .box p a,body.dark .article-body p a,body.dark .article-body li a{color:#f0a875}
body.dark .corps a:visited,body.dark .intervention-texte a:visited,body.dark .box p a:visited,body.dark .article-body p a:visited,body.dark .article-body li a:visited{color:#a9c2be}
body.dark .intervention-nom{color:var(--dk-rose)}
body.dark .intervention-fonction{color:var(--dk-text-muted)}
body.dark .intervention-texte{color:var(--dk-text-muted);border-left-color:#333}

/* ══ PAGE DE COUVERTURE (index.html) — gabarit « cover-page » repris de
   2026_rapport_vivre_dignement/index.html : colonne image fixe + colonne
   texte qui défile, sans sidebar (page d'atterrissage distincte de la
   navigation multi-pages). ══ */
body.cover-body{background:var(--blanc)}
.cover-page{display:flex;min-height:calc(100vh - var(--header-h))}
.cover-image-col{width:33.333%;flex-shrink:0;position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow-y:auto;overflow-x:hidden;background:#edf0e8;display:flex;align-items:flex-start;justify-content:center}
.cover-image-col img{width:100%;height:auto;display:block}
.cover-text-col{flex:1;padding:3.5rem 4rem 5rem 3.5rem;overflow-y:auto;max-width:900px}
.cover-eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--vert-moyen);font-weight:700;margin-bottom:.85rem}
.cover-main-title{font-size:2.1rem;line-height:1.2;color:var(--rose-fonce);margin-bottom:.5rem}
.cover-text-col h2{font-family:var(--font-titre);font-size:1.3rem;color:var(--gris-texte);font-weight:400;margin-bottom:.75rem}
.cover-subtitle{font-size:1rem;color:#999;font-style:italic;margin-bottom:2rem}
.cover-divider{height:3px;width:56px;background:var(--rose-fonce);border-radius:2px;margin-bottom:2rem}
.cover-share{display:flex;align-items:center;gap:.6rem;margin:-1rem 0 2rem}
.cover-share .cover-share-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#aaa;font-weight:700}
.cover-text{font-size:.95rem;line-height:1.85;color:var(--gris-texte);margin-bottom:1.1rem}
.cover-text-col h3{font-family:var(--font-titre);font-size:1.15rem;color:var(--rose-fonce);margin:1.75rem 0 .75rem}
.cover-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:2rem 0 2.5rem;background:var(--gris-bg,var(--beige-bg));border-radius:8px;padding:1.25rem 1.5rem}
.cover-meta-item{display:flex;flex-direction:column;gap:.2rem}
.cover-meta-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--vert-moyen);font-weight:700}
.cover-meta-value{font-size:.88rem;color:var(--rose-fonce);font-weight:600;line-height:1.3}
.cover-ctas{display:flex;gap:.5rem;flex-wrap:nowrap;margin-top:2rem}
.cover-cta{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;padding:.7rem 1rem;border-radius:6px;font-size:.78rem;font-weight:700;transition:all .18s;letter-spacing:.01em;flex:0 1 auto;min-width:0;text-align:center;white-space:nowrap}
.cover-cta-primary{background:var(--rose-fonce);color:#fff!important}
.cover-cta-primary:hover{background:var(--vert-moyen);color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.15)}
.cover-cta-secondary{background:var(--vert-moyen);color:#fff!important}
.cover-cta-secondary:hover{background:var(--vert);color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.12)}
@media(max-width:860px){
  .cover-page{flex-direction:column}
  .cover-image-col{width:100%;height:auto;position:relative;top:0;overflow:visible}
  .cover-text-col{padding:1.75rem 1.25rem 3rem;max-width:100%}
  .cover-main-title{font-size:1.5rem}
  .cover-meta{grid-template-columns:1fr 1fr}
  .cover-ctas{flex-wrap:wrap}
}
body.dark .cover-page{background:var(--dk-bg)}
body.dark .cover-image-col{background:#1a1a20}
body.dark .cover-subtitle{color:var(--dk-text-muted)}
body.dark .cover-text{color:var(--dk-text)}
body.dark .cover-meta{background:var(--dk-card)}
body.dark .cover-meta-value{color:var(--dk-rose)}
body.dark .cover-text-col h2,body.dark .cover-text-col h3{color:var(--dk-rose)}


/* --- Bandeau fiche initiative v2 (essai) --- */
.fiche-topbar{display:flex;flex-wrap:wrap;margin:0 0 1.1rem;border-radius:4px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.fiche-topbar-badge{background:var(--rose-fonce);color:#fff;font-family:var(--font-titre);font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.55rem 1.1rem;font-size:1.05rem;white-space:nowrap}
.fiche-topbar-location{background:var(--vert);color:#fff;font-weight:700;padding:.55rem 1.1rem;font-size:1.05rem;flex:1;text-align:right}
.fiche-kicker{font-family:var(--font-titre);font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--rose-fonce);font-size:1.15rem;margin:0 0 .35rem;text-align:center}
.fiche-header-v2 .article-title{text-align:center}
body.dark .fiche-topbar-badge{background:var(--dk-rose);color:#16140c}

body.dark .fiche-kicker{color:var(--dk-rose)}


/* --- Hierarchie couleurs Fiches 1-11 (grand titre / sous-titre / sous-sous-titre) --- */
body.fiche-chapter .article-title{color:var(--vert-dense)}
body.dark.fiche-chapter .article-title{color:var(--dk-vert)}

body.fiche-subtopic .article-title{font-size:1.55rem}
body.fiche-subtopic .niveau-3{font-size:1.25rem}

@media(max-width:860px){
  body.fiche-subtopic .article-title{font-size:1.15rem}
  body.fiche-subtopic .niveau-3{font-size:1.05rem}
}


/* --- Filet orange (largeur du texte) sous les sous-titres, a la place du filet gris pleine largeur --- */
body.fiche-subtopic .article-header{border-bottom:none;padding-bottom:0;margin-bottom:1.25rem}
body.fiche-subtopic .article-title{display:table;border-bottom:4px solid var(--rose-fonce);padding-bottom:.4rem}


/* --- Badge "Suite" sur les sous-pages d une fiche --- */
.article-badge-suite{display:inline-block;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.11em;padding:.2rem .3rem .2rem 0;color:#7f9777;margin-bottom:.8rem;margin-left:.35rem}
body.dark .article-badge-suite{color:#a9c2be}

/* --- Menu mobile (burger) : doit se déplier depuis le HAUT en pleine
   largeur, comme sur tous les autres rapports du CESER (transition
   écologique, vivre dignement, contribution financer l'action régionale) —
   ces rapports ont ce correctif en <style> inline sur chaque page ; ce
   rapport-ci ne l'avait jamais reçu et retombait donc sur le vieux tiroir
   latéral (transform:translateX) défini dans assets/css/style.css. On
   remplace ici par le même comportement translateY, pour tout le site en
   un seul endroit plutôt que sur les 72 pages. --- */
@media(max-width:860px){
  .sidebar{
    position:fixed !important;
    top:var(--header-h) !important;
    left:0;right:0;bottom:auto;
    width:100% !important;
    max-width:100% !important;
    max-height:75vh;
    overflow-y:auto;
    transform:translateY(-110%);
    transition:transform .28s ease;
    z-index:100;
    box-shadow:0 8px 24px rgba(0,0,0,.25);
  }
  .sidebar.open{transform:translateY(0)}
}

/* --- Bouton "Aa" (police système / Helvetica) : le JS toggle bien
   body.font-system, mais aucune règle ne définissait ce que ça change ni
   l'état actif du bouton — présent en <style> inline sur les autres
   rapports, jamais ajouté ici. --- */
body.font-system{--font-titre:Helvetica,Arial,'Liberation Sans',sans-serif;--font-corps:Helvetica,Arial,'Liberation Sans',sans-serif}
#font-toggle-btn{font-style:italic}
#font-toggle-btn.active-font{background:rgba(255,255,255,.3);outline:1px solid rgba(255,255,255,.5)}


/* ══════════════════════════════════════════════════════════════════════════
   SURCOUCHE « INTELLIGENCE ARTIFICIELLE » (idml_to_html_v7.py)
   Palette prélevée sur la couverture : bordeaux #c37231 / #9a5321, rose poudré #e7bc56,
   bleu ardoise #445251, vert sauge #dde4dd, crème #faf8e6, anthracite #4d5657
   ══════════════════════════════════════════════════════════════════════════ */
:root{
  --rose-fonce:#c37231; --rose:#d08a4f; --rose-pale:#f6ead0;
  --vert-dense:#445251; --vert:#5f8380; --vert-moyen:#a9c2be; --vert-pale:#e4ebe7;
  --ia-bleu:#445251; --ia-poudre:#e7bc56; --ia-sauge:#dde4dd; --ia-creme:#faf8e6; --ia-anthracite:#4d5657; --fond-creme:#faf8e6; --ia-framboise:#c37231; --ia-vert:#f3e3b5; --ia-gris:#ecebe2;
}
html,body{overflow-x:hidden}
:root{--orange:#c37231;--violet:#445251}
.niveau-3{color:var(--ia-framboise);text-decoration-color:rgba(156,63,94,.35)}
.niveau-4{color:var(--ia-bleu);text-decoration-color:rgba(63,90,120,.35)}
.corps a,.intervention-texte a,.box p a,.article-body p a,.article-body li a{color:var(--ia-bleu);text-decoration-color:rgba(63,90,120,.4)}
.article-body .liste-preco a,.article-body .cartes-defis a{color:inherit;text-decoration:none}
body.dark .niveau-3{color:var(--dk-rose)}
body.dark .niveau-4,body.dark .corps a,body.dark .article-body li a{color:#a9c2be}
em.rose,strong.rose{color:var(--ia-framboise)}
span.rose,em.rose{font-weight:600}
.texte-bleu{color:var(--ia-bleu)}
body.dark .texte-bleu{color:#a9c2be}
/* Sur fond foncé (cartes, chiffres clés, encadrés bleus, GAFAM) : le texte coloré repasse en blanc */
.box-carte .rose,.box-carte .texte-bleu,.box-chiffres .rose,.box-chiffres .texte-bleu,.box-bleu .rose,.box-bleu .texte-bleu,.gafam .rose{color:#fff!important}
.box-carte .carte-titre .rose{font-weight:700}
/* Mots en style « Rose » / couleur Rose IA de l'IDML : bordeaux (appels de note en fraise) */
.rose,strong.rose{color:var(--ia-framboise)}
.article-body .question{font-family:var(--font-titre);font-weight:700;color:var(--ia-framboise);text-align:center;font-size:1.12rem;line-height:1.45;margin:1.6rem auto;max-width:42rem}
.niveau-5{font-size:1.05rem;font-weight:700;color:var(--ia-bleu);margin:1.2rem 0 .5rem}
.niveau-4.phase{color:var(--ia-framboise)}
.article-body .intervention-texte,body.dark .article-body .intervention-texte{border-left:none;padding-left:0}
.article-body .intervention-texte + .intervention-nom{border-top:1px solid var(--ia-poudre);padding-top:2rem;margin-top:2.4rem}
body.dark .article-body .intervention-texte + .intervention-nom{border-top-color:#4a4232}
.tableau-personnes th,.tableau-personnes td{border-color:#fff}
.tableau-personnes th{background:var(--ia-bleu);color:#fff}
.tableau-personnes tr:nth-child(odd) td{background:var(--ia-creme)}
.tableau-personnes tr:nth-child(even) td{background:var(--ia-vert)}
body.dark .tableau-personnes th,body.dark .tableau-personnes td{border-color:#1e1e1e}
body.dark .tableau-personnes th{background:#445251;color:#fff}
body.dark .tableau-personnes tr:nth-child(odd) td{background:#262a27}
body.dark .tableau-personnes tr:nth-child(even) td{background:#2e3530}
.bandeau-page{background:#445251;color:#fff;text-align:center;padding:1.4rem 1.5rem;margin:0 0 1.8rem;border-radius:2px}
.bandeau-page p{margin:0;color:#fff}
.bandeau-titre{font-family:var(--font-titre);font-size:1.6rem;font-weight:700;line-height:1.25}
.bandeau-sous-titre{font-family:var(--font-titre);font-size:1.2rem;font-style:italic;margin-top:.3rem!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.chapeau-page{font-family:var(--font-titre);font-size:1.3rem;color:var(--ia-bleu);font-weight:700;margin:0 0 1.2rem}
.liste li.puce-fleur-titre{font-weight:700;color:var(--ia-framboise)}
.box-bleu .niveau-5,.box-chiffres .niveau-5{color:#fff}
.box-preco .figure-image img,.box-zoom .figure-image:not(.figure-composite) img{max-width:240px}
.liste li.texte-rose{color:var(--ia-framboise);font-weight:600}
.liste li.puce-triangle{list-style:none;position:relative}
.liste li.puce-triangle::before{content:"▸";color:var(--ia-bleu);position:absolute;left:-1rem}
.liste-mediag{list-style:none;margin-left:0!important}
.liste-mediag li{margin-bottom:.8rem;font-size:.92rem}
.source{font-size:.78rem;color:#667;font-style:italic;margin:.3rem 0 1rem}
.gafam{background:var(--ia-bleu);color:#fff;display:block;float:left;padding:.8rem 1.2rem;border-radius:4px;line-height:1.8;margin:.3rem 1.4rem .6rem 0}
.box .gafam + p{clear:none}
.article-body .box.box-chiffres.box-flottant{float:left;clear:none;width:auto;max-width:42%;margin:.3rem 1.6rem 1rem 0;padding:1.1rem 1.6rem}
.article-body .box-flottant + p{clear:none}
@media(max-width:600px){.article-body .box.box-chiffres.box-flottant{float:none;max-width:none;margin:1rem 0}}
.box::after{content:'';display:block;clear:both}
@media(max-width:500px){.gafam{float:none;display:inline-block}}
.gafam .lettre{color:#ecd08a}
.box-zoom{border-left-color:var(--ia-bleu);background:var(--ia-gris)}
.box-zoom .box-kicker{display:inline-block;background:var(--ia-bleu);color:#fff;padding:.2rem .7rem;font-size:.85rem;letter-spacing:.06em}
.box-zoom .box-title{color:var(--ia-bleu);font-size:1.25rem}
.box-subtitle-inline{font-size:1.05rem;font-weight:700;color:var(--ia-framboise);margin:1.1rem 0 .4rem}
.box-preco{border:2px solid var(--ia-poudre);border-left-width:6px;background:#faf0d8}
.box-preco .box-kicker{color:var(--ia-framboise);font-size:.8rem}
.box-preco .box-title{color:var(--ia-framboise);font-size:1.2rem}
.box-preco .preco-subhead{color:var(--ia-framboise);font-weight:700;margin:1rem 0 .4rem}
.box-vert{border-left-color:#8fb0aa;background:var(--ia-vert)}
.box-vert .box-title{color:var(--ia-bleu);text-align:center}
.box-bleu{border-left-color:#2f3b3a;background:var(--ia-bleu);color:#fff}
.box-bleu .box-title,.box-bleu p,.box-bleu li{color:#fff}
.box-bleu a,.box-bleu a.note-ref{color:#f0d9a8}
.box-resume,.box-resume .box-resume-panel{background:var(--ia-vert)!important}
.box-resume{border-left-color:#8fb0aa}
.box-resume .box-kicker{color:var(--ia-bleu)}
.box-resume p,.box-resume li{font-weight:700;color:#3d3d3d}
body.dark .box-resume,body.dark .box-resume .box-resume-panel{background:#1f2a29!important}
body.dark .box-resume p,body.dark .box-resume li{color:var(--dk-text)}
.box-encadre{background:#f6f2e6;border-left-color:var(--ia-framboise)}
.box-sous-sommaire{background:#eef2f0;border-left-color:var(--ia-bleu)}
.box-sous-sommaire a{color:var(--ia-bleu);font-weight:600}
.box-chiffres{background:var(--ia-framboise);border-left-color:#9a5321;color:#fff}
.box-chiffres a,.box-chiffres a.note-ref{color:#fff;text-decoration:underline}
.box-chiffres .box-source{color:#f2e2c0;text-align:right}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1.1rem 1.4rem}
.stat-grid.stat-single{grid-template-columns:1fr}
.stat-item{text-align:center}
.stat-num{font-family:var(--font-titre);font-size:1.9rem;font-weight:700;line-height:1.1;color:#fff}
.stat-head{font-family:var(--font-titre);font-size:1.1rem;font-weight:700;line-height:1.25;color:#fff;margin-bottom:.3rem}
.stat-label{font-size:.9rem;line-height:1.45;color:#fff}
.stat-label p{margin:0}
.box-chiffres .liste{text-align:left}
.box-chiffres .liste li{color:#fff}
.box-chiffres .figure-image{background:#fff;padding:.4rem;border-radius:4px}
.cartes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin:1.5rem 0}
.cartes-grid .box{margin:0}
.box-carte{background:var(--ia-framboise);border-left-color:#9a5321;color:#fff}
.box-carte .carte-titre{font-family:var(--font-titre);font-weight:700;font-size:1.05rem;margin-bottom:.4rem;text-align:center}
.box-carte p{color:#fff;font-size:.92rem;margin-bottom:.4rem}
.tableau-ia td{vertical-align:top}
.tableau-ia td p{margin:0 0 .4rem}
.cell-img{display:block;max-width:180px;max-height:90px;margin:.2rem 0 .5rem}
.figure-composite{display:block;text-align:center}
.figure-composite img{background:#fff;border-radius:6px}
.liste-preco{counter-reset:p;list-style:none;margin:0;padding:0}
.liste-preco li{counter-increment:p;position:relative;padding:.45rem 0 .45rem 2.6rem;border-bottom:1px solid rgba(156,63,94,.15);font-weight:600}
.liste-preco li::before{content:counter(p);position:absolute;left:0;top:.35rem;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--ia-framboise);color:#fff;font-size:.85rem;display:flex;align-items:center;justify-content:center}
.liste-preco a,.cartes-defis a{color:inherit;text-decoration:none}
.liste-preco a:hover,.cartes-defis a:hover{text-decoration:underline;color:var(--ia-framboise)}
.box-preco-liste{background:#faf0d8;border-left-color:var(--ia-framboise)}
.chapeau-sommaire-preco{font-style:italic;color:var(--ia-bleu);margin-top:-.4rem}
.cartes-defis{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.2rem 0 2rem}
.carte-defi{border:2px solid var(--ia-framboise);border-radius:8px;padding:1rem 1.1rem;background:#fff}
.carte-defi-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ia-framboise);font-weight:700}
.carte-defi-titre{font-family:var(--font-titre);font-weight:700;color:var(--ia-bleu);margin:.3rem 0 .6rem;line-height:1.3}
.carte-defi .liste{margin-left:0;list-style:none}
.carte-defi .liste li{display:flex;gap:.5rem;font-size:.9rem;margin-bottom:.45rem}
.preco-num{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--ia-framboise);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}
body.dark .box-zoom{background:var(--dk-card)}
body.dark .box-zoom .box-title{color:#a9c2be}
body.dark .box-preco,body.dark .box-preco-liste{background:#1e1a10}
body.dark .box-preco .box-title,body.dark .box-preco .box-kicker,body.dark .box-preco .preco-subhead{color:var(--dk-rose)}
body.dark .box-vert{background:#0e1818}
body.dark .box-vert .box-title{color:#a9cfc6}
body.dark .box-bleu{background:#182120}
body.dark .box-encadre,body.dark .box-sous-sommaire{background:var(--dk-card)}
body.dark .box-sous-sommaire a{color:#a9c2be}
body.dark .carte-defi{background:var(--dk-card)}
body.dark .carte-defi-titre{color:#a9c2be}
body.dark .question{color:var(--dk-rose)}
body.dark .rose,body.dark strong.rose,body.dark em.rose{color:var(--dk-rose)}
body.dark .niveau-5{color:#a9c2be}
/* Couverture : bloc Commission / Date / Structure / Vote sur fond vert sauge, libellés en bleu foncé */
.cover-meta{background:var(--ia-sauge)!important;border-color:var(--ia-sauge)!important}
.cover-meta-label{color:var(--ia-bleu)!important;font-weight:700}
.cover-eyebrow{color:var(--ia-bleu)!important}
.cover-ctas .cover-cta,.cover-ctas .cover-cta-secondary{background:var(--ia-bleu)!important;color:#fff!important;border-color:var(--ia-bleu)!important}
.cover-ctas .cover-cta:hover{background:var(--ia-framboise)!important;border-color:var(--ia-framboise)!important;color:#fff!important}
body.dark .cover-meta{background:#1f2a29!important}
body.dark .cover-meta-label{color:#a9c2be!important}
/* Encarts côte à côte (p. 14) */
.ligne-encarts{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}
.ligne-encarts>.box{margin:0}
@media(max-width:700px){.ligne-encarts{grid-template-columns:1fr}}
/* Page 16 : deux colonnes (chiffres + chaire / laboratoires + réseau + CATIE) */
.cols16{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.8rem 0;align-items:start}
.cols16-col{display:flex;flex-direction:column;gap:1.2rem}
.cols16 .box{margin:0}
.box-chiffres-pile .stat-grid{grid-template-columns:1fr;gap:1.4rem}
.box-chiffres-pile{padding:1.6rem 1.4rem}
.box-chiffres-pile .stat-num{font-size:2.3rem}
.box-chiffres-pile .stat-label{font-size:.98rem;line-height:1.5}
.box-chiffres-pile .stat-label strong{font-size:1.08rem}
.box-carte-claire{background:#f6e3b8;border-left:none;border-radius:8px;text-align:center;padding:1.4rem 1.2rem}
.box-carte-claire .cc-num{font-family:var(--font-titre);font-size:2.8rem;font-weight:700;line-height:1;color:var(--ia-framboise)}
.box-carte-claire .cc-titre{font-family:var(--font-titre);font-weight:700;font-size:1.1rem;color:var(--ia-framboise);margin:.3rem 0 .1rem}
.box-carte-claire p{margin:.25rem 0 0;color:var(--gris-texte)}
.box-labos{background:#fff;border:2px dotted var(--ia-framboise);border-left:2px dotted var(--ia-framboise);border-radius:0;text-align:center}
.box-labos .labos-titre{color:var(--ia-framboise);font-family:var(--font-titre);font-weight:600;font-size:1.05rem;margin-bottom:.4rem}
.box-labos .figure-image{margin:0}
.box-labos .figure-image img{background:transparent}
.box-catie{background:#fff;border:1.5px solid var(--ia-framboise);border-left:1.5px solid var(--ia-framboise);border-radius:0;padding-bottom:1rem}
.box-catie .box-title{color:#222;font-size:1.1rem}
.box-catie .catie-logo{display:block;width:170px;max-width:60%;margin:1rem 0 0 auto}
body.dark .box-carte-claire{background:#2e2a1e}
body.dark .box-carte-claire p{color:var(--dk-text)}
body.dark .box-labos,body.dark .box-catie{background:var(--dk-card)}
body.dark .box-catie .box-title{color:var(--dk-text)}
@media(max-width:800px){.cols16{grid-template-columns:1fr}}
/* Matrice SWOT */
.swot{display:grid;grid-template-columns:1fr 1fr;margin:1.6rem 0;border:1px solid var(--ia-framboise)}
.swot-case{padding:1.1rem 1.2rem}
.swot-titre{font-family:var(--font-titre);font-weight:700;text-align:center;font-size:1.05rem;letter-spacing:.04em;margin-bottom:.5rem}
.swot-case .liste{margin:0 0 0 1.1rem}
.swot-case .liste li{margin-bottom:.35rem;font-size:.93rem;line-height:1.45}
.swot-fonce{background:var(--ia-framboise);color:#fff}
.swot-fonce .swot-titre,.swot-fonce li{color:#fff}
.swot-clair{background:#f6e3b8}
.swot-clair .swot-titre{color:var(--ia-framboise)}
.swot-clair li{color:var(--gris-texte)}
body.dark .swot-clair{background:#2e2a1e}
body.dark .swot-clair li{color:var(--dk-text)}
body.dark .swot-clair .swot-titre{color:var(--dk-rose)}
@media(max-width:700px){.swot{grid-template-columns:1fr}}
/* Images en habillage à gauche */
.figure-image.img-float-left{float:left;width:30%;max-width:230px;margin:.3rem 1.4rem .8rem 0}
.article-body h3,.article-body h4,.article-body .box,.article-body .liste{clear:both}
.figure-image.img-float-left.img-petite{width:18%;max-width:140px}
.figure-image.img-float-left img,.figure-image.img-float-right img,.figure-image.img-titre-droite img{width:100%!important;max-width:100%!important}
.figure-image.img-float-left.img-moitie{display:block;width:50%;max-width:none;margin:.3rem 1.5rem 1rem 0}
.figure-image.img-float-right{float:right;width:22%;max-width:170px;margin:.6rem 0 .6rem 1.4rem}
.article-body .img-float-right + .liste{clear:none}
.figure-image.img-float-right.img-large{width:42%;max-width:none;margin:.3rem 0 1rem 1.6rem}
@media(max-width:600px){.figure-image.img-float-right.img-large{float:none;width:100%;margin:1rem 0}.figure-image.img-float-left.img-moitie{float:none;width:100%;margin:1rem 0}.figure-image.img-float-right{width:35%}.figure-image.img-float-left{float:none;width:60%;margin:1rem auto}.figure-image.img-float-left.img-petite{width:40%}}
/* Petite image calée à droite d'un titre */
.figure-image.img-titre-droite{float:right;width:24%;max-width:190px;margin:1.6rem 0 .6rem 1.2rem}
.article-body h3.h-avec-image{clear:none}
@media(max-width:600px){.figure-image.img-titre-droite{width:35%}}
/* Tableaux damier */
.damier{display:grid;margin:1.6rem 0;border:1px solid var(--ia-framboise)}
.damier-3{grid-template-columns:repeat(3,1fr)}
.damier-2{grid-template-columns:1fr 1fr}
.damier-2 .damier-case{display:flex;flex-direction:column;justify-content:center}
.damier-evt .evt-case{align-items:center}
.damier-evt .cell-img{max-width:170px;max-height:85px;margin:0 auto .7rem;border-radius:4px}
.damier-evt .evt-case p{font-size:.9rem}
.damier-evt .swot-fonce p,.damier-evt .swot-fonce p *{color:#fff!important}
.damier-evt .swot-clair p,.damier-evt .swot-clair p *{color:var(--ia-framboise)!important}
.damier-evt .swot-clair{background:#fff}   /* logos IA Pau / IA-NA sur fond blanc, comme le PDF */
.damier-evt .evt-case p{font-style:normal}
.damier-evt .swot-clair p{font-weight:600}
body.dark .damier-evt .swot-clair{background:#fff}
.damier-case{padding:.9rem 1rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}
.damier-titre{font-family:var(--font-titre);font-weight:700;font-size:1.02rem;margin-bottom:.3rem}
.damier-case p{margin:0;font-size:.92rem;line-height:1.45}
.damier .swot-fonce p,.damier .swot-fonce .damier-titre{color:#fff}
.damier .swot-clair .damier-titre{color:var(--ia-framboise)}
.damier .swot-clair p{color:var(--gris-texte)}
@media(max-width:700px){.damier-3,.damier-2{grid-template-columns:1fr}}
/* Bilan DIHNAMIC : 2 lignes x 2 colonnes */
.bilan-dihnamic{background:#fff;border:1px solid #d9d9df;padding:1.4rem;margin:1.5rem 0}
.bd-ligne{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center}
.bd-ligne+.bd-ligne{margin-top:1.4rem;align-items:start}
.bilan-dihnamic .figure-image{margin:0;display:block;text-align:center}
.bilan-dihnamic .titre-schema{text-align:center;color:#888;margin-bottom:.6rem}
.box-chiffres-clair{background:#fff!important;border:1.5px solid var(--ia-framboise)!important;border-radius:0}
.box-chiffres-clair .stat-grid{grid-template-columns:1fr}
.box-chiffres-clair .stat-num,.box-chiffres-clair .stat-num *{color:var(--ia-framboise)!important;font-size:1.6rem}
.box-chiffres-clair .stat-label,.box-chiffres-clair .stat-label *{color:var(--gris-texte)!important}
.box-chiffres-clair .stat-label strong.rose{color:var(--ia-framboise)!important}
body.dark .bilan-dihnamic,body.dark .box-chiffres-clair{background:var(--dk-card)!important}
@media(max-width:700px){.bd-ligne{grid-template-columns:1fr}}
/* Séparateur entre préconisations d'un même encadré */
.box-preco hr.preco-sep{border:0;border-top:1.5px dotted var(--ia-framboise);margin:1.6rem 0 1.2rem;scroll-margin-top:90px}
/* Titres d'encadrés plus grands (tous les encadrés) */
.article-body .box .box-title{font-size:1.35rem;line-height:1.3;margin-bottom:.8rem}
.box-bleu .box-title,.box-vert .box-title{text-align:center;font-size:1.4rem}
.box-zoom .box-title{font-size:1.45rem}
.box-preco .box-title{font-size:1.3rem}
.box-subtitle-inline{font-size:1.15rem}
.box-catie .box-title{font-size:1.25rem}
@media(max-width:700px){.article-body .box .box-title{font-size:1.15rem}}
.figure-image.img-pleine{display:block;width:100%}
.figure-image.img-pleine img{width:100%!important;max-width:100%!important}
.box-zoom .figure-image.img-pleine img{max-width:100%!important}
.fleche{color:var(--ia-bleu);font-weight:400;margin-right:.15rem}
/* Page 76 : profils (encadrés clairs à filet bordeaux) */
.box-profil{border-radius:8px!important}
.box-profil .stat-grid{grid-template-columns:1fr;gap:1rem}
.box-profil .stat-head,.box-profil .stat-head *{color:var(--ia-framboise)!important;font-size:1.3rem}
.box-profil .stat-label{color:var(--ia-framboise)!important}
.box-profil .stat-label *{color:inherit!important}
.box-profil .figure-image{margin:1rem 0 .3rem;background:transparent;padding:0}
.box-profil .box-source{color:var(--gris-texte)!important}
.cols76 .box-chiffres:not(.box-profil) .stat-head{font-size:1.25rem}
.cols76 .stat-grid{grid-template-columns:1fr!important;gap:1.1rem}
.box-actifs .ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem;text-align:center;align-items:center}
.box-actifs .ba-titre{grid-column:1 / -1}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:2.2rem;margin:1rem 0 1.5rem}
.cols2>div>:first-child{margin-top:0}
@media(max-width:800px){.cols2{grid-template-columns:1fr;gap:1rem}}
.box-frise{background:var(--ia-framboise);border-left-color:#9a5321;color:#fff}
.box-frise p{color:#fff;margin:.35rem 0}
.box-frise strong{color:#fff;font-size:1.05em}
.figure-image.img-60{display:block;width:60%;margin-left:auto;margin-right:auto}
.figure-image.img-60 img{width:100%!important}
@media(max-width:600px){.figure-image.img-60{width:100%}}
/* LaborIA / ETUI / affiches */
.box-labor{background:var(--ia-framboise);border-left-color:#9a5321;color:#fff;padding-top:1rem}
.box-labor p,.box-labor li{color:#fff!important}
.box-labor .labor-logo{display:block;width:62%;max-width:240px;margin:0 auto .9rem;background:#fff;padding:.4rem .8rem;border-radius:6px}
.box-jeu{background:#fff;border:1.5px solid var(--ia-framboise);border-left:1.5px solid var(--ia-framboise);border-radius:0}
.box-jeu .box-title{text-align:center;color:var(--ia-framboise)}
.box-jeu p{color:#333}
.box-jeu .etui-logo{display:block;width:42%;max-width:190px;margin:.8rem 0 0 auto}
.box-jeu::after{content:'';display:block;clear:both}
.campagne{margin:1.6rem 0;overflow:hidden}
.campagne .affiche-float{float:right;width:30%;max-width:230px;margin:0 0 1rem 1.6rem;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.article-body h4.niveau-4.campagne-titre{clear:none;color:var(--ia-framboise);margin-top:0;font-size:1.35rem}
body.dark .box-jeu{background:var(--dk-card)}
body.dark .box-jeu p{color:var(--dk-text)}
@media(max-width:600px){.campagne .affiche-float{float:none;display:block;width:70%;margin:0 auto 1rem}}
.liste-preco li{font-weight:400!important}
.liste-preco li strong,.liste-preco li b{font-weight:600!important}
.liste-preco li a{font-weight:600}
.carte-defi .liste li strong{font-weight:600}
.liste-preco li::before,.preco-num{background:var(--ia-bleu)!important}
/* Sommaire */
.sommaire-table .tbl-chapitre{background:var(--ia-bleu)}
.sommaire-table .tbl-sub-header{background:var(--ia-vert)}
.sommaire-table .tbl-n3{background:#edf1ec}
body.dark .sommaire-table .tbl-sub-header,body.dark .sommaire-table .tbl-n3{background:#1f2a29}
.sommaire-table .tbl-n3 a{font-size:.78rem;color:var(--gris-texte)}
.sommaire-table td{vertical-align:middle}
.sommaire-table .tbl-triple{align-items:stretch}
.sommaire-table .tbl-triple a{display:flex;align-items:center;justify-content:center;text-align:center}
.sommaire-table .tbl-n3 a:hover{color:var(--ia-framboise)}
/* Menu : ancres en vert sauge / bleu ardoise de la couverture (plus de vert Mobilité), pas d'icône devant les entrées */
.sidebar .nav-anchors{background:#edf1ec!important}
.sidebar .nav-anchor a{color:var(--ia-bleu)!important}
.sidebar .nav-anchor a:hover{color:var(--ia-framboise)!important}
.sidebar .nav-icon{display:none!important}
body.dark .sidebar .nav-anchors{background:#1a2222!important}
body.dark .sidebar .nav-anchor a{color:#a9c2be!important}
body.dark .sidebar .nav-anchor a:hover{color:var(--dk-rose)!important}
/* Menu : pas de tiret devant les ancres (pas de cadratin dans les documents) */
.nav-anchor::before{content:none!important}
.nav-anchor a{padding-left:2.1rem}
/* Appels de note : rouge fraise (accent des tracés de la couverture) */
:root{--ia-fraise:#e0701c}
.article-body a.note-ref,.article-body sup a.note-ref{color:var(--ia-fraise)!important;font-weight:700;text-decoration:none}
.article-body a.note-ref:hover{text-decoration:underline}
.box-bleu a.note-ref,.box-chiffres a.note-ref,.box-carte a.note-ref{color:#ffd9b8!important}
body.dark .article-body a.note-ref{color:#ff9a4d!important}
/* Hiérarchie des titres calquée sur le PDF :
   titre de partie   » Périmètre…       framboise, chevron » bleu ardoise
   sous-titre        › Les partis pris… bleu ardoise, flèche
   intertitre (h3)   | Une problématique… framboise, filet vertical à gauche
   intertitre (h4)   Outil, Vertueux…   bleu ardoise                         */
body.page-chapitre .article-title{color:var(--ia-framboise)}
body.page-chapitre .article-title::before{content:"» ";color:var(--ia-bleu)}
body.page-chapitre .article-badge{background:var(--ia-bleu);color:#fff;font-size:.9rem;padding:.35rem .8rem;letter-spacing:.06em}
body.page-sous-partie .article-title{color:var(--ia-bleu);font-size:2rem;padding-left:1.6rem;position:relative}
body.page-sous-partie .article-title::before{content:"›";position:absolute;left:0;top:-.05em;color:#6b6b6b;font-weight:400}
.titre-parent{display:block;font-family:var(--font-titre);font-weight:700;font-size:1.05rem;line-height:1.35;color:var(--ia-framboise)!important;text-decoration:none!important;margin-bottom:.9rem}
.titre-parent .chevron{color:var(--ia-bleu)}
.titre-parent:hover{text-decoration:underline!important}
.badge-enjeu{display:inline-block;margin-bottom:.5rem;background:var(--ia-framboise);color:#fff}
.article-body .niveau-3{color:var(--ia-framboise);text-decoration:none;border-left:5px solid var(--ia-framboise);padding-left:.8rem;font-size:1.5rem;line-height:1.25;margin:2rem 0 1rem}
.article-body .niveau-4{color:var(--ia-bleu);text-decoration:none;font-size:1.2rem;margin:1.4rem 0 .5rem}
.article-body .niveau-4.phase{color:var(--ia-framboise)}
body.dark.page-chapitre .article-title,body.dark .titre-parent{color:var(--dk-rose)!important}
body.dark.page-sous-partie .article-title,body.dark .article-body .niveau-4{color:#a9c2be}
body.dark .article-body .niveau-3{color:var(--dk-rose);border-left-color:var(--dk-rose)}
@media(max-width:700px){body.page-sous-partie .article-title{font-size:1.45rem}.article-body .niveau-3{font-size:1.25rem}}
@media(max-width:700px){.stat-num{font-size:1.6rem}.cartes-grid,.cartes-defis{grid-template-columns:1fr}}

/* ── v8 Enseignement supérieur ── */
:root{--rose-fonce:#445251;--vert-dense:#445251;--es-ardoise:#445251;--es-orange:#c37231;--es-bleuvert:#5f8380;--es-moutarde:#e7bc56;--es-note:#e0701c;
  --es-moutarde-clair:#f3e3b5;--es-grisvert:#dde4dd;--es-creme:#faf8e6}
.liste li.puce-triangle::before{content:"▸";color:var(--es-moutarde);position:absolute;left:-1rem}
.abrev-liste{display:grid;grid-template-columns:8rem 1fr;gap:.35rem 1rem;margin:0 0 1rem}
.abrev-liste dt{font-weight:700;color:var(--es-ardoise)}.abrev-liste dd{margin:0}
body.dark .abrev-liste dt{color:#c9d8d2}
.tbl-detail{background:var(--es-creme)!important;text-align:left!important;padding:.6rem 1.2rem!important}
ul.som-n3{list-style:none;margin:0;padding:0;columns:1}
li.som-n3{font-weight:600;margin:.35rem 0 .1rem;padding-left:1rem;position:relative}
li.som-n3::before{content:"▸";color:var(--es-moutarde);position:absolute;left:0}
li.som-n4{font-size:.88em;margin:.1rem 0 .1rem 2rem;color:var(--es-ardoise)}
.tbl-detail a{color:inherit;text-decoration:none}.tbl-detail a:hover{color:var(--es-orange);text-decoration:underline}
body.dark .tbl-detail{background:#1f2524!important}body.dark li.som-n4{color:#c9d8d2}
.cover-main-title{color:var(--es-orange)!important}
body.dark .cover-main-title{color:#e0a26b!important}
.sommaire-table td.tbl-chapitre{background:var(--es-orange)!important;letter-spacing:.09em}
.sommaire-table td.tbl-chapitre a{color:#fff!important}
body.dark .sommaire-table td.tbl-chapitre{background:#9a5321!important}
.sommaire-table td.tbl-cell{background:var(--es-grisvert);text-align:center;vertical-align:middle;width:50%;
  font-size:.86rem;font-weight:600;padding:.75rem 1rem;border:2px solid #fff!important}
.sommaire-table td.tbl-cell a{color:var(--es-ardoise);text-decoration:none}
.sommaire-table td.tbl-cell a:hover{color:var(--es-orange);text-decoration:underline}
body.dark .sommaire-table td.tbl-cell{background:#26302f;border-color:#1a1f1e!important}
body.dark .sommaire-table td.tbl-sub-header{border-color:#1a1f1e!important}
body.dark .sommaire-table td.tbl-cell a{color:#c9d8d2}
@media (max-width:640px){.sommaire-table td.tbl-cell{display:block;width:auto}}
.sommaire-table td.tbl-sub-header{border:2px solid #fff!important;font-size:1rem!important;padding:.85rem 1rem}
.sommaire-table td.tbl-sub-2{width:50%;vertical-align:middle}
/* Menu : repères de couleur */
.nav-item.depth-0>.nav-item-header a:is([href^="1-"],[href^="2-"],[href^="3-"],[href^="4-"],[href^="5-"]){color:var(--es-orange)!important;font-weight:700}
.nav-item.depth-0:has(>.nav-item-header a:is([href^="1-"],[href^="2-"],[href^="3-"],[href^="4-"],[href^="5-"]))>.nav-item-header{border-left:4px solid var(--es-orange)}
.nav-item.depth-1>.nav-item-header a{color:var(--es-ardoise)!important}
.nav-item.depth-1>.nav-item-header a[href^="zoom-"]{color:var(--es-bleuvert)!important}
.nav-item.depth-1>.nav-item-header a[href^="zoom-"]::before{content:"ZOOM";display:block;font-size:.62rem;font-weight:800;letter-spacing:.1em;color:var(--es-moutarde)}
.nav-item.depth-1>.nav-item-header a[href^="recommandations-"]{color:var(--es-orange)!important;font-weight:700!important}
.nav-item.depth-1:has(>.nav-item-header a[href^="recommandations-"])>.nav-item-header{border-left:3px solid var(--es-moutarde)}
.nav-anchor a{color:var(--es-bleuvert)!important}
body.dark .nav-item.depth-0>.nav-item-header a:is([href^="1-"],[href^="2-"],[href^="3-"],[href^="4-"],[href^="5-"]){color:#e0a26b!important}
body.dark .nav-item.depth-1>.nav-item-header a{color:#d6ddd9!important}
body.dark .nav-item.depth-1>.nav-item-header a[href^="zoom-"]{color:#a9cfc6!important}
body.dark .nav-item.depth-1>.nav-item-header a[href^="recommandations-"]{color:#e0a26b!important}
body.dark .nav-anchor a{color:#a9c2be!important}
.index-title{color:var(--es-orange)!important}
body.dark .index-title{color:#e0a26b!important}
.props-page{background:#dde4dd;padding:1.8rem 2.2rem 1.4rem;margin:.5rem 0 1.5rem;border-radius:4px}
.props-page h4.props-titre{color:var(--es-orange);font-size:1.55rem;line-height:1.25;font-style:normal;margin:.4rem 0 1rem}
.props-page h4.props-titre:not(:first-child){margin-top:2rem}
.props-page .liste li{font-size:1.2rem!important;line-height:1.5;margin-bottom:.6rem}
.props-page .liste li.puce-triangle::before{color:var(--es-orange)}
body.dark .props-page{background:#26302f}
body.dark .props-page h4.props-titre{color:#e0a26b}
.box-sauge{background:#7f9a8c;color:#fff;padding:1.1rem 1.4rem;margin:1.4rem 0;border-radius:3px}
.box-sauge p,.box-sauge li,.box-sauge h4,.box-sauge h5,.box-sauge a{color:#fff!important}
.box-sauge p{margin:0 0 .6rem}.box-sauge p:last-child{margin-bottom:0}
.box-sauge .liste li.puce-triangle::before{color:#fff}
.box-sauge a.note-ref{color:#fff!important;text-decoration:underline}
body.dark .box-sauge{background:#3d4d45}
body.page-chapitre .article-title::before{content:none!important}
body.page-chapitre .article-title{font-size:clamp(2.1rem,4.4vw,3.5rem)!important;line-height:1.12!important;letter-spacing:-.005em}
/* Zooms : onglet ZOOM vert foncé, filet, fond gris-vert, titre orange centré (comme le PDF) */
body.page-zoom .article-title{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.page-zoom .article-body,.zoom-box{position:relative;background:#e6eae7;border-top:2px solid #1d4c50;padding:1.8rem 2.2rem 1.4rem;margin-top:3.4rem}
.zoom-box{margin:4rem 0 1.6rem}
.zoom-tab{position:absolute;left:0;top:calc(-2.45rem - 2px);background:#1d4c50;color:#fff;font-weight:800;font-size:1.6rem;
  letter-spacing:.09em;line-height:2.45rem;padding:0 1.6rem}
.zoom-titre{text-align:center;color:var(--es-orange)!important;font-size:1.65rem!important;font-weight:700;line-height:1.25;margin:.2rem 0 1.6rem!important;text-indent:0!important}
body.page-zoom .article-body h4,body.page-zoom .article-body h5,.zoom-box h4,.zoom-box h5{color:#1d4c50!important}
/* Hiérarchie de lecture : intertitres nettement au-dessus du corps */
.article-body .niveau-4{font-size:1.45rem!important;line-height:1.3;margin:2rem 0 .7rem!important}
.article-body .niveau-5{font-size:1.25rem!important;line-height:1.3;margin:1.7rem 0 .6rem!important}
/* Pas d'italique là où le PDF n'en a pas : intertitres (Bree Bold/Semibold droits) et sources (Bree Light droit) */
.article-body h4,.article-body h5,.niveau-4,.niveau-5{font-style:normal!important}
.source,.box-source{font-style:normal!important}
.article-body .zoom-titre+.niveau-5,.article-body .zoom-tab+.niveau-5{margin-top:.4rem!important}
.article-body h3,.article-body h4{clear:both}
.article-body .fig-half + .liste,.article-body .fig-half + p{clear:none!important}
.fig-half{float:right;width:50%;margin:.3rem 0 1rem 1.8rem;clear:right}
.titre-schema{text-transform:none!important;letter-spacing:normal!important;border:0!important;text-decoration:none!important;color:#5d6664!important;font-weight:600!important;font-size:1.05rem!important;line-height:1.3!important}
.titre-schema::before,.titre-schema::after{content:none!important;display:none!important}
.article-body>.titre-schema,.zoom-box>.titre-schema{text-align:center!important;clear:both;margin-top:1.4rem!important}
.fig-half .titre-schema{text-align:center;margin:0 0 .5rem!important}
.fig-half figure{margin:0!important;width:100%!important}
.fig-half figure img{width:100%;height:auto}
.fig-half .source{text-align:right;margin:.35rem 0 0!important}
body.page-zoom .article-body h4,body.page-zoom .article-body h5,.zoom-box h5{clear:both}
body.page-zoom .article-body::after{content:"";display:block;clear:both}
@media (max-width:760px){.fig-half{float:none;width:auto;margin:1rem 0}}
a.renvoi{color:var(--es-bleuvert);text-decoration:underline;text-underline-offset:2px}
a.renvoi:hover{color:var(--es-orange)}
h5.session .rose{color:var(--es-orange)}
.titre-masque{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0!important}
.table-wrap+.source{text-align:right;margin-top:.35rem}
.box-jaune{background:#f9ca75;padding:1.6rem 2rem 1.2rem;margin:2rem 0;border-radius:6px;box-shadow:4px 4px 10px rgba(0,0,0,.12)}
.box-jaune>h5:first-child{text-transform:uppercase;letter-spacing:.06em;color:var(--es-ardoise)!important;font-size:1.35rem!important;border-bottom:2px dotted var(--es-orange);display:inline-block;padding-bottom:.25rem;margin-top:0!important}
.box-jaune h5{color:var(--es-ardoise)!important}.box-jaune .liste li.puce-triangle::before{color:var(--es-ardoise)}
body.dark .box-jaune{background:#4a3c22}body.dark .box-jaune h5{color:#f3e3b5!important}
body.page-sous-partie .article-title::before{content:none!important}
body.page-sous-partie .article-title{padding-left:0!important}
.titre-num{color:#5d5650;margin-right:.35em;font-weight:700}
body.dark .titre-num{color:#b8b0a6}
/* Témoignages */
.temoignage{position:relative;background:#fbf1e8;border-left:5px solid var(--es-orange);border-radius:0 10px 10px 0;
  padding:1.5rem 1.8rem 1.2rem 4.4rem;margin:2rem 0;box-shadow:0 2px 10px rgba(195,114,49,.10)}
.temoin-guillemet{position:absolute;left:1rem;top:.35rem;font-size:4.6rem;line-height:1;color:var(--es-orange);opacity:.85;font-family:Georgia,serif}
.temoin-titre{font-weight:700;color:var(--es-orange)!important;font-size:1.15rem!important;margin:0 0 .8rem!important;text-transform:none}
.temoin-texte{font-style:normal;font-size:1.08rem;line-height:1.65;color:#3d3a36;margin:0 0 .8rem!important;padding:0}
.temoin-texte+.temoin-texte{padding-top:0}
.temoin-texte em{font-style:italic}
body.dark .temoignage{background:#2c2620}body.dark .temoin-texte{color:#e6dfd6}body.dark .temoin-titre{color:#e0a26b!important}
@media (max-width:640px){.temoignage{padding:1.2rem 1.1rem 1rem 3rem}.temoin-guillemet{font-size:3.4rem;left:.6rem}}
.box-ardoise{background:#c0c7c9;border:2px solid #1d4c50;border-radius:10px;padding:1.2rem 1.6rem .8rem;margin:1.6rem 0}
.box-ardoise>h5:first-child{margin-top:0!important;color:#1d4c50!important}
body.dark .box-ardoise{background:#2f3a3c;border-color:#5f8380}
body.zoom-partiel .article-body{background:none!important;border:0!important;padding:0!important;margin-top:0!important}
body.zoom-partiel .zoom-box.zoom-page{margin-top:3.4rem}
body.zoom-partiel .article-body>h5,body.zoom-partiel .article-body>h4{color:var(--es-ardoise)!important}
/* Fiches Recommandations */
.reco-bandeau{background:var(--es-orange);color:#fff!important;border-radius:8px;padding:1.1rem 1.5rem 1.2rem!important;font-weight:400!important;font-size:1.75rem!important;line-height:1.25}
.reco-bandeau .reco-kicker{display:block;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:1.55rem}
body.dark .reco-bandeau{background:#9a5321}
body .article-header .article-title.reco-bandeau{padding:1.1rem 1.6rem 1.25rem!important}
.fiche{margin:2.6rem 0 3.2rem}
.fiche-titre{display:flex;gap:.9rem;align-items:center;border-top:1.5px solid #4a4a44;border-bottom:1px solid #8a8a84;padding:.7rem .2rem;margin:0!important;
  color:#5a554d!important;text-transform:uppercase;font-size:1.2rem!important;font-weight:800;letter-spacing:.02em;line-height:1.25}
.fiche-titre::before{content:none!important}
.fiche-num{flex:0 0 2rem;height:2rem;border-radius:50%;background:var(--es-orange);color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:.95rem;box-shadow:0 0 0 3px #f3d9c6}
.fiche-constats{background:#e9e9e7;padding:1.1rem 1.5rem 1rem}
.fiche-label{font-weight:700;color:#1f2a29;margin:.6rem 0 .3rem!important}
.fiche-label:first-child{margin-top:0!important}
.fiche-puces{list-style:none;margin:0 0 .4rem;padding:0}
.fiche-puces li{position:relative;padding-left:1.1rem;margin:.25rem 0}
.fiche-puces li::before{content:"•";position:absolute;left:0;color:var(--es-orange);font-weight:700}
.fiche-precos{border:1.5px solid #3e5654;border-radius:10px;padding:2.2rem 1.6rem 1.2rem;margin:2.2rem 0 2rem;position:relative;background:#fff}
.fiche-precos-titre{position:absolute;top:-1rem;left:0;right:0;text-align:center;margin:0!important}
.fiche-precos-titre span{background:#1d4c50;color:#fff;text-transform:uppercase;font-weight:700;letter-spacing:.04em;padding:.35rem 1.2rem;font-size:1.05rem}
.fiche-precos-liste{list-style:none;margin:0;padding:0}
.fiche-precos-liste li{position:relative;margin:.45rem 0}
.fiche-precos-liste li.preco-n1{padding-left:1.5rem;margin-top:1.1rem;font-weight:700}
.fiche-precos-liste li.preco-n1::before{content:"➔";position:absolute;left:0;color:#1f2a29}
.fiche-precos-liste li.preco-n2{padding-left:2.9rem}
.fiche-precos-liste li.preco-n2::before{content:"❖";position:absolute;left:1.4rem;color:var(--es-orange);font-size:.85em;top:.15em}
.fiche-cols{display:grid;grid-template-columns:2fr 3fr;gap:1.4rem;margin:1rem 0 2.2rem}
.fiche-panel{background:#e9e9e7;border-bottom:8px solid #1d4c50;padding:0 1.3rem 1.2rem}
.fiche-panel-titre{background:#4a4639;color:#e7bc56!important;text-align:center;font-weight:700;font-size:1.1rem;line-height:1.25;
  margin:0 auto 1.2rem!important;padding:.6rem 1rem 1.1rem;width:75%;clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%)}
.fiche-panel-titre span{font-weight:400}
.fiche-panel-liste{margin:0;padding-left:1.1rem}
.fiche-panel-liste li{margin:.4rem 0;font-size:.95rem;line-height:1.45}
.fiche-panel-liste li::marker{color:#1d4c50}
.fiche-tableau-titre{text-align:center;color:var(--es-orange)!important;font-size:1.25rem!important;line-height:1.35;margin:2rem 0 1rem!important;clear:both}
.fiche-legende{background:#ececea;border:1.5px dashed #9a9a94;border-radius:10px;padding:.9rem 1.3rem;margin:1.2rem 0 1.6rem;font-size:.88rem}
.fiche-legende-titre{font-weight:700;margin:0 0 .3rem!important}
.fiche-legende ul{margin:0;padding-left:1rem}.fiche-legende li{margin:.15rem 0}
@media (max-width:760px){.fiche-cols{grid-template-columns:1fr}.fiche-panel-titre{width:90%}}
body.dark .fiche-constats,body.dark .fiche-panel,body.dark .fiche-legende{background:#262b2a}
body.dark .fiche-precos{background:#1d2221;border-color:#5f8380}
body.dark .fiche-titre{color:#d6d0c6!important}body.dark .fiche-label{color:#e6e6e6}
/* graphiques réduits à la demande (4.2) */
.figure-image:has(img[src*="images/25_"]),.figure-image:has(img[src*="images/24_"]),.figure-image:has(img[src*="images/26_"]),.figure-image:has(img[src*="images/32_"]),.figure-image:has(img[src*="images/33_"]){max-width:62%!important;margin-left:auto!important;margin-right:auto!important}
@media (max-width:760px){.figure-image:has(img[src*="images/25_"]),.figure-image:has(img[src*="images/24_"]),.figure-image:has(img[src*="images/26_"]),.figure-image:has(img[src*="images/32_"]),.figure-image:has(img[src*="images/33_"]){max-width:100%!important}}
.zoom-soustitre{text-align:center;color:var(--es-orange)!important;font-weight:700;font-size:1.2rem!important;line-height:1.35;max-width:34rem;margin:-1rem auto 2rem!important}
body.dark .zoom-soustitre{color:#e0a26b!important}
.box-sapin{background:#1d4c50;color:#fff;border-radius:12px;padding:1.4rem 1.8rem 1rem;margin:1.8rem 0}
.box-sapin p,.box-sapin li,.box-sapin h4,.box-sapin h5{color:#fff!important}
.box-sapin>h5:first-child{font-size:1.4rem!important;margin-top:0!important;line-height:1.3}
.box-sapin a{color:#fff!important}.box-sapin a.note-ref,.box-sapin sup a{color:#f3c38f!important}
body.dark .box-sapin{background:#173c3f}
/* Pages de fin */
body.page-annexe .article-title,body.page-annexe_groupe .article-title,body.page-conclusion .article-title{font-weight:300!important;font-size:clamp(2.2rem,4.6vw,3.4rem)!important;line-height:1.12!important;color:#1d4c50!important}
body.page-conclusion .article-title{color:var(--es-orange)!important;font-size:clamp(2.6rem,5.4vw,4rem)!important;margin-bottom:.2rem!important}
.conclu-sous-titre{color:var(--es-orange);font-weight:700;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.15;margin:.2rem 0 .6rem!important;max-width:30ch}
body.page-conclusion .article-body>.lettrine:first-child::first-letter,body.page-conclusion .lettrine .rose{color:#1d4c50!important}
.box-orientations{background:#f9ca75;border-radius:12px;padding:1.6rem 2rem 1.2rem;margin:2.2rem 0;box-shadow:0 3px 12px rgba(195,114,49,.14)}
.orient-intro{font-weight:600;margin:0 0 1rem!important}
.orient-titre{font-weight:800;color:#1f2a29;font-size:1.08rem;margin:1.3rem 0 .45rem!important;padding-left:1.6rem;text-indent:-1.6rem}
.orient-num{display:inline-block;width:1.6rem;text-indent:0;color:#c0392b;color:var(--es-orange);font-weight:800}
.box-orientations p.corps{padding-left:1.6rem;margin-bottom:.5rem!important}
body.dark .box-orientations{background:#4a3c22}body.dark .orient-titre{color:#f3e3b5}
.intervention-nom{color:var(--es-orange)!important;border-left:4px solid var(--es-orange)!important;padding-left:.8rem!important;font-size:1.3rem!important}
.intervention-fonction{color:var(--es-bleuvert)!important;font-weight:700;padding-left:1.05rem;margin-bottom:.9rem}
.intervention-liste a{color:var(--es-orange)!important}
body.dark .intervention-nom{color:#e0a26b!important}
.tableau-auditions{border-collapse:separate!important;border-spacing:0 3px;font-size:.95rem}
.tableau-auditions th,.tableau-auditions td{border:0!important;padding:.6rem .9rem!important;vertical-align:middle!important;text-align:left!important;text-transform:none!important;letter-spacing:normal!important;font-size:.95rem!important}
.tableau-auditions th{background:#d3d9d9;color:#1f2a29;font-weight:700;width:32%}
.tableau-auditions td{background:#eef1f0}
.tableau-auditions tr:nth-child(even) td{background:#f6f7f5}
.tableau-auditions tr:nth-child(even) th{background:#dde2e1}
.tableau-auditions th[colspan]{width:auto;background:#e4e8e7}
.tableau-auditions p{margin:0!important}
body.dark .tableau-auditions th{background:#2f3a3a;color:#e6e6e6}body.dark .tableau-auditions td{background:#232b2a}
body.page-annexe3 .article-body h4.niveau-4{color:var(--es-orange)!important;border-left:5px solid var(--es-orange);padding-left:.9rem;font-size:1.55rem!important;font-weight:500}
body.page-annexe3 .article-body h5.niveau-5{color:#1d4c50!important}
.fig-half.fig-left{float:left;margin:.3rem 1.8rem 1rem 0;clear:left}
.figure-image:has(img[src*="images/35_"]){max-width:58%!important;margin-left:auto!important;margin-right:auto!important}
@media (max-width:760px){.fig-half.fig-left{float:none;margin:1rem 0}.figure-image:has(img[src*="images/35_"]){max-width:100%!important}}
.box-trait-orange{border:2px solid var(--es-orange);padding:1.1rem 1.4rem .6rem;margin:1.6rem 0}
.box-trait-orange p{font-style:italic}
.box-grille{background:#e6eae7;border:2px solid #1d4c50;border-radius:14px;padding:1.3rem 1.8rem .8rem;margin:2rem 0}
.box-grille>h5:first-child{text-align:center;margin-top:0!important;color:#1d4c50!important;font-size:1.35rem!important}
body.dark .box-grille{background:#232b29;border-color:#5f8380}
.box-gris{background:#e6eae7;padding:1.1rem 1.4rem;margin:1.4rem 0;border-radius:3px}
.box-gris p:last-child,.box-sauge ul:last-child{margin-bottom:0}
body.dark.page-zoom .article-body,body.dark .zoom-box,body.dark .box-gris{background:#232b29}
body.dark .zoom-tab{background:#2f6a66}
body.dark .zoom-titre{color:#e0a26b!important}
body.dark.page-zoom .article-body h4,body.dark.page-zoom .article-body h5,body.dark .zoom-box h4,body.dark .zoom-box h5{color:#a9cfc6!important}
@media (max-width:640px){body.page-zoom .article-body,.zoom-box{padding:1.2rem 1rem}.zoom-tab{font-size:1.25rem;padding:0 1rem}}
/* Tableaux : en-tête coloré en gras, centrage vertical, filets gris */
.tableau-ia th,.tableau-ia td{vertical-align:middle!important;border:1px solid #b5b5b5!important;padding:.6rem .75rem}
.tableau-ia th{font-weight:700;text-align:left}
.tableau-chiffres td,.tableau-chiffres th[scope="col"]{text-align:center!important}
.tableau th{text-transform:uppercase;letter-spacing:.06em;font-size:.82rem}
.tableau th p,.tableau td p{margin:0 0 .4rem}.tableau th p:last-child,.tableau td p:last-child,.tableau th>*:last-child,.tableau td>*:last-child{margin-bottom:0!important}
.tableau-ia th p,.tableau-ia th strong{font-weight:700;color:inherit}
.tableau-ia th[style] p,.tableau-ia td[style] p,.tableau-ia th[style] a,.tableau-ia td[style] a{color:inherit}
.tableau-ia th:not([style]){background:transparent;color:var(--es-ardoise)}
body.dark .tableau-ia th,body.dark .tableau-ia td{border-color:#4a5452!important}
body.dark .tableau-ia th:not([style]){color:#e0e6e3}
.reco-label{color:var(--es-bleuvert);text-transform:none;margin-top:1.4rem}
.preco-titre{color:var(--es-orange);font-weight:700}
.article-body .cols2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;background:var(--es-grisvert);padding:1rem 1.2rem;margin:1.2rem 0}
@media (max-width:760px){.article-body .cols2{grid-template-columns:1fr}}
body.dark .article-body .cols2{background:#26302f}