/* COSMOLOGIX · Identité bleu Québec · 29 octobre 2026
   Feuille de présentation pour les gabarits actuels. Aucun comportement modifié. */
@font-face{font-family:'Cosmologix Instrument';src:url('/assets/cosmologix-marque-20261029/instrument-sans-variable.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap}
:root{--cosmo-blue:#003DA5;--cosmo-ink:#18343D;--cosmo-paper:#F7F8FA;--cosmo-slate:#52656B;--cosmo-white:#fff;--cosmo-mist:#EAF0FA;--cosmo-rule:#D9E1E6;--cosmo-hover:#002D7A;--cosmo-light:#A8C8FF;--cosmo-font:'Cosmologix Instrument',Arial,sans-serif;color-scheme:light}
body.cx-brand{
 --cx-night:var(--cosmo-ink);--cx-paper:var(--cosmo-paper);--cx-white:#fff;--cx-ink:var(--cosmo-ink);--cx-steel:var(--cosmo-blue);--cx-muted:var(--cosmo-slate);--cx-border:var(--cosmo-rule);--cx-on-dark:var(--cosmo-mist);--cx-light-blue:var(--cosmo-light);--cx-panel:var(--cosmo-ink);--cx-dark-border:#7C8D94;
 --navy:var(--cosmo-ink);--navy2:var(--cosmo-ink);--line-d:#7C8D94;--paper:var(--cosmo-paper);--tint:var(--cosmo-mist);--ink:var(--cosmo-ink);--muted:var(--cosmo-slate);--steel:var(--cosmo-blue);--line:var(--cosmo-rule);--line2:var(--cosmo-rule);--ice:var(--cosmo-light);--soft:var(--cosmo-mist);--warm:var(--cosmo-blue);
 background:var(--cosmo-paper)!important;color:var(--cosmo-ink);font-family:var(--cosmo-font)!important;line-height:1.65
}
body.cx-brand main#contenu,body.cx-brand :is(h1,h2,h3,h4,button,input,select,textarea,.btn,.nav a,.rx-pg){font-family:var(--cosmo-font)!important}
body.cx-brand main{background:var(--cosmo-paper);color:var(--cosmo-ink)}
body.cx-brand main :is(h1,h2,h3,h4){font-weight:600;letter-spacing:-.025em;text-shadow:none}
body.cx-brand main :is(h1,h2,h3,h4,strong,dt){color:var(--cosmo-ink)!important}
body.cx-brand main :is(p,li,dd,.small,.scope,.price-note,.overlap-note){color:var(--cosmo-slate)!important}
body.cx-brand main :is(.eyebrow,.rx-eyebrow,.rx-kicker,.cx-kicker,.card-num,.step-no,.web-number){color:var(--cosmo-blue)!important}
body.cx-brand ::selection{background:var(--cosmo-blue);color:#fff}
body.cx-brand .skip{background:var(--cosmo-blue);color:#fff}

/* En-tête clair : la flèche conserve exactement son bleu officiel. */
body.cx-brand .header{background:#fff!important;color:var(--cosmo-ink)!important;border-bottom:1px solid var(--cosmo-rule)!important;box-shadow:0 2px 16px rgba(24,52,61,.035)!important;backdrop-filter:none!important}
body.cx-brand .header::after{display:none!important}
body.cx-brand .header .nav-wrap{min-height:100px;gap:28px}
body.cx-brand .header .brand{display:flex;align-items:center;min-width:0;mix-blend-mode:normal!important}
body.cx-brand .header .brand img{display:block;width:250px!important;max-width:100%;height:auto!important;max-height:none!important;filter:none!important;object-fit:contain}
body.cx-brand .header .nav a{color:var(--cosmo-ink)!important;font-weight:500;text-shadow:none!important;transition:color 160ms}
body.cx-brand .header .nav a:hover,body.cx-brand .header .nav a[aria-current]{color:var(--cosmo-blue)!important;text-decoration-color:var(--cosmo-blue)!important}
body.cx-brand .header .nav a.cx-nav-cta{background:var(--cosmo-blue)!important;color:#fff!important;border:1px solid var(--cosmo-blue)!important;border-radius:6px;min-height:44px}
body.cx-brand .header .nav a.cx-nav-cta:hover{background:var(--cosmo-hover)!important;border-color:var(--cosmo-hover)!important}
body.cx-brand .header .menu-toggle{background:#fff!important;color:var(--cosmo-ink)!important;border:1px solid #7C8D94!important;border-radius:6px;min-height:44px}
body.cx-brand .header .nav.open{background:#fff!important;border-color:var(--cosmo-rule)!important}

/* Surfaces de lecture et entrées de pages. */
body.cx-brand :is(.section,.arch-section,.web-section,.rx-sec,.contact-next){background:var(--cosmo-paper);border-color:var(--cosmo-rule)}
body.cx-brand :is(.visual-light,.rx-white){background:#fff!important}
body.cx-brand :is(.tinted,.arch-tint,.rx-tint,.web-hosting){background:var(--cosmo-mist)!important}
body.cx-brand :is(.rx-paper){background:var(--cosmo-paper)!important}
body.cx-brand :is(.page-intro,.hero,.rx-hero){
 --cx-ink:var(--cosmo-ink);--cx-muted:var(--cosmo-slate);--cx-steel:var(--cosmo-blue);
 background:var(--cosmo-paper)!important;color:var(--cosmo-ink)!important;border-bottom:1px solid var(--cosmo-rule)!important;box-shadow:none!important
}
body.cx-brand :is(.page-intro,.hero,.rx-hero)::before,body.cx-brand .cx26-decor,body.cx-brand .hero-orbit-art,body.cx-brand .cx26-scroll-progress{display:none!important}
body.cx-brand main#contenu :is(.page-intro,.hero,.rx-hero) :is(h1,h2,h3,h4,.web-signature){color:var(--cosmo-ink)!important}
body.cx-brand main#contenu :is(.page-intro,.hero,.rx-hero) :is(p,.rx-lead,.hero-lead,.hero-note,.arch-lead,.arch-intro,.cx-hero-note,.cx-preview-note,.breadcrumb,.rx-crumb,.rx-source){color:var(--cosmo-slate)!important}
body.cx-brand main#contenu :is(.page-intro,.hero,.rx-hero) :is(.eyebrow,.rx-eyebrow,.breadcrumb a,.rx-crumb a,.rx-source a){color:var(--cosmo-blue)!important}
body.cx-brand main#contenu .rx-hero .rx-brand-services{color:var(--cosmo-ink)!important}
body.cx-brand.rx main#contenu .rx-hero h1.rx-h1{color:var(--cosmo-ink)!important}
body.cx-brand .rx-hero-text{gap:24px}
body.cx-brand.arch-home .rx-hero{padding:76px 0 80px}
body.cx-brand.arch-home h1.rx-h1{font-size:clamp(36px,4.35vw,58px);line-height:1.1;max-width:15ch}
body.cx-brand .cx-home-preview{border:1px solid var(--cosmo-rule);border-radius:12px;box-shadow:0 16px 40px rgba(24,52,61,.09)}
body.cx-brand .cx-home-preview img{border-radius:0}
body.cx-brand .rx-lead{max-width:62ch}
body.cx-brand .cx-training-inline{border-top:1px solid var(--cosmo-rule)}

/* Liens et contrôles : bleu Québec, soulignement et focus cohérents. */
body.cx-brand main#contenu a:not(.btn):not([class*='rx-btn']):not(.rx-tile):not(.rx-tile-all):not(.cx-evidence-link):not(.assistant-tile):not(.cx-dossier-button):not(.cxv-card){color:var(--cosmo-blue);text-decoration-color:currentColor}
body.cx-brand main#contenu :is(.text-link,.rx-link,.rx-foot a,.cx-case-nav a,.cx-training-inline a){color:var(--cosmo-blue)!important;text-decoration:underline;text-underline-offset:4px;border-bottom:0}
body.cx-brand main#contenu :is(.text-link,.rx-link,.rx-foot a):hover{color:var(--cosmo-hover)!important}
body.cx-brand main#contenu :is(.btn,.rx-btn,.rx-btn-dark,button[type='submit'],.cx-dossier-button){background:var(--cosmo-blue)!important;color:#fff!important;border:1px solid var(--cosmo-blue)!important;border-radius:6px;box-shadow:none!important;filter:none!important;font-weight:600;min-height:48px;text-align:center}
body.cx-brand main#contenu :is(.btn,.rx-btn,.rx-btn-dark,button[type='submit'],.cx-dossier-button):hover{background:var(--cosmo-hover)!important;color:#fff!important;border-color:var(--cosmo-hover)!important}
body.cx-brand main#contenu :is(.btn.secondary,.rx-btn-line,.rx-btn-ghost){background:transparent!important;color:var(--cosmo-blue)!important;border:1px solid var(--cosmo-blue)!important;box-shadow:none!important;border-radius:6px}
body.cx-brand main#contenu :is(.btn.secondary,.rx-btn-line,.rx-btn-ghost):hover{background:var(--cosmo-mist)!important;color:var(--cosmo-hover)!important}
body.cx-brand :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--cosmo-blue)!important;outline-offset:4px!important}
body.cx-brand :is(input,select,textarea){accent-color:var(--cosmo-blue);border-color:#7C8D94!important}
body.cx-brand :is(input,select,textarea):not([type='checkbox']):not([type='radio']):not([type='range']):not([type='submit']){background:#fff!important;color:var(--cosmo-ink)!important}
body.cx-brand :is(input,textarea)::placeholder{color:var(--cosmo-slate);opacity:1}
body.cx-brand main :is(label,legend){color:var(--cosmo-ink)!important}

/* Cartes et repères, sans effets lumineux ni mouvements décoratifs. */
body.cx-brand main :is(.card,.feature-box,.rx-card,.arch-door,.web-price-card,.rx-price,.cx-evidence-card,.cx-disclosure,.rx-trial-box){background:#fff;border-color:var(--cosmo-rule)!important;border-radius:12px;box-shadow:0 4px 16px rgba(24,52,61,.035)!important}
body.cx-brand .rx-card{padding:30px;gap:16px}
body.cx-brand main :is(.card,.rx-card,.arch-door):hover{box-shadow:0 8px 24px rgba(24,52,61,.06)!important;border-color:#7C8D94!important}
body.cx-brand :is(.rx-icon,.rx-assist svg,.rx-chev svg){stroke:var(--cosmo-blue)}
body.cx-brand .rx-card .rx-p{font-size:16px}
body.cx-brand .rx-card .rx-kicker{font-size:14px}
body.cx-brand .rx-foot a{font-weight:600}
body.cx-brand .rx-tile .c{color:var(--cosmo-blue)}
body.cx-brand .rx-tile .t{color:var(--cosmo-ink);font-weight:600}
body.cx-brand .rx-tile img{border-color:var(--cosmo-rule);border-radius:10px;transition:none}
body.cx-brand .rx-tile:hover img{transform:none}
body.cx-brand .rx-doc,body.cx-brand .rx-assist{box-shadow:0 10px 30px rgba(24,52,61,.09)}
body.cx-brand :is(.rx-note,.contact-meeting,.cx-client-resources,#selected-context){background:var(--cosmo-mist)!important;border-color:var(--cosmo-rule)!important}
body.cx-brand .cx-simple-steps .cxa-dot{background:var(--cosmo-blue);color:#fff;border-radius:8px}
body.cx-brand .cx-simple-steps .cxa-step h3{font-weight:600}
body.cx-brand .cx-case-metrics>div{border-top-color:var(--cosmo-blue)}
body.cx-brand .rx-gate{border-color:var(--cosmo-blue)}
body.cx-brand .rx-gate .rx-who{color:var(--cosmo-blue)}
body.cx-brand .rx-diamond{background:var(--cosmo-blue)}
body.cx-brand .web-section#creation{background:var(--cosmo-mist)}
body.cx-brand .cx-contact-simple .contact-next li::before{color:var(--cosmo-blue)}

/* Sections encre : rares, lisibles, avec une variante blanche du logo. */
body.cx-brand :is(.rx-dark,.arch-dark,.web-dark,.closing-box,.rx-us,.rx-prompt,.rx-price.on,.rx-tile-all,.rx-stat){
 --cx-ink:#fff;--cx-muted:var(--cosmo-mist);--cx-steel:var(--cosmo-light);--muted:var(--cosmo-mist);
 background:var(--cosmo-ink)!important;color:#fff!important;border-color:#7C8D94!important;box-shadow:none!important
}
body.cx-brand main#contenu :is(.rx-dark,.arch-dark,.web-dark,.closing-box,.rx-us,.rx-prompt,.rx-price.on,.rx-tile-all,.rx-stat) :is(h1,h2,h3,h4,strong,b,dt,.t){color:#fff!important}
body.cx-brand main#contenu :is(.rx-dark,.arch-dark,.web-dark,.closing-box,.rx-us,.rx-prompt,.rx-price.on,.rx-tile-all,.rx-stat) :is(p,li,dd,.rx-p,.rx-small,.small,span,q){color:var(--cosmo-mist)!important}
body.cx-brand main#contenu :is(.rx-dark,.arch-dark,.web-dark,.closing-box,.rx-us,.rx-prompt,.rx-price.on,.rx-tile-all,.rx-stat) :is(a:not(.btn):not([class*='rx-btn']),.text-link,.rx-link,.eyebrow,.rx-eyebrow,.rx-who,.mt){color:var(--cosmo-light)!important}
body.cx-brand main#contenu :is(.rx-dark,.arch-dark,.web-dark,.closing-box,.rx-price.on) :is(.btn,.rx-btn,.rx-btn-dark){background:#fff!important;color:var(--cosmo-ink)!important;border-color:#fff!important}
body.cx-brand main#contenu :is(.rx-dark,.arch-dark,.web-dark,.closing-box,.rx-price.on) :is(.btn,.rx-btn,.rx-btn-dark):hover{background:var(--cosmo-mist)!important;color:var(--cosmo-ink)!important}
body.cx-brand :is(.rx-dark,.arch-dark,.web-dark,.closing-box,.rx-price.on,.footer) :is(a,button,summary):focus-visible{outline-color:var(--cosmo-light)!important}
body.cx-brand .footer{--white:#fff;--silver:var(--cosmo-mist);--muted:var(--cosmo-mist);background:var(--cosmo-ink)!important;color:#fff!important;border-color:#7C8D94!important}
body.cx-brand .footer :is(p,a,.small,span,li){color:var(--cosmo-mist)!important}
body.cx-brand .footer strong{color:#fff}
body.cx-brand .footer a:hover{color:var(--cosmo-light)!important;text-decoration:underline;text-underline-offset:4px}
body.cx-brand .footer .footer-logo{width:260px;height:auto;max-width:100%;filter:none!important;margin-bottom:20px}
body.cx-brand .footer .footer-bottom{border-color:#7C8D94}

/* Compatibilité des composants plus anciens, conservés dans les pages actuelles. */
body.cx-brand.rx main#contenu .rx-hero .rx-garanties li,
body.cx-brand.cx-learning main#contenu .cx-faq-search #faq-count{color:var(--cosmo-slate)!important}
body.cx-brand main#contenu :is(.rx-dark,.arch-dark,.web-dark,.closing-box) :is(.rx-btn-ghost,.rx-btn-line,.btn.secondary){background:transparent!important;color:#fff!important;border-color:var(--cosmo-light)!important}
body.cx-brand main#contenu :is(.rx-dark,.arch-dark,.web-dark,.closing-box) :is(.rx-btn-ghost,.rx-btn-line,.btn.secondary):hover{background:var(--cosmo-mist)!important;color:var(--cosmo-ink)!important}
body.cx-brand .cxv{background:var(--cosmo-paper)!important;border-color:var(--cosmo-rule)}
body.cx-brand main#contenu .cxf-lbl{color:var(--cosmo-slate)!important}
body.cx-brand .cxa{--cxa-a1:var(--cosmo-blue);--cxa-a2:var(--cosmo-blue);--cxa-ink:var(--cosmo-ink);--cxa-mut:var(--cosmo-slate);--cxa-line:var(--cosmo-rule)}
body.cx-brand .cxa-dot,body.cx-brand .cxa-dot::before{background:var(--cosmo-blue)!important;box-shadow:none!important}
body.cx-brand .cxa-dot span{color:#fff!important}
body.cx-brand :is(.mv,.fx,.cxe){background:var(--cosmo-ink)!important;border:1px solid #7C8D94;box-shadow:0 10px 30px rgba(24,52,61,.1);font-family:var(--cosmo-font)!important;--mv-mut:#EAF0FA;--mv-txt:#fff;--mv-a1:#A8C8FF;--mv-a2:#A8C8FF;--fx-mut:#EAF0FA;--fx-txt:#fff;--fx-a1:#A8C8FF;--fx-a2:#A8C8FF}
body.cx-brand main#contenu :is(.mv-bar,.fx-bar,.mv-caption,.fx-caption){background:var(--cosmo-ink)!important;color:var(--cosmo-mist)!important}
body.cx-brand main#contenu :is(.mv-title,.fx-title){color:var(--cosmo-mist)!important}
body.cx-brand main#contenu :is(.mv-steps,.fx-steps) li{color:var(--cosmo-mist)!important;background:var(--cosmo-ink)!important}
body.cx-brand main#contenu :is(.mv-steps,.fx-steps) li.on{color:#fff!important;border-color:var(--cosmo-light)!important;background:var(--cosmo-blue)!important}
body.cx-brand main#contenu .fx-steps li b{color:inherit!important}
body.cx-brand main#contenu .fx :is(p,li,h3,h4,strong){color:var(--cosmo-mist)!important}
body.cx-brand main#contenu .mv:not(.wx) :is(h2,h3,h4,strong){color:var(--cosmo-mist)!important}
body.cx-brand main#contenu :is(.fx,.mv) a{color:var(--cosmo-light)!important}
body.cx-brand main#contenu .wx-url{background:var(--cosmo-ink)!important;color:var(--cosmo-mist)}
body.cx-brand main#contenu .wx-url span{color:var(--cosmo-mist)!important}
body.cx-brand main#contenu .cxv :is(h2,h3){color:var(--cosmo-ink)!important}
body.cx-brand main#contenu .cxv p{color:var(--cosmo-slate)!important}
body.cx-brand main#contenu .cxv .cxv-lien{color:var(--cosmo-blue)!important}
body.cx-brand main#contenu .cxv span{color:var(--cosmo-slate)!important}
body.cx-brand.rx main#contenu .rx-hero .fx :is(p,li,h3,h4,strong),
body.cx-brand main#contenu .page-intro .mv :is(.mv-caption,.mv-sr p),
body.cx-brand main#contenu .mv .mv-sr p{color:var(--cosmo-mist)!important}
body.cx-brand .p24-intro{background:var(--cosmo-paper)!important;color:var(--cosmo-ink)!important;border-bottom:1px solid var(--cosmo-rule)}
body.cx-brand .p24-promise{background:var(--cosmo-mist)!important;color:var(--cosmo-ink)!important;border:1px solid var(--cosmo-rule)!important;box-shadow:none!important}
body.cx-brand .p24-promise :is(h2,p){color:var(--cosmo-ink)!important}
body.cx-brand main#contenu .cxb-lf,
body.cx-brand main#contenu .cxb-est span{color:var(--cosmo-slate)!important}
body.cx-brand main#contenu .cxb-controls button{color:var(--cosmo-ink)!important}

@media(min-width:1001px){body.cx-brand .header .nav{gap:20px}}
@media(max-width:1000px){body.cx-brand .header .nav-wrap{min-height:88px;gap:16px}body.cx-brand .header .brand img{width:230px!important}body.cx-brand .header .nav{background:#fff!important}body.cx-brand .header .nav a{min-height:44px}body.cx-brand .header .nav a.cx-nav-cta{margin-top:12px}}
@media(max-width:600px){body.cx-brand .header .nav-wrap{width:calc(100% - 32px);min-height:82px;gap:12px}body.cx-brand .header .brand{flex:0 0 200px}body.cx-brand .header .brand img{width:200px!important}body.cx-brand .header .menu-toggle{font-size:14px;padding:8px;margin-left:auto}body.cx-brand.arch-home .rx-hero{padding:44px 0 48px}body.cx-brand .rx-hero-text{gap:20px}body.cx-brand .rx-card{padding:24px}body.cx-brand main#contenu .rx-actions>.rx-btn{width:100%;padding:12px 18px}body.cx-brand .rx-g4{grid-template-columns:1fr}body.cx-brand .footer .footer-logo{width:240px}}
@media(prefers-reduced-motion:reduce){body.cx-brand *,body.cx-brand *::before,body.cx-brand *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Révision : lisibilité des libellés du gabarit Priorité 24 h. */
body.cx-brand main#contenu.p24-page .p24-intro :is(.breadcrumb,.breadcrumb span,.p24-values span){color:var(--cosmo-slate)!important}
body.cx-brand main#contenu.p24-page .p24-promise :is(.p24-label,.p24-number,.p24-number span){color:var(--cosmo-blue)!important}
/* Les graduations abrégées sur téléphone reprennent le contraste du bureau. */
body.cx-brand main#contenu .cxb-ls{color:var(--cosmo-slate)!important}