/* Six Degrés: encre, ivoire et terre cuite. Les fonds sont attribués
   explicitement dans chaque page pour éviter deux grandes zones sombres voisines. */
html body{--lev:var(--acc);--levfg:var(--cream);--apricot:var(--button);--personal-bg:var(--sand);--personal-fg:var(--cobalt);--personal-title:var(--cobalt);--personal-button:var(--button);--personal-button-fg:var(--cream);background:var(--cream);color:var(--cobalt)}
[data-surface="ink"]{--surface-bg:var(--cobalt);--surface-fg:var(--cream);--surface-rgb:245,241,233;--surface-accent:var(--accent-soft);--surface-lev:var(--cream)}
[data-surface="ivory"]{--surface-bg:var(--cream);--surface-fg:var(--cobalt);--surface-rgb:55,71,97;--surface-accent:var(--accent-text);--surface-lev:var(--accent-text)}
[data-surface="mist"]{--surface-bg:var(--sand);--surface-fg:var(--cobalt);--surface-rgb:55,71,97;--surface-accent:#914B28;--surface-lev:#914B28}
/* Les deux !important portent uniquement le contrat de fond et de texte de
   la section; ils remplacent les anciens fonds spécifiques à certains IDs. */
html body [data-surface]{background-color:var(--surface-bg)!important;color:var(--surface-fg)!important;--acc:var(--surface-accent);--lev:var(--surface-lev);--accfg:var(--cream);--levfg:var(--cream);--line:rgba(var(--surface-rgb),.2);--personal-fg:var(--surface-fg);--personal-title:var(--surface-fg)}
html body [data-surface].faq{--line:rgba(var(--surface-rgb),.2)!important}
html body [data-surface] :is(.sub,.csub,.section-description,.hero-description,.hero-in h1,.qt p,.qt footer,.qt .qmark){color:inherit}
html body [data-surface] :is(.cred .cl,.credstat,.tcard .role,.fcap .ey,.rn-cat,.rn-go,.clab,.ms-n,.ms-k,.results-source){color:var(--surface-fg)}
html body [data-surface] :is(.ey,.hmeta,.upd){color:inherit}
html body [data-surface] :is(.rowi,.tl .st,.ms-r,.cred,.ccol,.faqs,.faq .faqi,.rn-card,.disp3 .dcard){border-color:var(--line)}
html body [data-surface] .qt footer{opacity:.9}
html body [data-surface] :is(.btn.fill,.ring,.personal-cta,.rdvbtn,.share .cpy.ok,.section-index,.step-no,.dirs a.on){background:var(--button);border-color:var(--button);color:var(--cream)}
html body #hero .btn.fill{background:var(--button);border-color:var(--button);color:var(--cream)}
html body [data-surface] :is(.btn.fill,.personal-cta,.rdvbtn):hover,html body #hero .btn.fill:hover{background:var(--navy);border-color:var(--navy);color:var(--cream)}
html body [data-surface] .ring{--lev:var(--button);--levfg:var(--cream)}
html body [data-surface] .lab .dot{background:var(--accent-soft)}
html body .faqi .qi{--lev:var(--button);--levfg:var(--cream)}
html body .hl{--lev:var(--button);--levfg:var(--cream)}
html body ::selection{background:var(--button);color:var(--cream)}
html body :is(a,button,summary):focus-visible{outline:2px solid currentColor;outline-offset:5px}
/* Entrées de page: une hauteur portée par le contenu, sans écran vide entre
   le titre et la première section. Les animations du reste du site restent. */
html body:not([data-page="home"]) #hero{height:auto}
html body:not([data-page="home"]) #hero .pin{position:relative;height:auto;min-height:min(860px,100svh);padding:clamp(128px,10vw,160px) var(--mx) clamp(130px,11vw,170px)}
html body:not([data-page="home"]) #hero .hero-in{transform:none;opacity:1}
html body:not([data-page="home"]) #hero .hero-in .sub{max-width:58ch;white-space:normal}
html body:not([data-page="home"]) #hero .hero-in .sub span{white-space:normal!important}
html body:not([data-page="home"]) #hero .hero-in .ey{line-height:1.5;max-width:100%;opacity:1}
html body .marq{border-block:1px solid rgba(212,148,108,.4)}
html body .marq:not([data-surface]){background:var(--cream);color:var(--cobalt);--lev:var(--cream);--levfg:var(--cobalt)}
html body main>.sec[data-surface]{padding-top:clamp(80px,8vw,128px);padding-bottom:clamp(80px,8vw,128px)}
/* Accueil: texte d'introduction lisible dès son arrivée à l'écran. */
html body[data-page="home"] #hero{height:140vh}
html body[data-page="home"] #manif{height:auto}
html body[data-page="home"] #manif .pin{position:relative;height:auto;padding:clamp(80px,8vw,120px) var(--mx)}
html body[data-page="home"] #manif :is(.l1,.l2,.sub){transform:none;opacity:1}
html body[data-page="home"] #manif h2{max-width:35ch}
html body[data-page="home"] .lev[data-surface="ivory"]{border-left:7px solid var(--accent-soft)}
html body[data-page="home"] .lev[data-surface="mist"]{border-left:7px solid var(--cobalt)}
html body[data-page="home"] .lev .go{background:var(--button);border-color:var(--button);color:var(--cream)}
html body[data-page="home"] .lev:hover{color:var(--surface-fg)}
html body[data-page="home"] .lev:hover .go{background:var(--navy);border-color:var(--navy);color:var(--cream)}
html body[data-page="home"] .lev .bg{opacity:.045}
html body[data-page="home"] .lev .kick .ix,html body[data-page="home"] .lev h3{color:var(--surface-fg)!important}
html body[data-page="home"] .lev .met b{color:inherit}
html body[data-page="home"] .lev-hint{color:var(--cobalt)}
html body[data-page="home"] .lev-hint[data-p="1"]{color:var(--cream)}
html body[data-page="home"] .lev-hint[data-p="2"],html body[data-page="home"] .lev-hint[data-p="3"]{color:var(--cobalt)}
html body[data-page="home"] .lev-jump button{opacity:1}
html body[data-page="home"] .lev-jump button.on{text-decoration:underline;text-underline-offset:6px}
html body[data-page="home"] .clients .crow{color:var(--cream)}
html body[data-page="home"] .clients .ey{color:var(--cream)}
html body[data-page="home"] .tcard .bio{color:rgba(var(--surface-rgb),.92)}
html body[data-page="home"] .tcard .ph{background:var(--navy)}
html body[data-page="home"] .journal :is(.feat .meta,.art .cat,.art .cat i){color:var(--cream)}
html body[data-page="home"] .journal :is(.art,.feat){border-color:rgba(var(--surface-rgb),.24)}
html body[data-page="home"] .where .info{background:rgba(55,71,97,.035);border:1px solid rgba(55,71,97,.2);color:var(--cobalt)}
html body[data-page="home"] .where .info :is(.lines,p,.addr){color:inherit}
/* Cartes et tableaux lisibles après le changement de fond de leur section. */
html body [data-surface] :is(.tl .st p,.why p,.why1 p,.sit p,.result-stat p,.results-source){color:inherit}
html body [data-surface="ink"] :is(.diff p,.diff span,.fcap .ey,.custom .cintro,.ms-intro,.ms-r p,.qualiopi-copy p,.catintro){color:var(--cream);opacity:.93}
html body [data-surface="ivory"] :is(.ms-intro,.qualiopi-copy p,.cred .cd,.catintro){color:var(--cobalt)}
html body .disp3 .dcard{background:var(--cream);color:var(--cobalt);border-top:3px solid var(--accent-soft)}
html body .disp3 .dcard :is(.dk,.di,.rnote,.card-link){color:var(--cobalt)}
html body .disp3 .dcard .di{background:var(--button);color:var(--cream)}
html body .personal :is(h2,.lab .ey,.personal-copy){color:var(--surface-fg)}
html body .personal{border-top:3px solid var(--accent-soft)}
html body .personal-copy{border-color:rgba(var(--surface-rgb),.25)}
html body .stat-card{background:var(--cream);color:var(--cobalt);border-top-color:var(--accent-soft)}
html body .stat-number{color:var(--cobalt)}
html body .employer-panel{background:var(--cobalt);color:var(--cream);border-color:var(--accent-soft)}
html body .employer-panel strong{color:var(--cream)}
html body .qt :is(p,footer,.qmark){color:inherit}
html body .results-band :is(h2,strong,p){color:inherit}
/* Article et pages documentaires gardent un fond de lecture continu. */
html body .abody,html body .lbody :is(p,li){color:var(--cobalt)}
html body .abody blockquote{background:var(--cobalt);color:var(--cream)}
html body .abody blockquote strong{color:var(--accent-soft)}
html body :is(.lede,.ameta,.card .meta,.lhero .upd){color:inherit}
html body .next{border-color:rgba(55,71,97,.18)}
html body .cov .kw{color:var(--cream)}
html body .cov-rec{background:linear-gradient(135deg,var(--cobalt),#8B5435)}
html body .cov-eval{background:linear-gradient(140deg,var(--ink),var(--cobalt))}
html body .cov-coach{background:radial-gradient(120% 120% at 20% 10%,var(--cobalt-br),var(--ink))}
html body .cov-form{background:radial-gradient(120% 120% at 20% 10%,var(--cobalt-br),var(--navy))}
html body .cov-tend{background:linear-gradient(135deg,var(--navy),#8B5435)}
/* Un pied de page clair termine le bloc contact bleu encre sur chaque page. */
html body .sdf{border-top:2px solid var(--accent-soft);background:var(--cream);color:var(--cobalt)}
html body .sdf :is(.sdf-base,.sdf-legal){color:var(--cobalt);opacity:1}
html body .sdf :is(.sdf-nav a,.sdf-mail,.sdf-ln){opacity:1;border-color:rgba(55,71,97,.3)}
html body .sdf-lock img{filter:brightness(0) saturate(100%);opacity:.8}
html body .sdf-rule{background:rgba(55,71,97,.2)}
/* Le logo et Menu suivent indépendamment le fond situé sous chacun d'eux. */
html body .brand,html body .sdm-trig{mix-blend-mode:normal}
html body .brand b,html body .sdm-trig{color:var(--cobalt)}
html body .brand img{filter:brightness(0);opacity:.8}
html body .sdm-trig .bg i{background:var(--cobalt)}
html body.nav-coral .brand b,html body.menu-coral .sdm-trig{color:var(--cream)}
html body.nav-coral .brand img{filter:brightness(0) invert(1);opacity:1}
html body.menu-coral .sdm-trig .bg i{background:var(--cream)}
html body .sdm-panel{background:var(--cream);color:var(--cobalt);border-top:4px solid var(--accent-soft);--levfg:var(--cobalt)}
html body .sdm-panel .lk{color:var(--cobalt)}
html body .sdm-panel .lk:hover{color:var(--button)}
html body .sdm-panel .lk:focus-visible{outline:2px solid var(--button);outline-offset:4px}
html body.menu-open .sdm-trig{color:var(--cobalt)}
html body.menu-open .sdm-trig .bg i{background:var(--cobalt)}
html body .cur.go2{background:var(--button);--accfg:var(--cream)}
html body .cur.go2.inv{background:var(--cream)}
html body .cur.go2.inv .cl{color:var(--button)}
@media(max-width:760px){html body:not([data-page="home"]) #hero .pin{min-height:0;padding-top:120px;padding-bottom:116px}html body main>.sec[data-surface]{padding-block:76px}html body[data-page="home"] #manif .pin{padding-block:76px}html body[data-page="home"] .lev .go{padding:12px 16px}html body .sdf{padding-block:38px 28px}}

/* Les textes d'information ne reprennent pas les anciennes opacités faibles. */
html body [data-surface] :is(.cred .cd,.ameta .who span,.ameta .mm,.card .rt,.auth .rl,.tk span,.fbar .fl){opacity:.9}
html body .dirs :is(.t,a){color:var(--cream);opacity:1}
html body .cur{background:var(--accent-soft);mix-blend-mode:normal;opacity:.7}
html body .cur.go2{opacity:1}
html body [data-surface] :is(.results-stats,.results-source,.result-stat+.result-stat){border-color:var(--line)}
html body #accompagnements .chip{color:var(--surface-fg);border-color:var(--line);opacity:1}
html body #accompagnements{border-top-width:2px;border-bottom-width:0}
html body #preuves{border-bottom-width:2px}
html body .rn{border-top:1px solid var(--line)}
html body .qualiopi-band{border-block:1px solid var(--line)}
html body .gsec :is(.gcols,.gwk,.gt-note){color:var(--surface-fg);opacity:.9;border-color:var(--line)}
html body .gsec .gtrack{background-image:linear-gradient(90deg,rgba(var(--surface-rgb),.16) 1px,transparent 1px)}
html body .gsec .gb.fin{background:var(--cobalt)}
html body .personal-cta{border-radius:999px}
html body .ccol .cnote{opacity:.9}
html body .ccol.feat{background:var(--cobalt);color:var(--cream);--acc:var(--accent-soft);--lev:var(--cream)}
html body .ccol.feat .ck{color:var(--cream)}
html body .zones .chip{border-color:var(--line)}
html body .preuve .cell p{opacity:.9}
html body :is(.where .map,.map) iframe{filter:grayscale(.85) sepia(.08) saturate(.4)}
html body .journal .jbtn{border-color:var(--line)}
/* Les chiffres de l'accueil retrouvent un défilement naturel; leurs
   compteurs et visuels continuent de se déclencher à l'entrée dans l'écran. */
html body[data-page="home"] #preuve{height:auto}
html body[data-page="home"] #preuve .pin{position:relative;height:auto;overflow:visible;padding:clamp(80px,8vw,120px) var(--mx)}
html body[data-page="home"] .preuve :is(.ey,h2,.cell){opacity:1;transform:none}
html body[data-page="home"] .preuve .pv-blks i.h{background:linear-gradient(90deg,var(--cobalt) 50%,rgba(55,71,97,.15) 50%)}
/* Le contact conclut la page sans imposer un nouvel écran plein de vide. */
html body .cta-est,html body #contact:not(.stage),html body .cta{min-height:0;padding-top:clamp(80px,8vw,128px);padding-bottom:clamp(80px,8vw,128px)}
/* Le fond discret du chrome évite que le logo et Menu croisent les lignes
   du contenu pendant le défilement. Leur position visuelle reste identique. */
html body .brand{top:12px;left:calc(var(--mx) - 14px);padding:10px 14px;border-radius:999px;background:rgba(245,241,233,.95);backdrop-filter:blur(10px)}
html body .sdm-trig{top:10px;right:calc(var(--mx) - 14px);padding:10px 14px;border-radius:999px;background:rgba(245,241,233,.95);backdrop-filter:blur(10px)}
html body.nav-coral .brand,html body.menu-coral .sdm-trig{background:rgba(55,71,97,.95)}
html body.menu-open .sdm-trig{background:transparent}
/* Sommaires, dates et liens secondaires restent suffisamment présents. */
html body .faqi .qa p{opacity:1}
html body .crumb a{opacity:.9}
html body .toc a{color:var(--cobalt);opacity:.9}
html body .toc a i{color:inherit}
html body .toc a.on{color:var(--ink);opacity:1}
html body .next .ey{opacity:.9}
html body .abody figcaption{color:var(--cobalt);opacity:.9}
html body .abody blockquote strong{color:var(--cream)}
html body .meta{color:var(--cobalt)}
html body .jmain .card p{opacity:.9}
html body .chip i,html body .sdm-panel .lk .n{opacity:.9}
html body[data-page="home"] .where .lines>span{opacity:1!important}
/* La grille ne doit pas réafficher les articles écartés par un filtre. */
html body .jmain [data-cat][hidden]{display:none}