@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:100 900;font-display:swap;src:url(polices/hanken-grotesk-variable.woff2) format('woff2')}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(polices/bricolage-grotesque-variable.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;src:url(polices/figtree-variable.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-style:italic;font-weight:300 900;font-display:swap;src:url(polices/figtree-italic-variable.woff2) format('woff2')}
:root,[data-theme="jour"]{--mtx-fond:#F5F2EC;--mtx-surface:#FFFFFF;--mtx-relief:#ECE8DF;--mtx-filet:#DAD6CC;--mtx-texte:#17161D;--mtx-doux:#57555F;--mtx-lien:#B70F63;--mtx-magenta:#E6157F;--mtx-facette:#3B3944;--mtx-encre:#17161D;--mtx-sur-encre:#F5F2EC;--mtx-sur-encre-doux:#B9B6BF;--mtx-encre-filet:#3A3943;color-scheme:light}
[data-theme="nuit"]{--mtx-fond:#15141B;--mtx-surface:#1F1E27;--mtx-relief:#2A2933;--mtx-filet:#363541;--mtx-texte:#F4F1EA;--mtx-doux:#A9A7B3;--mtx-lien:#FF4FA3;--mtx-magenta:#E6157F;--mtx-facette:#CBC7BE;--mtx-encre:#0E0D13;--mtx-sur-encre:#F4F1EA;--mtx-sur-encre-doux:#A9A7B3;--mtx-encre-filet:#2E2D37;color-scheme:dark}
:root{--mtx-titre:'Bricolage Grotesque',system-ui,sans-serif;--mtx-lecture:'Figtree',system-ui,sans-serif;--mtx-interface:'Hanken Grotesk',system-ui,sans-serif;--mtx-mesure:680px;--col:1240px;--gout:clamp(20px,4vw,56px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
.mtx{background:var(--mtx-fond);color:var(--mtx-texte);font:400 19px/1.65 var(--mtx-lecture);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s;overflow-x:hidden}
.mtx h1,.mtx h2,.mtx h3{font-weight:640;font-family:var(--mtx-titre);text-wrap:balance;margin:0;letter-spacing:-.028em}
.mtx h2{font-size:clamp(28.56px,3.7vw,47.04px);line-height:1.04;letter-spacing:-.028em;margin-bottom:.45em}
.mtx h3{font-size:clamp(23px,2.3vw,28px);line-height:1.15}
.mtx p{margin:0 0 1.05em;max-width:var(--mtx-mesure)}
.mtx a{color:inherit;text-decoration:underline;text-decoration-color:var(--mtx-lien);text-decoration-thickness:1px;text-underline-offset:.22em}
.mtx a:hover{color:var(--mtx-lien)}
.mtx *:focus-visible{outline:2px solid var(--mtx-lien);outline-offset:3px}
.mtx em.acc{font-style:normal;color:var(--mtx-lien)}
.enveloppe{max-width:var(--col);margin:0 auto;padding:0 var(--gout)}
.surtitre{font:600 12px/1.3 var(--mtx-interface);letter-spacing:.18em;text-transform:uppercase;color:var(--mtx-lien);margin:0 0 20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.surtitre .sep{width:22px;height:1px;background:currentColor;opacity:.6}
.chapo{font-size:21px;line-height:1.55}
.petit{font:400 15px/1.55 var(--mtx-interface);color:var(--mtx-doux)}
.mtx-bouton{display:inline-flex;align-items:center;gap:10px;font:600 12px/1 var(--mtx-interface);letter-spacing:.12em;text-transform:uppercase;text-decoration:none!important;padding:16px 22px;border:1px solid var(--mtx-texte);color:var(--mtx-texte)!important;background:transparent;border-radius:0;cursor:pointer;transition:background .18s,color .18s}
.mtx-bouton:hover{background:var(--mtx-texte);color:var(--mtx-fond)!important}
.mtx-bouton--plein{background:var(--mtx-texte);color:var(--mtx-fond)!important}
.mtx-bouton--plein:hover{background:transparent;color:var(--mtx-texte)!important}
.mtx-lien-fleche{font:600 12px/1.2 var(--mtx-interface);letter-spacing:.12em;text-transform:uppercase;text-decoration:none!important;border-bottom:1px solid var(--mtx-lien);padding-bottom:5px;display:inline-block}
.eclat{display:inline-block;width:.42em;height:.42em;background:var(--mtx-magenta);clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);flex:none}
.section{padding:clamp(72px,10vw,128px) 0;border-top:1px solid var(--mtx-filet)}
.relire{display:inline-flex;align-items:center;gap:8px;font:600 10.5px/1 var(--mtx-interface);letter-spacing:.14em;text-transform:uppercase;color:var(--mtx-texte);background:repeating-linear-gradient(-45deg,var(--mtx-relief) 0 6px,transparent 6px 12px);border:1px dashed var(--mtx-doux);padding:7px 10px;margin:0 0 14px}

/* ===== En-tête ===== */
.bandeau-haut{background:var(--mtx-encre);color:var(--mtx-sur-encre);font:500 13px/1.3 var(--mtx-interface);letter-spacing:.02em}
.bandeau-haut .enveloppe{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:40px}
.bandeau-haut a{color:var(--mtx-sur-encre)}
.bandeau-haut .bh-g{color:var(--mtx-sur-encre-doux);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.entete{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--mtx-fond) 94%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--mtx-filet)}
.entete .enveloppe{display:flex;align-items:center;gap:clamp(12px,2vw,28px);height:76px;flex-wrap:nowrap}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none!important;color:var(--mtx-texte)!important;flex:0 0 auto}
.logo svg{display:block}
.logo .signe{width:34px;height:34px}
.logo .nom{height:15px;width:auto}
.logo .mention{display:none;font:600 8.5px/1 var(--mtx-interface);letter-spacing:.2em;text-transform:uppercase;color:var(--mtx-doux);margin-top:7px;white-space:nowrap}
.nav{display:flex;align-items:stretch;gap:clamp(4px,1.3vw,22px);margin:0 auto 0 clamp(8px,2vw,30px);flex-wrap:nowrap;list-style:none;padding:0}
.nav>li{position:relative;display:flex;align-items:center}
.nav>li>a,.nav>li>button{font:600 12.5px/1 var(--mtx-interface);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--mtx-texte);background:none;border:0;padding:30px 4px 28px;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent}
.nav>li>a[aria-current],.nav>li.ouvert>button{border-bottom-color:var(--mtx-magenta)}
.nav>li>a.manifeste{font-family:var(--mtx-titre);font-style:normal;text-transform:none;letter-spacing:-.02em;font-size:20px;font-weight:640;padding:26px 4px 24px}
.outils{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.outil{width:38px;height:38px;display:grid;place-items:center;background:none;border:1px solid transparent;color:var(--mtx-texte);cursor:pointer;font:600 11px/1 var(--mtx-interface);letter-spacing:.08em;text-decoration:none!important}
.outil:hover{border-color:var(--mtx-filet)}
.outil svg{width:18px;height:18px}
.outil.az{width:auto;padding:0 8px}
.entete .mtx-bouton{padding:13px 16px;margin-left:6px}
.burger{display:none}
/* panneaux de cartes */
.panneau{position:absolute;left:-20px;top:100%;width:min(760px,80vw);background:var(--mtx-surface);border:1px solid var(--mtx-filet);padding:22px;display:none;grid-template-columns:repeat(3,1fr);gap:0;box-shadow:0 30px 60px -40px rgba(0,0,0,.35)}
.nav>li.ouvert .panneau{display:grid}
.pcarte{display:block;padding:16px 18px;border-left:1px solid var(--mtx-filet);text-decoration:none!important;color:var(--mtx-texte)!important}
.pcarte:hover{background:var(--mtx-relief)}
.pcarte b{display:block;font:640 17.64px/1.15 var(--mtx-titre);margin-bottom:6px;letter-spacing:-.02em}
.pcarte span{display:block;font:400 14px/1.45 var(--mtx-interface);color:var(--mtx-doux)}
.pcarte i{display:block;font:600 10.5px/1 var(--mtx-interface);letter-spacing:.14em;text-transform:uppercase;color:var(--mtx-lien);font-style:normal;margin-bottom:8px}
.tiroir{display:none}

/* ===== Héros ===== */
.heros{padding:clamp(56px,8vw,112px) 0 clamp(40px,5vw,64px);position:relative}
.heros .grille{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,5vw,80px);align-items:center}
.heros h1{font-size:clamp(36.96px,5.21vw,77.28px);line-height:1;letter-spacing:-.028em;margin:0 0 .42em;min-height:2em}
.heros .revele{font-size:20px;line-height:1.6;max-width:36em}
.heros .revele b{font:600 11px/1 var(--mtx-interface);letter-spacing:.16em;text-transform:uppercase;color:var(--mtx-doux);display:block;margin-bottom:10px}
.gestes{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:30px}
.autre{background:none;border:0;color:var(--mtx-doux);font:600 12px/1 var(--mtx-interface);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:16px 6px;display:inline-flex;gap:9px;align-items:center}
.autre:hover{color:var(--mtx-lien)}
.autre svg{width:15px;height:15px}
.q-fondu{transition:opacity .35s}
.q-fondu.sort{opacity:0}
.figure{position:relative;aspect-ratio:1;max-width:460px;width:100%;justify-self:center}
.figure svg{width:100%;height:100%;overflow:visible}
.fig-q .arc{stroke:var(--mtx-texte);fill:none;stroke-width:9;stroke-dasharray:420;stroke-dashoffset:420;animation:trace 2.6s cubic-bezier(.6,.1,.2,1) .3s forwards}
.fig-q .orbe{fill:none;stroke:var(--mtx-filet);stroke-width:1}
.fig-q .orbe.p{stroke-dasharray:2 7;transform-origin:50% 50%;animation:tourne 90s linear infinite}
.fig-q .orbe.p2{stroke-dasharray:1 12;transform-origin:50% 50%;animation:tourne 140s linear infinite reverse}
.fig-q .etincelle,.fig-carte .coeur{fill:var(--mtx-magenta);transform-box:fill-box;transform-origin:center;animation:pouls 3.6s ease-in-out 2.6s infinite}
.fig-q .satellite{fill:var(--mtx-doux)}
@keyframes trace{to{stroke-dashoffset:0}}
@keyframes tourne{to{transform:rotate(360deg)}}
@keyframes pouls{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.82}}
.fig-carte{display:none}
.compteur-q{font:600 11px/1 var(--mtx-interface);letter-spacing:.16em;text-transform:uppercase;color:var(--mtx-doux)}
.chiffres{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--mtx-filet);border-bottom:1px solid var(--mtx-filet);margin-top:clamp(48px,6vw,80px)}
.chiffres a{padding:22px 22px 24px;border-left:1px solid var(--mtx-filet);text-decoration:none!important;color:var(--mtx-texte)!important;display:flex;gap:16px;align-items:baseline}
.chiffres a:first-child{border-left:0;padding-left:0}
.chiffres a:hover .n{color:var(--mtx-lien)}
.chiffres .n{font:640 45.36px/1 var(--mtx-titre);flex:none;transition:color .2s;letter-spacing:-.02em}
.chiffres .l{font:500 14px/1.4 var(--mtx-interface);color:var(--mtx-doux)}

/* ===== Bandeau de la question du mois ===== */
.mois{background:var(--mtx-relief)}
.mois .enveloppe{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:30px;padding-bottom:30px;flex-wrap:wrap}
.mois p{margin:0;font-size:17px}
.mois p strong{font:640 20.16px/1.2 var(--mtx-titre);margin-right:10px;letter-spacing:-.02em}

/* ===== Affirmation ===== */
.affirmation .grille{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,6vw,96px);align-items:end}
.affirmation h2{font-size:clamp(31.92px,4.2vw,57.12px);margin:0}
.affirmation .cote{border-left:1px solid var(--mtx-magenta);padding-left:26px}
.affirmation .cote p:last-child{margin-bottom:0}

/* ===== Déroulé d'une mission ===== */
.deroule .grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.schema{position:sticky;top:110px}
.schema svg{width:100%;height:auto;display:block}
.schema .axe{stroke:var(--mtx-filet);stroke-width:1}
.schema .c1{fill:none;stroke:var(--mtx-doux);stroke-width:2;stroke-dasharray:4 5}
.schema .c2{fill:none;stroke:var(--mtx-texte);stroke-width:2.5}
.schema .lab{font:600 11px var(--mtx-interface);letter-spacing:.12em;text-transform:uppercase;fill:var(--mtx-doux)}
.schema .lab.f{fill:var(--mtx-texte)}
.schema .num{font:640 16.8px var(--mtx-titre);fill:var(--mtx-doux);letter-spacing:-.02em}
.schema .croise{fill:var(--mtx-magenta)}
.schema .trace{stroke-dasharray:900;stroke-dashoffset:900;transition:stroke-dashoffset 2.4s cubic-bezier(.6,.1,.2,1)}
.schema.vu .trace{stroke-dashoffset:0}
.schema figcaption{font:400 14px/1.5 var(--mtx-interface);color:var(--mtx-doux);margin-top:14px;max-width:34em}
.etapes{list-style:none;margin:0;padding:0;counter-reset:e}
.etapes li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:0 18px;padding:26px 0;border-top:1px solid var(--mtx-filet)}
.etapes li:last-child{border-bottom:1px solid var(--mtx-filet)}
.etapes .n{font:640 36.96px/1 var(--mtx-titre);color:var(--mtx-lien);grid-row:span 3;letter-spacing:-.02em}
.etapes .t{font:600 11px/1.3 var(--mtx-interface);letter-spacing:.16em;text-transform:uppercase;color:var(--mtx-doux);margin-bottom:6px}
.etapes h3{margin-bottom:8px}
.etapes p{font-size:17px;line-height:1.6;margin:0;color:var(--mtx-doux)}
.etapes p a{color:var(--mtx-texte)}
.art{font:600 12px/1 var(--mtx-interface);letter-spacing:.06em;white-space:nowrap}

/* ===== Les neuf chantiers ===== */
.chantiers .tete{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:48px}
.grille-ch{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--mtx-filet);border-left:1px solid var(--mtx-filet)}
.ch{position:relative;display:flex;flex-direction:column;gap:14px;padding:30px 28px 28px;border-right:1px solid var(--mtx-filet);border-bottom:1px solid var(--mtx-filet);text-decoration:none!important;color:var(--mtx-texte)!important;background:var(--mtx-surface);min-height:250px;transition:background .2s}
.ch:hover{background:var(--mtx-relief)}
.ch .lettre{font:640 53.76px/.8 var(--mtx-titre);color:var(--mtx-filet);position:absolute;right:22px;top:26px;transition:color .2s;letter-spacing:-.02em}
.ch:hover .lettre{color:var(--mtx-lien)}
.ch .nomch{font:600 11.5px/1.3 var(--mtx-interface);letter-spacing:.16em;text-transform:uppercase;color:var(--mtx-lien);max-width:70%}
.ch q{font:640 19.32px/1.22 var(--mtx-titre);quotes:none;flex:1;padding-right:34px;letter-spacing:-.02em}
.ch .suite{font:600 11px/1 var(--mtx-interface);letter-spacing:.14em;text-transform:uppercase;color:var(--mtx-doux)}

/* ===== Quatre cases ===== */
.cases .tete{max-width:820px;margin-bottom:44px}
.matrice{display:grid;grid-template-columns:minmax(150px,.7fr) 1fr 1fr;border-top:1px solid var(--mtx-texte)}
.matrice>div{padding:24px 26px;border-bottom:1px solid var(--mtx-filet)}
.matrice .ent{font:600 11px/1.3 var(--mtx-interface);letter-spacing:.16em;text-transform:uppercase;color:var(--mtx-doux);padding-top:16px;padding-bottom:16px}
.matrice .lig{font:640 18.48px/1.2 var(--mtx-titre);padding-left:0;letter-spacing:-.02em}
.matrice .cel{font-size:17px;line-height:1.55;color:var(--mtx-doux);border-left:1px solid var(--mtx-filet)}
.matrice .cel blockquote{margin:0 0 8px;font:500 17.64px/1.3 var(--mtx-titre);color:var(--mtx-texte);letter-spacing:-.02em}
.matrice .cel cite{font:600 10.5px/1 var(--mtx-interface);letter-spacing:.12em;text-transform:uppercase;font-style:normal}
.matrice .bas{border-bottom:1px solid var(--mtx-texte)}
.matrice .cel.gagne{background:var(--mtx-encre);color:var(--mtx-sur-encre)}
.matrice .cel.gagne strong{display:block;font:640 21.84px/1.15 var(--mtx-titre);margin-bottom:8px;color:var(--mtx-sur-encre);letter-spacing:-.02em}
.matrice .cel.gagne .eclat{margin-right:8px}
.cases .note{margin-top:22px}

/* ===== Premier geste ===== */
.geste .grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.cadran{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--mtx-texte)}
.cadran div{padding:26px 20px;border-left:1px solid var(--mtx-filet);text-align:left}
.cadran div:first-child{border-left:0}
.cadran .n{font:640 clamp(40.32px,4.2vw,60.48px)/1 var(--mtx-titre);display:block;letter-spacing:-.02em}
.cadran .l{font:600 11px/1.35 var(--mtx-interface);letter-spacing:.14em;text-transform:uppercase;color:var(--mtx-doux)}
.familles{list-style:none;padding:0;margin:26px 0 0;max-width:var(--mtx-mesure)}
.familles li{padding:12px 0 12px 26px;border-top:1px solid var(--mtx-filet);position:relative;font-size:17px}
.familles li::before{content:"";position:absolute;left:4px;top:1.15em;width:9px;height:9px;background:var(--mtx-magenta);clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%)}

/* ===== Avant de signer ===== */
.signer .grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,6vw,96px)}
.mtx-citation{margin:0 0 34px;padding:0 0 0 28px;border-left:1px solid var(--mtx-magenta);font:500 clamp(21.84px,2.52vw,30.24px)/1.22 var(--mtx-titre);max-width:24em;letter-spacing:-.02em}
.mtx-citation cite{display:block;margin-top:16px;font:600 11.5px/1.4 var(--mtx-interface);letter-spacing:.12em;text-transform:uppercase;color:var(--mtx-doux);font-style:normal}
.engagements{list-style:none;padding:0;margin:0;counter-reset:g}
.engagements li{counter-increment:g;display:grid;grid-template-columns:44px 1fr;gap:4px 14px;padding:18px 0;border-top:1px solid var(--mtx-filet)}
.engagements li::before{content:counter(g,upper-roman);font:640 18.48px/1.2 var(--mtx-titre);color:var(--mtx-lien);grid-row:span 2;letter-spacing:-.02em}
.engagements b{font:640 18.48px/1.2 var(--mtx-titre);font-weight:640;letter-spacing:-.02em}
.engagements span{font-size:16px;line-height:1.55;color:var(--mtx-doux)}
.pourqui{margin-top:40px;padding:28px;background:var(--mtx-surface);border:1px solid var(--mtx-filet)}
.pourqui p{font-size:17px}
.pourqui .fred{font:500 18.48px/1.3 var(--mtx-titre);margin:10px 0 8px;letter-spacing:-.02em}

/* ===== Portes ===== */
.portes .grille-p{display:grid;grid-template-columns:repeat(4,1fr) 1.15fr;gap:0;border-top:1px solid var(--mtx-filet);border-left:1px solid var(--mtx-filet);margin-top:44px}
.porte{display:flex;flex-direction:column;gap:12px;padding:26px 22px;border-right:1px solid var(--mtx-filet);border-bottom:1px solid var(--mtx-filet);text-decoration:none!important;color:var(--mtx-texte)!important;background:var(--mtx-surface);min-height:270px;transition:background .2s}
.porte:hover{background:var(--mtx-relief)}
.porte .temps{font:600 11px/1 var(--mtx-interface);letter-spacing:.16em;text-transform:uppercase;color:var(--mtx-lien);display:flex;gap:8px;align-items:center}
.porte .temps svg{width:13px;height:13px}
.porte h3{font-size:26px}
.porte p{font-size:15.5px;line-height:1.55;color:var(--mtx-doux);margin:0;flex:1}
.porte .va{font:600 11px/1 var(--mtx-interface);letter-spacing:.14em;text-transform:uppercase}
.porte.principale{background:var(--mtx-encre);color:var(--mtx-sur-encre)!important}
.porte.principale p{color:var(--mtx-sur-encre-doux)}
.porte.principale .temps{color:var(--mtx-sur-encre-doux)}
.porte.principale:hover{background:#000}
[data-theme="nuit"] .porte.principale{background:var(--mtx-sur-encre);color:var(--mtx-encre)!important}
[data-theme="nuit"] .porte.principale p,[data-theme="nuit"] .porte.principale .temps{color:#4a4852}
.publics{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:28px}
.publics a{padding:18px 22px 18px 0;margin-right:22px;border-top:1px solid var(--mtx-texte);text-decoration:none!important;color:var(--mtx-texte)!important}
.publics b{display:block;font:640 17.64px/1.2 var(--mtx-titre);margin-bottom:4px;letter-spacing:-.02em}
.publics span{display:block;font:400 14.5px/1.5 var(--mtx-interface);color:var(--mtx-doux)}

/* ===== Derrière la porte ===== */
.derriere .grille-d{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);margin-top:40px}
.fond{display:flex;flex-direction:column;gap:12px;padding-top:22px;border-top:3px double var(--mtx-texte)}
.fond .t{font:600 11px/1 var(--mtx-interface);letter-spacing:.16em;text-transform:uppercase;color:var(--mtx-lien)}
.fond h3{font-size:30px}
.fond p{font-size:16.5px;line-height:1.6;color:var(--mtx-doux);margin:0}
.fond ul{list-style:none;padding:0;margin:4px 0 0}
.fond li{padding:9px 0;border-bottom:1px solid var(--mtx-filet);font:400 15px/1.4 var(--mtx-interface)}
.fond li a{text-decoration:none;color:var(--mtx-texte)}
.fond li a:hover{color:var(--mtx-lien)}
.fond .maison{font:500 20.16px/1.25 var(--mtx-titre);color:var(--mtx-texte);margin:6px 0;letter-spacing:-.02em}

/* ===== Bande sombre : objections ===== */
.objections{background:var(--mtx-encre);color:var(--mtx-sur-encre);border-top:0}
.objections .surtitre{color:#FF4FA3}
.objections .grille{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:clamp(32px,6vw,96px);align-items:start}
.objections h2{color:var(--mtx-sur-encre)}
.objections .chapo{color:var(--mtx-sur-encre-doux)}
.obj{display:block;padding:24px 0;border-top:1px solid var(--mtx-encre-filet);text-decoration:none!important;color:var(--mtx-sur-encre)!important}
.obj:last-child{border-bottom:1px solid var(--mtx-encre-filet)}
.obj q{display:block;font:640 clamp(20.16px,2.02vw,26.04px)/1.18 var(--mtx-titre);quotes:"«\00a0" "\00a0»";margin-bottom:10px;letter-spacing:-.02em}
.obj span{display:block;font-size:16.5px;line-height:1.55;color:var(--mtx-sur-encre-doux);max-width:40em}
.obj:hover q{color:#FF4FA3}
.objections .mtx-lien-fleche{border-bottom-color:#FF4FA3;color:var(--mtx-sur-encre)}

/* ===== Partage ===== */
.partage .grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.carte-partage{background:var(--mtx-surface);border:1px solid var(--mtx-filet);padding:30px 30px 26px;position:relative}
.carte-partage .surtitre{margin-bottom:12px}
.carte-partage .qp{font:640 23.52px/1.18 var(--mtx-titre);margin:0 0 18px;letter-spacing:-.02em}
.carte-partage .sig{display:flex;align-items:center;gap:10px;font:600 10.5px/1 var(--mtx-interface);letter-spacing:.2em;text-transform:uppercase;color:var(--mtx-doux)}
.carte-partage .sig svg{width:20px;height:20px}
.boutons-p{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.boutons-p .mtx-bouton{padding:13px 16px}

/* ===== Pied ===== */
.pied{border-top:1px solid var(--mtx-filet);padding:64px 0 34px;background:var(--mtx-fond)}
.pied .grille{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px}
.pied h4{font:600 11px/1.3 var(--mtx-interface);letter-spacing:.16em;text-transform:uppercase;color:var(--mtx-doux);margin:0 0 14px}
.pied ul{list-style:none;padding:0;margin:0}
.pied li{margin:0 0 9px;font:400 14.5px/1.4 var(--mtx-interface)}
.pied li a{text-decoration:none;color:var(--mtx-texte)}
.pied li a:hover{color:var(--mtx-lien)}
.pied .phrase{font:500 18.48px/1.3 var(--mtx-titre);margin:22px 0 0;max-width:18em;letter-spacing:-.02em}
.pied .bas{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:56px;padding-top:20px;border-top:1px solid var(--mtx-filet);font:400 13px/1.4 var(--mtx-interface);color:var(--mtx-doux)}
.pied .bas a{color:var(--mtx-doux)}

/* ===== Outil de maquette (n'existe pas sur le site) ===== */
.maquette-outil{position:fixed;left:14px;bottom:14px;z-index:60;display:flex;align-items:center;gap:0;background:var(--mtx-surface);border:1px solid var(--mtx-filet);font:600 10.5px/1 var(--mtx-interface);letter-spacing:.12em;text-transform:uppercase;box-shadow:0 10px 30px -18px rgba(0,0,0,.4)}
.maquette-outil span{padding:10px 12px;color:var(--mtx-doux);border-right:1px solid var(--mtx-filet)}
.maquette-outil button{background:none;border:0;padding:10px 11px;cursor:pointer;color:var(--mtx-doux);font:inherit;letter-spacing:inherit;text-transform:inherit}
.maquette-outil button[aria-pressed="true"]{color:var(--mtx-texte);box-shadow:inset 0 -2px 0 var(--mtx-magenta)}

/* =========================================================
   HABILLAGE 2 · « LA UNE » : le quotidien de comité
   ========================================================= */
[data-hab="une"] .entete .enveloppe{height:auto;flex-wrap:wrap;justify-content:center;padding-top:16px;padding-bottom:0;row-gap:0}
[data-hab="une"] .entete{position:relative;border-bottom:0}
[data-hab="une"] .logo{order:1;flex-direction:column;gap:10px;width:100%;align-items:center;padding:6px 0 16px;border-bottom:1px solid var(--mtx-texte)}
[data-hab="une"] .logo .signe{width:30px;height:30px}
[data-hab="une"] .logo .nom{height:24px}
[data-hab="une"] .logo .mention{display:block;text-align:center;margin-top:9px}
[data-hab="une"] .logo>span{display:flex;flex-direction:column;align-items:center}
[data-hab="une"] .une-date{display:flex!important;order:0;width:100%;justify-content:space-between;font:600 10.5px/1 var(--mtx-interface);letter-spacing:.16em;text-transform:uppercase;color:var(--mtx-doux);padding-bottom:8px}
[data-hab="une"] .nav{order:2;margin:0;justify-content:center;width:100%;border-bottom:3px double var(--mtx-texte)}
[data-hab="une"] .nav>li>a,[data-hab="une"] .nav>li>button{padding:16px 6px 14px}
[data-hab="une"] .nav>li>a.manifeste{padding:12px 6px 10px}
[data-hab="une"] .outils{position:absolute;right:var(--gout);top:52px}
[data-hab="une"] .panneau{left:50%;transform:translateX(-50%)}
[data-hab="une"] .heros .grille{grid-template-columns:1fr;text-align:center}
[data-hab="une"] .heros .figure{display:none}
[data-hab="une"] .heros h1{font-size:clamp(38.64px,6.22vw,94.08px);max-width:14em;margin-left:auto;margin-right:auto}
[data-hab="une"] .heros .surtitre{justify-content:center}
[data-hab="une"] .heros .revele{max-width:none;columns:2;column-gap:56px;column-rule:1px solid var(--mtx-filet);text-align:justify;hyphens:auto;margin:0 auto;width:min(860px,100%)}
[data-hab="une"] .heros .revele b{column-span:all;text-align:center}
[data-hab="une"] .gestes{justify-content:center}
[data-hab="une"] .chiffres a{justify-content:center;flex-direction:column;align-items:center;text-align:center;padding-left:22px}
[data-hab="une"] .mois{background:none;border-top:3px double var(--mtx-texte);border-bottom:1px solid var(--mtx-texte)}
[data-hab="une"] .mois .enveloppe{justify-content:center;text-align:center}
[data-hab="une"] .section{border-top:0}
[data-hab="une"] .section>.enveloppe>.surtitre,[data-hab="une"] .tete .surtitre,[data-hab="une"] .section .grille>div>.surtitre:first-child{justify-content:flex-start}
[data-hab="une"] .section h2{border-top:1px solid var(--mtx-texte);padding-top:18px}
[data-hab="une"] .affirmation h2{border-top:0;padding-top:0;text-align:center;max-width:18em;margin:0 auto}
[data-hab="une"] .affirmation .grille{grid-template-columns:1fr;text-align:center}
[data-hab="une"] .affirmation .cote{border-left:0;padding-left:0;columns:2;column-gap:56px;column-rule:1px solid var(--mtx-filet);text-align:justify;hyphens:auto;max-width:860px;margin:0 auto}
[data-hab="une"] .affirmation .surtitre{justify-content:center}
[data-hab="une"] .deroule .grille{grid-template-columns:1fr}
[data-hab="une"] .schema{position:static;max-width:760px}
[data-hab="une"] .etapes{columns:3;column-gap:40px;column-rule:1px solid var(--mtx-filet)}
[data-hab="une"] .etapes li{break-inside:avoid;grid-template-columns:1fr;border-top:0;border-bottom:0!important;padding:0 0 28px}
[data-hab="une"] .etapes .n{font-size:30px;grid-row:auto;margin-bottom:6px}
[data-hab="une"] .grille-ch{border:0;gap:0;grid-template-columns:repeat(3,1fr)}
[data-hab="une"] .ch{background:none;border:0;border-left:1px solid var(--mtx-filet);border-bottom:1px solid var(--mtx-filet);min-height:0;padding:22px 24px 26px}
[data-hab="une"] .ch:nth-child(3n+1){border-left:0;padding-left:0}
[data-hab="une"] .ch .lettre{position:static;font-size:15px;line-height:1;font-family:var(--mtx-interface);font-weight:600;color:var(--mtx-lien)}
[data-hab="une"] .ch:hover{background:none}
[data-hab="une"] .ch:hover q{text-decoration:underline;text-decoration-color:var(--mtx-lien);text-decoration-thickness:1px;text-underline-offset:.18em}
[data-hab="une"] .matrice{border-top:3px double var(--mtx-texte)}
[data-hab="une"] .portes .grille-p{border:0;gap:0}
[data-hab="une"] .porte{background:none;border:0;border-left:1px solid var(--mtx-filet);min-height:0}
[data-hab="une"] .porte:first-child{border-left:0;padding-left:0}
[data-hab="une"] .porte.principale{background:var(--mtx-encre)}
[data-hab="une"] .fond{border-top:1px solid var(--mtx-texte)}
[data-hab="une"] .objections .grille{grid-template-columns:1fr}
[data-hab="une"] .objections .liste-obj{columns:3;column-gap:40px;column-rule:1px solid var(--mtx-encre-filet)}
[data-hab="une"] .obj{break-inside:avoid;border-top:0;padding-top:0}
[data-hab="une"] .obj:last-child{border-bottom:0}

/* =========================================================
   HABILLAGE 3 · « LA CARTE » : le système et ses neuf chantiers
   ========================================================= */
[data-hab="carte"] .heros{background:var(--mtx-relief);border-bottom:1px solid var(--mtx-filet)}
[data-hab="carte"] .heros .grille{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
[data-hab="carte"] .heros .figure{order:-1;max-width:560px}
[data-hab="carte"] .fig-q{display:none}
[data-hab="carte"] .fig-carte{display:block}
[data-hab="carte"] .heros h1{font-size:clamp(33.6px,4.03vw,62.16px)}
[data-hab="carte"] .chiffres{background:var(--mtx-fond);border:1px solid var(--mtx-filet)}
[data-hab="carte"] .chiffres a:first-child{padding-left:22px}
.fig-carte .rayon{stroke:var(--mtx-filet);stroke-width:1}
.fig-carte .anneau{fill:none;stroke:var(--mtx-filet);stroke-width:1;stroke-dasharray:2 6}
.fig-carte .noeud circle{fill:var(--mtx-surface);stroke:var(--mtx-texte);stroke-width:1.2;transition:fill .2s}
.fig-carte .noeud text.l{font:640 18.48px var(--mtx-titre);fill:var(--mtx-texte);text-anchor:middle;dominant-baseline:central;letter-spacing:-.02em}
.fig-carte .noeud text.n{font:600 9.5px var(--mtx-interface);letter-spacing:.14em;text-transform:uppercase;fill:var(--mtx-doux)}
.fig-carte .noeud{cursor:pointer}
.fig-carte .noeud:hover circle,.fig-carte .noeud.actif circle{fill:var(--mtx-encre)}
.fig-carte .noeud:hover text.l,.fig-carte .noeud.actif text.l{fill:var(--mtx-sur-encre)}
.fig-carte .noeud.actif text.n{fill:var(--mtx-lien)}
[data-theme="nuit"] .fig-carte .noeud:hover circle,[data-theme="nuit"] .fig-carte .noeud.actif circle{fill:var(--mtx-sur-encre)}
[data-theme="nuit"] .fig-carte .noeud:hover text.l,[data-theme="nuit"] .fig-carte .noeud.actif text.l{fill:var(--mtx-encre)}
[data-hab="carte"] :is(main,.et_pb_code_inner)>.section{position:relative}
[data-hab="carte"] :is(main,.et_pb_code_inner)>.section:nth-of-type(even):not(.objections){background:var(--mtx-relief)}
[data-hab="carte"] :is(main,.et_pb_code_inner)>.section:not(.objections) .surtitre::before{content:"";width:11px;height:11px;background:var(--mtx-magenta);clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%)}
[data-hab="carte"] .grille-ch{border:0;gap:14px}
[data-hab="carte"] .ch{border:1px solid var(--mtx-filet)}
[data-hab="carte"] .ch .lettre{position:static;font-size:40px;color:var(--mtx-texte);order:-1}
[data-hab="carte"] .ch .nomch{max-width:none}
[data-hab="carte"] .affirmation .grille{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
[data-hab="carte"] .affirmation .cote{border-left:0;padding:26px 0 0;border-top:1px solid var(--mtx-magenta)}
[data-hab="carte"] .etapes li{grid-template-columns:52px minmax(0,1fr);border-top:0;border-left:1px solid var(--mtx-filet);padding-left:26px;position:relative}
[data-hab="carte"] .etapes li:last-child{border-bottom:0}
[data-hab="carte"] .etapes li::before{content:"";position:absolute;left:-6px;top:32px;width:11px;height:11px;background:var(--mtx-magenta);clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%)}
[data-hab="carte"] .etapes .n{font-style:normal;color:var(--mtx-filet);font-size:40px}
[data-hab="carte"] .deroule .grille{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
[data-hab="carte"] .deroule .schema{order:2}
[data-hab="carte"] .portes .grille-p{grid-template-columns:repeat(2,1fr) 1.2fr;border:0;gap:14px}
[data-hab="carte"] .porte{border:1px solid var(--mtx-filet);min-height:0}
[data-hab="carte"] .porte.principale{grid-row:span 2;grid-column:3}
[data-hab="carte"] .fond{border-top:1px solid var(--mtx-filet);background:var(--mtx-surface);padding:26px;border:1px solid var(--mtx-filet)}

/* ===== Responsive ===== */
@media (max-width:1180px){
  .nav>li>a,.nav>li>button{font-size:11.5px;letter-spacing:.07em}
  .nav>li>a.manifeste{font-size:17px}
  .outil.az{display:none}
  .grille-p{grid-template-columns:repeat(3,1fr)!important}
  .porte.principale{grid-column:span 2}
  [data-hab="carte"] .porte.principale{grid-row:auto;grid-column:span 3}
}
@media (max-width:980px){
  .nav,.entete .mtx-bouton,.outil.az,.outil.cherche{display:none}
  .burger{display:inline-flex}
  .entete .enveloppe{justify-content:space-between;height:66px}
  .outils{margin-left:auto}
  [data-hab="une"] .entete .enveloppe{height:auto}
  [data-hab="une"] .outils{position:static;order:1;margin:0 0 10px}
  [data-hab="une"] .logo{border-bottom:3px double var(--mtx-texte)}
  .tiroir{position:fixed;inset:66px 0 0 0;background:var(--mtx-fond);z-index:39;overflow:auto;padding:12px var(--gout) 40px;border-top:1px solid var(--mtx-filet)}
  .tiroir.ouvert{display:block}
  .tiroir .rub{border-bottom:1px solid var(--mtx-filet)}
  .tiroir .rub>button{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;color:var(--mtx-texte);padding:18px 0;font:640 21.84px/1.1 var(--mtx-titre);cursor:pointer;text-align:left;letter-spacing:-.02em}
  .tiroir .rub>button::after{content:"+";font:300 26px var(--mtx-interface);color:var(--mtx-lien)}
  .tiroir .rub.ouvert>button::after{content:"–"}
  .tiroir .cartes{display:none;grid-template-columns:1fr;gap:0;padding-bottom:12px}
  .tiroir .rub.ouvert .cartes{display:grid}
  .tiroir .pcarte{border-left:2px solid var(--mtx-filet);margin:0 0 6px}
  .tiroir .rdv{margin-top:24px;width:100%;justify-content:center}
  .heros .grille,.affirmation .grille,.deroule .grille,.geste .grille,.signer .grille,.objections .grille,.partage .grille,.chantiers .tete{grid-template-columns:1fr!important}
  .figure{max-width:340px}
  [data-hab="carte"] .heros .figure{max-width:420px}
  .schema{position:static}
  .grille-ch{grid-template-columns:repeat(2,1fr)!important}
  [data-hab="une"] .ch:nth-child(3n+1){border-left:1px solid var(--mtx-filet);padding-left:24px}
  [data-hab="une"] .ch:nth-child(2n+1){border-left:0;padding-left:0}
  .derriere .grille-d{grid-template-columns:1fr}
  .pied .grille{grid-template-columns:1fr 1fr}
  .pied .grille>div:first-child{grid-column:1/-1}
  [data-hab="une"] .etapes,[data-hab="une"] .objections .liste-obj{columns:2}
}
@media (max-width:640px){
  .mtx{font-size:17.5px}
  .bandeau-haut .bh-g{display:none}
  .bandeau-haut .enveloppe{justify-content:center}
  .logo .nom{height:12px}
  .logo .signe{width:30px;height:30px}
  .logo .mention{font-size:7px;letter-spacing:.14em}
  .heros h1{font-size:clamp(30.24px,8.82vw,43.68px)!important;min-height:0}
  .heros .revele{font-size:18px}
  [data-hab="une"] .heros .revele,[data-hab="une"] .affirmation .cote{columns:1;text-align:left}
  .gestes .mtx-bouton{flex:1 1 100%;justify-content:center}
  .chiffres{grid-template-columns:1fr 1fr}
  .chiffres a{padding:18px 14px;border-top:1px solid var(--mtx-filet)}
  .chiffres a:nth-child(-n+2){border-top:0}
  .chiffres a:nth-child(odd){border-left:0;padding-left:0}
  [data-hab="carte"] .chiffres a:nth-child(odd){padding-left:14px}
  .chiffres .n{font-size:40px}
  .chiffres a{flex-direction:column;gap:6px}
  .grille-ch{grid-template-columns:1fr!important}
  [data-hab="une"] .ch{border-left:0!important;padding-left:0!important}
  .ch{min-height:0}
  .matrice{grid-template-columns:1fr}
  .matrice .ent.vide{display:none}
  .matrice .ent{display:none}
  .matrice .lig{padding:22px 0 8px;border-bottom:0;font-size:24px}
  .matrice .cel{border-left:0;padding:14px 0 18px}
  .matrice .cel::before{content:attr(data-col);display:block;font:600 10.5px/1 var(--mtx-interface);letter-spacing:.16em;text-transform:uppercase;color:var(--mtx-lien);margin-bottom:8px}
  .matrice .cel.gagne{padding:20px}
  .matrice .cel.gagne::before{color:#FF4FA3}
  .cadran .n{font-size:42px}
  .grille-p{grid-template-columns:1fr!important}
  .porte,.porte.principale{grid-column:auto!important;grid-row:auto!important;min-height:0;border-left:0!important;padding-left:0}
  .porte.principale,[data-hab="carte"] .porte{padding-left:22px}
  .publics{grid-template-columns:1fr}
  [data-hab="une"] .etapes,[data-hab="une"] .objections .liste-obj{columns:1}
  .pied .grille{grid-template-columns:1fr}
  .maquette-outil span{display:none}
  .heros .figure{display:none}
  [data-hab="une"] .une-date span:last-child{display:none}
  [data-hab="une"] .une-date{justify-content:center}
  [data-hab="carte"] .heros .figure{display:block;order:0;max-width:360px;margin-top:8px}
}
@media (prefers-reduced-motion:reduce){.mtx *,.mtx *::before{animation:none!important;transition:none!important}.fig-q .arc{stroke-dashoffset:0}.schema .trace{stroke-dashoffset:0}}

.fil{font:500 12.5px/1.4 var(--mtx-interface);color:var(--mtx-doux);padding-top:28px}
.fil a{color:var(--mtx-doux);text-decoration:none}.fil a:hover{color:var(--mtx-lien)}
.fil span{margin:0 8px;opacity:.6}
.page-tete{padding:clamp(36px,6vw,80px) 0 clamp(28px,4vw,48px);border-bottom:1px solid var(--mtx-filet)}
.page-tete h1{font-size:clamp(33.6px,4.54vw,63.84px);line-height:1.02;letter-spacing:-.028em;margin:0 0 .35em;max-width:16em}
.page-tete .chapo{max-width:38em;margin:0}
.page-tete .meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font:600 11px/1.3 var(--mtx-interface);letter-spacing:.14em;text-transform:uppercase;color:var(--mtx-doux)}
.corps{padding:clamp(40px,6vw,80px) 0}
.deux>*{min-width:0}
.deux{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:clamp(32px,6vw,90px);align-items:start}
.aside{position:sticky;top:100px;font:400 14.5px/1.55 var(--mtx-interface);color:var(--mtx-doux)}
.aside h4{font:600 11px/1.3 var(--mtx-interface);letter-spacing:.16em;text-transform:uppercase;color:var(--mtx-doux);margin:0 0 12px}
.aside ul{list-style:none;padding:0;margin:0 0 26px}.aside li{padding:8px 0;border-top:1px solid var(--mtx-filet)}
.aside a{color:var(--mtx-texte);text-decoration:none}.aside a:hover{color:var(--mtx-lien)}
.prose h2{font-size:clamp(23.52px,2.52vw,31.92px);margin:1.6em 0 .5em}
.prose h2:first-child{margin-top:0}
.prose h3{margin:1.4em 0 .4em}
.prose p,.prose li{max-width:var(--mtx-mesure)}
.bandeau-relire{display:flex;gap:12px;align-items:center;padding:12px 16px;margin:0 0 26px;border:1px dashed var(--mtx-doux);background:repeating-linear-gradient(-45deg,var(--mtx-relief) 0 6px,transparent 6px 12px);font:500 13.5px/1.45 var(--mtx-interface);max-width:var(--mtx-mesure)}
.bandeau-relire b{font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:10.5px;white-space:nowrap}
.dire-f{margin:28px 0;padding:0 0 0 24px;border-left:1px solid var(--mtx-magenta);font:500 clamp(18.48px,2.02vw,23.52px)/1.3 var(--mtx-titre);max-width:28em;letter-spacing:-.02em}
.dire-f cite{display:block;margin-top:10px;font:600 11px/1.4 var(--mtx-interface);letter-spacing:.12em;text-transform:uppercase;font-style:normal;color:var(--mtx-doux)}
.provenance{font:400 12.5px/1.5 var(--mtx-interface);color:var(--mtx-doux);border-top:1px solid var(--mtx-filet);padding-top:14px;margin-top:40px;max-width:var(--mtx-mesure)}
.provenance b{font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:10.5px;margin-right:8px}
/* listes de questions */
.lq{list-style:none;padding:0;margin:0;border-top:1px solid var(--mtx-texte)}
.lq li{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:4px 18px;padding:15px 0;border-bottom:1px solid var(--mtx-filet);align-items:baseline}
.lq .id{font:600 11.5px/1 var(--mtx-interface);letter-spacing:.08em;color:var(--mtx-doux)}
.lq .t{font:640 17.64px/1.28 var(--mtx-titre);letter-spacing:-.02em}
.lq a.t{text-decoration:none;color:var(--mtx-texte)}.lq a.t:hover{color:var(--mtx-lien)}
.lq .et{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.badge{font:600 9.5px/1 var(--mtx-interface);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--mtx-filet);padding:5px 7px;color:var(--mtx-doux);white-space:nowrap}
.badge.f{border-color:var(--mtx-lien);color:var(--mtx-lien)}
.badge.ouv{background:var(--mtx-texte);color:var(--mtx-fond);border-color:var(--mtx-texte)}
.lq li:target{background:var(--mtx-relief)}
.filtres{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.filtres button{font:600 11px/1 var(--mtx-interface);letter-spacing:.12em;text-transform:uppercase;padding:10px 12px;border:1px solid var(--mtx-filet);background:none;color:var(--mtx-doux);cursor:pointer}
.filtres button[aria-pressed="true"]{border-color:var(--mtx-texte);color:var(--mtx-texte);box-shadow:inset 0 -2px 0 var(--mtx-magenta)}
/* onglets */
.mtx-onglets{display:flex;gap:0;border-bottom:1px solid var(--mtx-filet);overflow-x:auto;position:sticky;top:76px;background:var(--mtx-fond);z-index:5;scrollbar-width:none}
.mtx-onglets button{font:600 12px/1 var(--mtx-interface);letter-spacing:.1em;text-transform:uppercase;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:18px 16px;color:var(--mtx-doux);cursor:pointer;white-space:nowrap}
.mtx-onglets button[aria-selected="true"]{color:var(--mtx-texte);border-bottom-color:var(--mtx-magenta)}
.mtx-onglets button span{font-variant-numeric:tabular-nums;margin-right:8px;color:var(--mtx-lien)}
.onglet{display:none;padding:38px 0 10px}.onglet.actif{display:block}
.onglet .q-scene{font:500 20.16px/1.35 var(--mtx-titre);border-left:1px solid var(--mtx-magenta);padding-left:22px;margin:26px 0;max-width:28em;letter-spacing:-.02em}
.suite-onglet{margin-top:34px;padding-top:18px;border-top:1px solid var(--mtx-filet)}
.issue{border:1px solid var(--mtx-filet);background:var(--mtx-surface);padding:20px 22px;margin:0 0 12px;max-width:var(--mtx-mesure)}
.issue b{display:block;font:640 18.48px/1.2 var(--mtx-titre);margin-bottom:6px;letter-spacing:-.02em}
.issue span{font-size:16.5px;color:var(--mtx-doux)}
.donnee{border-top:3px double var(--mtx-texte);padding:14px 0 0;margin:26px 0;font:400 15px/1.55 var(--mtx-interface);max-width:var(--mtx-mesure)}
.donnee::before{content:"Une donnée, datée";display:block;font:600 10.5px/1 var(--mtx-interface);letter-spacing:.16em;text-transform:uppercase;color:var(--mtx-lien);margin-bottom:8px}
.ref{display:grid;grid-template-columns:minmax(0,1fr);padding:14px 0;border-top:1px solid var(--mtx-filet);max-width:var(--mtx-mesure)}
.ref b{font:600 13px/1.4 var(--mtx-interface);margin-bottom:4px}
.ref span{font-size:16.5px;color:var(--mtx-doux)}
.piege{background:var(--mtx-relief);padding:16px 20px;font-size:16.5px;max-width:var(--mtx-mesure)}
.feuille{border:1px solid var(--mtx-texte);padding:28px 30px;max-width:620px;background:var(--mtx-surface);counter-reset:fl}
.feuille li{list-style:none;counter-increment:fl;display:grid;grid-template-columns:30px 1fr;padding:12px 0;border-bottom:1px dotted var(--mtx-doux)}
.feuille li::before{content:counter(fl);font:640 18.48px/1 var(--mtx-titre);color:var(--mtx-lien);letter-spacing:-.02em}
.feuille ul{padding:0;margin:0}
/* texte articulé */
.manchette{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--mtx-texte);border-bottom:1px solid var(--mtx-filet);padding:14px 0;font:600 11.5px/1.3 var(--mtx-interface);letter-spacing:.1em;text-transform:uppercase}
.manchette a{text-decoration:none;color:var(--mtx-texte)}.manchette a:hover{color:var(--mtx-lien)}
.manchette .centre{color:var(--mtx-doux)}
.article-num{font:640 clamp(53.76px,7.56vw,100.8px)/.9 var(--mtx-titre);color:var(--mtx-lien);display:block;margin-bottom:6px;letter-spacing:-.02em}
.enonce{font:500 clamp(20.16px,2.18vw,26.88px)/1.25 var(--mtx-titre);max-width:26em;padding:20px 0;border-top:1px solid var(--mtx-filet);border-bottom:1px solid var(--mtx-filet);margin:24px 0 30px;letter-spacing:-.02em}
.sommaire-art{list-style:none;padding:0;margin:0;counter-reset:a;border-top:1px solid var(--mtx-texte)}
.sommaire-art li{border-bottom:1px solid var(--mtx-filet)}
.sommaire-art a{display:grid;grid-template-columns:70px minmax(0,1fr);gap:4px 20px;padding:20px 0;text-decoration:none;color:var(--mtx-texte)}
.sommaire-art a:hover{background:var(--mtx-relief)}
.sommaire-art .n{font:640 33.6px/1 var(--mtx-titre);color:var(--mtx-lien);letter-spacing:-.02em}
.sommaire-art .t{font:640 21px/1.2 var(--mtx-titre);letter-spacing:-.02em}
.sommaire-art .e{grid-column:2;font-size:16px;color:var(--mtx-doux)}
.versions{font:400 13px/1.5 var(--mtx-interface);color:var(--mtx-doux)}
/* cartes génériques */
.grille3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--mtx-filet);border-left:1px solid var(--mtx-filet)}
.grille2{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--mtx-filet);border-left:1px solid var(--mtx-filet)}
.carte{display:flex;flex-direction:column;gap:10px;padding:26px;border-right:1px solid var(--mtx-filet);border-bottom:1px solid var(--mtx-filet);background:var(--mtx-surface);text-decoration:none!important;color:var(--mtx-texte)!important}
a.carte:hover{background:var(--mtx-relief)}
.carte .t{font:600 10.5px/1.2 var(--mtx-interface);letter-spacing:.16em;text-transform:uppercase;color:var(--mtx-lien)}
.carte h3{font-size:24px}
.carte p{font-size:15.5px;line-height:1.55;color:var(--mtx-doux);margin:0}
.carte .pied-c{margin-top:auto;font:600 10.5px/1 var(--mtx-interface);letter-spacing:.14em;text-transform:uppercase;color:var(--mtx-doux)}
/* étapes de mission */
.etapes-m{list-style:none;padding:0;margin:0;counter-reset:em}
.etapes-m li{counter-increment:em;display:grid;grid-template-columns:56px minmax(0,1fr);gap:2px 16px;padding:18px 0;border-top:1px solid var(--mtx-filet)}
.etapes-m li::before{content:counter(em);font:640 30.24px/1 var(--mtx-titre);color:var(--mtx-lien);grid-row:span 2;letter-spacing:-.02em}
.etapes-m b{font:640 19.32px/1.2 var(--mtx-titre);letter-spacing:-.02em}
.etapes-m span{font-size:16.5px;color:var(--mtx-doux)}
.capacite{background:var(--mtx-encre);color:var(--mtx-sur-encre);padding:28px 30px;margin:0 0 34px;max-width:var(--mtx-mesure)}
.capacite p{margin:0;font:640 19.32px/1.3 var(--mtx-titre);color:var(--mtx-sur-encre);letter-spacing:-.02em}
.capacite .surtitre{color:#FF4FA3;margin-bottom:12px}
/* diagnostic */
.diag-fam{margin:0 0 40px}
.diag-fam h3{margin-bottom:6px}
.dq{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 26px;align-items:center;padding:16px 0;border-top:1px solid var(--mtx-filet)}
.dq p{margin:0;font-size:17.5px}
.echelle{display:flex;gap:0;border:1px solid var(--mtx-filet)}
.echelle label{cursor:pointer}
.echelle input{position:absolute;opacity:0;pointer-events:none}
.echelle span{display:block;padding:9px 11px;font:600 10.5px/1 var(--mtx-interface);letter-spacing:.08em;text-transform:uppercase;color:var(--mtx-doux);border-left:1px solid var(--mtx-filet);white-space:nowrap}
.echelle label:first-child span{border-left:0}
.echelle input:checked+span{background:var(--mtx-texte);color:var(--mtx-fond)}
.echelle input:focus-visible+span{outline:2px solid var(--mtx-lien)}
.progres{position:sticky;top:76px;z-index:5;background:var(--mtx-fond);padding:12px 0;border-bottom:1px solid var(--mtx-filet);font:600 11px/1 var(--mtx-interface);letter-spacing:.14em;text-transform:uppercase;color:var(--mtx-doux);display:flex;justify-content:space-between;gap:12px}
.progres i{display:block;height:2px;background:var(--mtx-filet);margin-top:10px;position:relative}
.progres i b{position:absolute;left:0;top:0;bottom:0;background:var(--mtx-magenta);width:0;transition:width .3s}
.resultat{display:none;border:1px solid var(--mtx-texte);padding:30px;background:var(--mtx-surface);max-width:760px}
.resultat.vu{display:block}
.resultat .barres{display:grid;gap:10px;margin:18px 0 24px}
.resultat .barre{display:grid;grid-template-columns:minmax(0,1fr) 120px 40px;gap:12px;align-items:center;font:500 14px/1.3 var(--mtx-interface)}
.resultat .barre i{height:8px;background:var(--mtx-relief);position:relative;display:block}
.resultat .barre i b{position:absolute;left:0;top:0;bottom:0;background:var(--mtx-texte)}
.resultat .barre.faible i b{background:var(--mtx-magenta)}
/* formulaire */
.arbre{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--mtx-filet);margin:0 0 36px}
.arbre button{text-align:left;padding:26px 24px;background:var(--mtx-surface);border:0;border-left:1px solid var(--mtx-filet);cursor:pointer;color:var(--mtx-texte);font:inherit}
.arbre button:first-child{border-left:0}
.arbre button b{display:block;font:640 21px/1.15 var(--mtx-titre);margin:8px 0;letter-spacing:-.02em}
.arbre button span{font:400 14.5px/1.5 var(--mtx-interface);color:var(--mtx-doux)}
.arbre button i{font:600 10.5px/1 var(--mtx-interface);letter-spacing:.16em;text-transform:uppercase;color:var(--mtx-lien);font-style:normal}
.arbre button[aria-pressed="true"]{background:var(--mtx-encre);color:var(--mtx-sur-encre)}
.arbre button[aria-pressed="true"] span{color:var(--mtx-sur-encre-doux)}
.branche{display:none;max-width:720px}.branche.vu{display:block}
.champ{display:grid;gap:8px;margin:0 0 20px}
.champ label{font:600 11px/1.3 var(--mtx-interface);letter-spacing:.14em;text-transform:uppercase;color:var(--mtx-doux)}
.champ input,.champ select,.champ textarea{font:400 17px/1.4 var(--mtx-lecture);padding:13px 14px;border:1px solid var(--mtx-filet);background:var(--mtx-surface);color:var(--mtx-texte);border-radius:0;width:100%}
.champ textarea{min-height:120px}
.creneaux{display:flex;flex-wrap:wrap;gap:8px}
.creneaux button{font:600 12px/1 var(--mtx-interface);padding:11px 13px;border:1px solid var(--mtx-filet);background:var(--mtx-surface);color:var(--mtx-texte);cursor:pointer}
.creneaux button[aria-pressed="true"]{background:var(--mtx-texte);color:var(--mtx-fond)}
/* index A-Z */
.alphabet{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--mtx-texte);border-bottom:1px solid var(--mtx-filet);position:sticky;top:76px;background:var(--mtx-fond);z-index:5}
.alphabet a{font:640 18.48px/1 var(--mtx-titre);padding:12px 10px;text-decoration:none;color:var(--mtx-texte);letter-spacing:-.02em}
.alphabet a:hover{color:var(--mtx-lien)}
.alphabet a.vide{color:var(--mtx-filet);pointer-events:none}
.lettre-bloc{display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px;padding:30px 0;border-bottom:1px solid var(--mtx-filet)}
.lettre-bloc>h2{font:640 53.76px/1 var(--mtx-titre);color:var(--mtx-lien);margin:0;letter-spacing:-.028em}
.mot{padding:10px 0;border-top:1px dotted var(--mtx-filet)}
.mot b{font:600 15px/1.3 var(--mtx-interface)}
.mot ul{list-style:none;padding:0;margin:6px 0 0}
.mot li{font:400 15.5px/1.45 var(--mtx-lecture);padding:3px 0}
.mot li a{text-decoration:none;color:var(--mtx-doux)}.mot li a:hover{color:var(--mtx-lien)}
.mot .id{font:600 10.5px var(--mtx-interface);color:var(--mtx-lien);margin-right:8px;letter-spacing:.06em}
.recherche-az{display:flex;gap:10px;margin:0 0 24px;max-width:620px}
.recherche-az input{flex:1;font:400 18px/1.3 var(--mtx-lecture);padding:14px 16px;border:1px solid var(--mtx-texte);background:var(--mtx-surface);color:var(--mtx-texte);border-radius:0}
.compte{font:600 11px/1 var(--mtx-interface);letter-spacing:.14em;text-transform:uppercase;color:var(--mtx-doux)}
@media (max-width:980px){.deux,.grille3,.grille2,.arbre{grid-template-columns:1fr}.aside{position:static}.arbre button{border-left:0;border-top:1px solid var(--mtx-filet)}.mtx-onglets{top:66px}.alphabet,.progres{top:66px}}
@media (max-width:640px){.lq li{grid-template-columns:44px minmax(0,1fr)}.lq .et{grid-column:2;justify-content:flex-start}.lq .t{font-size:19px}.lq .badge{white-space:normal;overflow-wrap:anywhere}.dq{grid-template-columns:1fr}.echelle{flex-wrap:wrap}.lettre-bloc{grid-template-columns:1fr}.lettre-bloc>h2{font-size:40.32px}.resultat .barre{grid-template-columns:1fr 70px 30px}.alphabet a{font-size:18px;padding:10px 7px}}

/* WordPress */
body.mtx{margin:0}
#wpadminbar{font-family:var(--mtx-interface)}
.mtx .prose h3{font:600 18px/1.3 var(--mtx-interface);margin:28px 0 8px}
.mtx .prose blockquote.dire-f{margin:32px 0}
.mtx .recherche-wp{display:flex;gap:10px;margin:24px 0}
.mtx .mtx-illu{margin:56px 0 40px;max-width:1040px}
.mtx .mtx-illu img{display:block;width:100%;height:auto;aspect-ratio:40/21;object-fit:cover;border:1px solid var(--mtx-filet)}
.mtx .mtx-illu--affirmation{margin:64px 0 0;max-width:none}
.mtx .ch .ch-img{display:block;width:100%;height:auto;aspect-ratio:40/21;object-fit:cover;border:1px solid var(--mtx-filet);margin:0 0 6px}
.mtx .ch.avec-img{min-height:0}
.mtx .ch.avec-img .lettre{position:static;font:600 15px/1 var(--mtx-interface);color:var(--mtx-lien)}
.mtx .geste-img,.mtx .fond-img{display:block;width:100%;height:auto;aspect-ratio:40/21;object-fit:cover;border:1px solid var(--mtx-filet);margin:0 0 24px}
.mtx .recherche-wp input{flex:1;font:400 17px var(--mtx-texte-f, inherit);padding:12px 14px;border:1px solid var(--mtx-filet);background:transparent;color:inherit}

/* ---- Charte G (14/11/2026) : Bricolage Grotesque, Figtree, surligneur ---- */
:root,[data-theme="jour"]{--mtx-surligneur:rgba(230,21,127,.22)}
[data-theme="nuit"]{--mtx-surligneur:rgba(255,79,163,.38)}
.mtx{font-optical-sizing:auto}
.mtx h1,.mtx h2,.mtx h3{font-weight:640;letter-spacing:-.028em}
.mtx h3{letter-spacing:-.018em}
.mtx em.acc,.mtx :is(h1,h2,h3,.enonce,.mtx-citation,.dire-f,.affirmation) :is(em,i){font-style:normal;color:inherit;background:linear-gradient(transparent 58%,var(--mtx-surligneur) 58%,var(--mtx-surligneur) 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .04em}
.mtx .prose{font-family:var(--mtx-lecture)}
.mtx .prose i,.mtx .prose em{font-style:italic}

/* ---- Cartographie (dispositifs.py) ---- */
.carto-tete h1{font-size:clamp(44px,6vw,84px)}
.carto-stats{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin:34px 0 0;padding:0;border-top:1px solid var(--mtx-texte)}
.carto-stats li{padding:16px 26px 0 0;margin-right:26px;border-right:1px solid var(--mtx-filet);min-width:110px}
.carto-stats li:last-child{border:0}
.carto-stats b{display:block;font:300 clamp(34px,4vw,52px)/1 var(--mtx-titre);letter-spacing:-.04em;font-variant-numeric:lining-nums}
.carto-stats span{display:block;margin-top:6px;font:600 10.5px/1.2 var(--mtx-interface);letter-spacing:.2em;text-transform:uppercase;color:var(--mtx-doux)}
.carto-outils{margin-top:34px;max-width:720px}
.carto-cherche{display:grid;gap:8px}
.carto-cherche span{font:600 10.5px/1 var(--mtx-interface);letter-spacing:.24em;text-transform:uppercase;color:var(--mtx-lien)}
.carto-cherche input{font:500 19px/1.3 var(--mtx-lecture);padding:14px 16px;border:1px solid var(--mtx-texte);background:var(--mtx-surface);color:var(--mtx-texte);border-radius:0;width:100%}
.carto-res{font:400 14.5px/1.6 var(--mtx-lecture);color:var(--mtx-doux);min-height:1.6em;margin:10px 0 0}
.carto-res a{color:var(--mtx-texte)}
.carto-ciel{padding-top:20px}
.ciel{width:100%;height:auto;display:block;overflow:visible}
.ciel .lien{stroke:var(--mtx-filet);stroke-width:1.2;stroke-dasharray:4 6}
.ciel.vu .lien{animation:cielTrait 1.6s ease both}
.ciel .astre{cursor:pointer;outline:none;animation:flotte 7s ease-in-out infinite;animation-delay:var(--d)}
.ciel .corps-astre{fill:var(--mtx-surface);stroke:var(--mtx-texte);stroke-width:1.2;transition:transform .35s cubic-bezier(.2,.8,.2,1);transform-box:fill-box;transform-origin:center}
.ciel .role-encre .corps-astre{fill:var(--mtx-texte)}
.ciel .role-encre .cpt{fill:var(--mtx-fond)}
.ciel .role-rose .corps-astre{fill:rgba(230,21,127,.14)}
.ciel .role-relief .corps-astre{fill:var(--mtx-relief)}
.ciel .role-trait .corps-astre{fill:transparent;stroke-dasharray:3 4}
.ciel .astre:hover .corps-astre,.ciel .astre:focus .corps-astre{transform:scale(1.08);stroke:var(--mtx-magenta);stroke-width:2}
.ciel .sat{fill:var(--mtx-doux);opacity:.55;transition:opacity .2s,r .2s,fill .2s;cursor:pointer}
.ciel .astre:hover .sat{opacity:1;fill:var(--mtx-texte)}
.ciel .sat:hover{fill:var(--mtx-magenta)!important;opacity:1}
.ciel .nom{font:640 21px var(--mtx-titre);letter-spacing:-.02em;fill:var(--mtx-texte)}
.ciel .cpt{font:500 17px var(--mtx-titre);fill:var(--mtx-texte);pointer-events:none}
.ciel .halo{fill:var(--mtx-fond);stroke:var(--mtx-magenta);stroke-width:1;stroke-dasharray:2 5;animation:tourne 40s linear infinite;transform-box:fill-box;transform-origin:center}
.ciel .m1{fill:var(--mtx-texte)} .ciel .m2{fill:var(--mtx-facette,#3B3944)} .ciel .eclat{fill:var(--mtx-magenta)}
.ciel-legende{font:400 14px/1.55 var(--mtx-lecture);color:var(--mtx-doux);max-width:46em;margin:6px auto 0;text-align:center}
@keyframes flotte{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes tourne{to{transform:rotate(360deg)}}
@keyframes cielTrait{from{stroke-dashoffset:200;opacity:0}to{stroke-dashoffset:0;opacity:1}}
.carto-h{font-size:clamp(30px,3.6vw,46px);margin:0 0 28px}
.quartiers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;grid-auto-flow:dense}
.qrt{grid-column:span 2;padding:26px 26px 22px;border:1px solid var(--mtx-filet);background:var(--mtx-surface);display:flex;flex-direction:column;gap:14px;opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.qrt.vu{opacity:1;transform:none}
.qrt.t-xl{grid-column:span 6}.qrt.t-l{grid-column:span 3}.qrt.t-m{grid-column:span 3}.qrt.t-s{grid-column:span 2}
.qrt header{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:baseline}
.qrt-n{font:600 11px/1 var(--mtx-interface);letter-spacing:.24em;color:var(--mtx-lien)}
.qrt h2{font-size:clamp(26px,2.8vw,38px);margin:0;line-height:1}
.qrt h2 a{color:inherit;text-decoration:none}
.qrt-c{font:300 clamp(30px,3.4vw,46px)/1 var(--mtx-titre);letter-spacing:-.04em;text-align:right}
.qrt-c small{display:block;font:600 9.5px/1 var(--mtx-interface);letter-spacing:.22em;text-transform:uppercase;color:var(--mtx-doux);margin-top:6px}
.qrt-a{font:400 15.5px/1.55 var(--mtx-lecture);color:var(--mtx-doux);margin:0;max-width:44em}
.qrt-o{margin-top:auto;align-self:flex-start}
.qrt.eclaire{box-shadow:0 0 0 2px var(--mtx-magenta)}
.qrt.role-encre{background:#17161D;border-color:#17161D;color:#F4F1EA}
[data-theme="nuit"] .qrt.role-encre{border-color:#4A4853}
.qrt.role-encre .qrt-a,.qrt.role-encre .qrt-c small,.qrt.role-encre .champ-t{color:#BDB9B0}
.qrt.role-encre .qrt-n,.qrt.role-encre .qrt-o{color:#FF4FA3}
.qrt.role-encre .nd{color:#F4F1EA;border-color:#3A3843}
.qrt.role-encre .nd:hover{border-color:#F4F1EA}
.qrt.role-encre .nd-n{color:#BDB9B0}
.qrt.role-encre .pt{background:#77747F}
.qrt.role-rose{background:linear-gradient(rgba(230,21,127,.09),rgba(230,21,127,.09)),var(--mtx-fond);border-color:rgba(230,21,127,.25)}
[data-theme="nuit"] .qrt.role-rose{background:linear-gradient(rgba(255,79,163,.12),rgba(255,79,163,.12)),var(--mtx-fond)}
.qrt.role-relief{background:var(--mtx-relief)}
.qrt.role-trait{background:transparent;border:1px solid var(--mtx-texte)}
.nds{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.qrt.t-xl .nds{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
.nds li{display:flex;flex-direction:column;gap:7px}
.nd{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:11px 13px;border:1px solid var(--mtx-filet);text-decoration:none!important;color:var(--mtx-texte);transition:border-color .2s,transform .2s,box-shadow .2s;font:500 15px/1.3 var(--mtx-lecture)}
.nd:hover,.nd:focus-visible{border-color:var(--mtx-texte);transform:translateX(3px);box-shadow:-3px 0 0 var(--mtx-magenta);outline:none}
.nd-n{font:600 12px/1 var(--mtx-interface);color:var(--mtx-doux);font-variant-numeric:tabular-nums}
.pts{display:flex;flex-wrap:wrap;gap:4px;padding:2px 0 4px}
.pt{width:9px;height:9px;border-radius:50%;background:var(--mtx-doux);opacity:.55;transition:transform .2s,opacity .2s,background .2s;display:block}
.pt:hover,.pt:focus-visible{transform:scale(1.9);opacity:1;background:var(--mtx-magenta);outline:none}
.qrt:hover .pt{opacity:.85}
.champ-t{font:600 10.5px/1.3 var(--mtx-interface);letter-spacing:.18em;text-transform:uppercase;color:var(--mtx-doux);margin:0}
.carto-filtre [data-i]:not(.trouve):not(.qrt){opacity:.18}
.carto-filtre .pt.trouve,.carto-filtre .sat.trouve{background:var(--mtx-magenta);fill:var(--mtx-magenta);opacity:1;transform:scale(1.5)}
.carto-filtre .nd.trouve{border-color:var(--mtx-magenta);box-shadow:-3px 0 0 var(--mtx-magenta)}
.lignes{display:grid;gap:22px}
.ligne{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:center;padding:24px 0;border-top:1px solid var(--mtx-filet);opacity:0;transform:translateX(-14px);transition:opacity .6s,transform .6s}
.ligne.vu{opacity:1;transform:none}
.ligne-t b{display:block;font:640 22px/1.15 var(--mtx-titre);letter-spacing:-.02em}
.ligne-t span{display:block;margin-top:6px;font:400 14.5px/1.5 var(--mtx-lecture);color:var(--mtx-doux)}
.stations{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;position:relative}
.stations::before{content:"";position:absolute;left:8px;right:8px;top:8px;height:4px;background:var(--mtx-texte)}
.l1 .stations::before{background:var(--mtx-magenta)}
.l2 .stations::before{background:repeating-linear-gradient(90deg,var(--mtx-texte) 0 10px,transparent 10px 16px)}
.stations li{position:relative;flex:1;display:flex;justify-content:center}
.stations li:first-child{justify-content:flex-start}.stations li:last-child{justify-content:flex-end}
.stations a{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:var(--mtx-texte);max-width:150px;text-align:center}
.stations li:first-child a{align-items:flex-start;text-align:left}.stations li:last-child a{align-items:flex-end;text-align:right}
.stations i{width:20px;height:20px;border-radius:50%;background:var(--mtx-fond);border:4px solid var(--mtx-texte);transition:transform .25s,border-color .25s;position:relative;z-index:1}
.stations a:hover i,.stations a:focus-visible i{transform:scale(1.35);border-color:var(--mtx-magenta)}
.stations span{font:600 13.5px/1.3 var(--mtx-interface)}
.carto-fin{font:400 15px/1.6 var(--mtx-lecture);color:var(--mtx-doux);margin-top:34px}
.carto-apercu{position:fixed;left:0;top:0;z-index:9000;width:300px;background:var(--mtx-fond);border:1px solid var(--mtx-texte);box-shadow:6px 6px 0 var(--mtx-surligneur);pointer-events:none;opacity:0;scale:.94;transition:opacity .18s ease,scale .25s cubic-bezier(.2,.8,.2,1);will-change:transform}
.carto-apercu.vu{opacity:1;scale:1}
.ap-img{display:none;aspect-ratio:40/21;background:var(--mtx-relief) center/cover no-repeat;border-bottom:1px solid var(--mtx-filet)}
.carto-apercu.avec-img .ap-img{display:block}
.ap-c{padding:14px 16px 16px;display:grid;gap:6px}
.ap-r{font:600 9.5px/1 var(--mtx-interface);letter-spacing:.24em;text-transform:uppercase;color:var(--mtx-lien)}
.ap-t{font:640 18px/1.2 var(--mtx-titre);letter-spacing:-.02em}
.ap-d{font:400 13.5px/1.5 var(--mtx-lecture);color:var(--mtx-doux);margin:0}
.ap-n{font:600 11px/1 var(--mtx-interface);letter-spacing:.06em;color:var(--mtx-texte);border-top:1px solid var(--mtx-filet);padding-top:9px;margin-top:2px}
.carto-intro{font:400 15.5px/1.55 var(--mtx-lecture);color:var(--mtx-doux);max-width:46em;margin:-12px 0 26px}
.org-cadre{overflow-x:auto;padding:4px 2px 18px;-webkit-overflow-scrolling:touch}
.org{position:relative;min-width:1060px}
.org-fils{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}
.org-fils .fil{fill:none;stroke:var(--mtx-filet);stroke-width:1.4;stroke-linecap:round;transition:stroke .25s,stroke-width .25s}
.org-fils .f-r{stroke:var(--mtx-doux);stroke-dasharray:2 4}
.org-fils .fil.on{stroke:var(--mtx-magenta);stroke-width:2.2;stroke-dasharray:none}
.org.vu .org-fils .fil{animation:filPousse 1.4s cubic-bezier(.2,.8,.2,1) both}
@keyframes filPousse{from{opacity:0}to{opacity:1}}
.org-racine{display:flex;justify-content:center;margin-bottom:64px}
.org-rangs{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:14px;align-items:start}
.org-n{display:flex;justify-content:space-between;align-items:baseline;gap:8px;text-decoration:none!important;color:var(--mtx-texte);background:var(--mtx-surface);border:1px solid var(--mtx-filet);position:relative;z-index:1;transition:border-color .2s,box-shadow .2s,color .2s}
.org-n small{font:600 10.5px/1 var(--mtx-interface);color:var(--mtx-doux);font-variant-numeric:tabular-nums}
.org-n.racine,.mtx a.org-n.racine{padding:12px 22px;background:#17161D;color:#F4F1EA!important;border-color:#17161D;font:640 18px/1 var(--mtx-titre);letter-spacing:-.02em}
.org-n.r{padding:12px 12px;font:640 16px/1.15 var(--mtx-titre);letter-spacing:-.02em;margin-bottom:14px}
.org-n.r.role-encre,.mtx a.org-n.r.role-encre{background:#17161D;color:#F4F1EA!important;border-color:#17161D}.org-n.r.role-encre small{color:#BDB9B0}
.org-n.r.role-rose{background:linear-gradient(rgba(230,21,127,.09),rgba(230,21,127,.09)),var(--mtx-fond)}
.org-n.r.role-relief{background:var(--mtx-relief)}
.org-n.r.role-trait{background:transparent;border-color:var(--mtx-texte)}
.org-tiroir{list-style:none;margin:0;padding:0 0 0 26px;display:grid;gap:6px}
.org-n.s{padding:8px 10px;font:500 13px/1.3 var(--mtx-lecture)}
.org-n.s.plus{font:600 11px/1.2 var(--mtx-interface);letter-spacing:.06em;color:var(--mtx-lien);border-style:dashed}
.org-n.chemin{border-color:var(--mtx-magenta);box-shadow:0 0 0 1px var(--mtx-magenta)}
.org-n.racine.chemin{box-shadow:0 0 0 3px var(--mtx-surligneur)}
/* la secousse : une destination survolée frémit */
@keyframes mtxSecoue{0%,100%{rotate:0deg;translate:0 0}18%{rotate:-1.4deg;translate:-1px 0}36%{rotate:1.2deg;translate:1px 0}54%{rotate:-.7deg;translate:0 0}72%{rotate:.4deg}86%{rotate:-.2deg}}
.nd:hover,.org-n:hover,.stations a:hover i,.vz-carte:hover,.mtx-pill:hover,.mtx .plan-arbre a:hover,.carte:hover,.ch:hover{animation:mtxSecoue .5s cubic-bezier(.36,.07,.19,.97) both}
.ciel .astre:hover .corps-astre{animation:mtxSecoue .5s cubic-bezier(.36,.07,.19,.97) both}
@media (prefers-reduced-motion:reduce){.nd:hover,.org-n:hover,.stations a:hover i,.vz-carte:hover,.mtx-pill:hover,.mtx .plan-arbre a:hover,.carte:hover,.ch:hover,.ciel .astre:hover .corps-astre{animation:none}.org.vu .org-fils .fil{animation:none}}
/* plan du site : filaments d'organigramme sur l'arbre */
.mtx .prose .plan-arbre ul{list-style:none;margin:0;padding:0 0 0 24px}
.mtx .prose .plan-arbre>ul{padding:0;display:grid;gap:26px}
.mtx .prose .plan-arbre li::marker{content:none}
.mtx .prose .plan-arbre li{list-style:none;position:relative;margin:0;padding:4px 0 4px 20px;max-width:none}
.mtx .prose .plan-arbre>ul>li{padding:0 0 0 0}
.mtx .prose .plan-arbre>ul>li>a{display:inline-block;font:640 22px/1.2 var(--mtx-titre);letter-spacing:-.02em;text-decoration:none;padding:6px 14px;border:1px solid var(--mtx-texte);background:var(--mtx-surface);margin-bottom:6px}
.mtx .prose .plan-arbre>ul>li>ul>li>a{font:600 15.5px/1.35 var(--mtx-lecture);text-decoration:none}
.mtx .prose .plan-arbre ul ul ul a{font:400 14.5px/1.45 var(--mtx-lecture);color:var(--mtx-doux);text-decoration:none}
.mtx .prose .plan-arbre a{display:inline-block}
.mtx .prose .plan-arbre a:hover{color:var(--mtx-lien)}
.mtx .prose .plan-arbre ul ul li::before{content:"";position:absolute;left:0;top:0;bottom:0;border-left:1px solid var(--mtx-filet)}
.mtx .prose .plan-arbre ul ul li:last-child::before{bottom:auto;height:calc(4px + .75em)}
.mtx .prose .plan-arbre ul ul li::after{content:"";position:absolute;left:0;top:calc(4px + .75em);width:14px;border-top:1px solid var(--mtx-filet)}
.mtx .prose .plan-arbre ul ul li:has(a:hover)::before,.mtx .prose .plan-arbre ul ul li:has(a:hover)::after,.mtx .prose .plan-arbre ul ul li:has(a:focus-visible)::before,.mtx .prose .plan-arbre ul ul li:has(a:focus-visible)::after{border-color:var(--mtx-magenta);border-width:2px}
.mtx .prose .plan-arbre li:has(a:hover)>a{color:var(--mtx-lien)}
@media (max-width:900px){.nds,.qrt.t-xl .nds{grid-template-columns:minmax(0,1fr)}.qrt{padding:20px 16px}.qrt header{gap:10px}.carto-stats li{min-width:0;padding-right:16px;margin-right:16px}.quartiers{grid-template-columns:minmax(0,1fr)}.qrt,.qrt.t-xl,.qrt.t-l,.qrt.t-m,.qrt.t-s{grid-column:auto}.ligne{grid-template-columns:1fr}.stations span{font-size:12px}.ciel .nom{font-size:26px}}
@media (prefers-reduced-motion:reduce){.ciel .astre,.ciel .halo{animation:none}.qrt,.ligne{opacity:1;transform:none;transition:none}}

/* ---- Visuels à faire circuler (dispositifs.py) ---- */
.vz-tete h1{font-size:clamp(42px,5.6vw,80px)}
.vz-cta{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:28px}
.vz-gestes{list-style:none;counter-reset:g;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--mtx-texte)}
.vz-gestes li{counter-increment:g;padding:24px 26px 6px 0;border-right:1px solid var(--mtx-filet);margin-right:26px;display:grid;gap:8px}
.vz-gestes li:last-child{border:0}
.vz-gestes li::before{content:counter(g);font:300 54px/1 var(--mtx-titre);color:var(--mtx-lien);letter-spacing:-.04em}
.vz-gestes b{font:640 22px/1.15 var(--mtx-titre);letter-spacing:-.02em}
.vz-gestes span{font:400 15.5px/1.55 var(--mtx-lecture);color:var(--mtx-doux)}
.vz-outils{display:flex;justify-content:space-between;gap:20px;align-items:end;flex-wrap:wrap;margin:24px 0 26px}
.vz-cherche{display:grid;gap:6px;min-width:260px}
.vz-cherche span{font:600 10.5px/1 var(--mtx-interface);letter-spacing:.22em;text-transform:uppercase;color:var(--mtx-doux)}
.vz-cherche input{font:500 16px/1.3 var(--mtx-lecture);padding:11px 13px;border:1px solid var(--mtx-filet);background:var(--mtx-surface);color:var(--mtx-texte);border-radius:0}
.vz-grille{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.vz-carte{display:flex;flex-direction:column;gap:10px;width:100%;text-align:left;padding:0 0 18px;border:1px solid var(--mtx-filet);background:var(--mtx-surface);cursor:pointer;color:var(--mtx-texte);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s}
.vz-carte canvas{display:block;width:100%;height:auto;aspect-ratio:1200/630;background:var(--mtx-relief);border-bottom:1px solid var(--mtx-filet);opacity:.0;transition:opacity .4s}
.vz-carte.peinte canvas{opacity:1}
.vz-carte.peinte .vz-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vz-carte{position:relative;padding-bottom:14px}
.vz-carte:hover,.vz-carte:focus-visible{transform:translateY(-3px);border-color:var(--mtx-texte);box-shadow:6px 6px 0 var(--mtx-surligneur);outline:none}
.vz-e{padding:0 18px;font:600 10px/1.3 var(--mtx-interface);letter-spacing:.2em;text-transform:uppercase;color:var(--mtx-lien)}
.vz-t{padding:0 18px;font:600 17px/1.3 var(--mtx-titre);letter-spacing:-.015em}
.vz-r{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.vz-r li{border-top:2px solid var(--mtx-texte);padding-top:14px;display:grid;gap:6px}
.vz-r b{font:640 19px/1.2 var(--mtx-titre);letter-spacing:-.02em}
.vz-r span{font:400 14.5px/1.55 var(--mtx-lecture);color:var(--mtx-doux)}
.vz-fin{font:400 15px/1.6 var(--mtx-lecture);color:var(--mtx-doux);margin-top:30px;max-width:46em}
.vz-ouvert,.vz-ouvert body{overflow:hidden}
.vz-panneau{position:fixed;inset:0;z-index:100000;background:rgba(23,22,29,.5);display:grid;place-items:center;padding:24px;animation:mtxApp .2s ease}
.vz-panneau[hidden]{display:none}
.vz-boite{position:relative;background:var(--mtx-fond);border:1px solid var(--mtx-texte);width:min(1180px,100%);max-height:calc(100vh - 48px);overflow:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:34px;padding:34px}
.vz-x{position:absolute;top:10px;right:14px;border:0;background:none;font:400 30px/1 var(--mtx-interface);color:var(--mtx-doux);cursor:pointer}
.vz-et{font:640 19px/1.2 var(--mtx-titre);letter-spacing:-.02em;margin:0 0 14px;display:flex;gap:10px;align-items:baseline}
.vz-et b{font:600 11px/1 var(--mtx-interface);color:var(--mtx-fond);background:var(--mtx-texte);padding:5px 7px}
.vz-et small{font:400 13px var(--mtx-interface);color:var(--mtx-doux);letter-spacing:0}
.vz-d .vz-et{margin-top:22px}.vz-d .vz-et:first-child{margin-top:0}
.vz-deux{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vz-choix{display:grid;gap:8px;padding:8px;border:1px solid var(--mtx-filet);background:var(--mtx-surface);cursor:pointer;color:var(--mtx-texte);font:600 12px/1 var(--mtx-interface);letter-spacing:.14em;text-transform:uppercase;text-align:left}
.vz-choix canvas{width:100%;height:auto;display:block}
.vz-choix[aria-pressed="true"]{border-color:var(--mtx-texte);box-shadow:inset 0 -3px 0 var(--mtx-magenta)}
.vz-formats{margin:14px 0}
.vz-grand{background:var(--mtx-relief);border:1px solid var(--mtx-filet);display:grid;place-items:center;padding:14px;min-height:240px}
.vz-grand canvas{max-width:100%;max-height:52vh;width:auto;height:auto;display:block;box-shadow:0 8px 24px rgba(23,22,29,.12)}
.vz-msgs{display:flex;flex-wrap:wrap;gap:6px}
.vz-texte{display:grid;gap:6px;margin-top:14px}
.vz-texte span{font:600 10.5px/1 var(--mtx-interface);letter-spacing:.2em;text-transform:uppercase;color:var(--mtx-doux)}
.vz-texte textarea{font:400 15px/1.55 var(--mtx-lecture);padding:12px 14px;border:1px solid var(--mtx-filet);background:var(--mtx-surface);color:var(--mtx-texte);border-radius:0;resize:vertical}
.vz-retablir{margin-top:8px;border:0;background:none;padding:0;font:600 12px/1 var(--mtx-interface);color:var(--mtx-lien);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.vz-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vz-a{padding:13px 14px;border:1px solid var(--mtx-texte);background:var(--mtx-surface);color:var(--mtx-texte);font:600 13px/1.2 var(--mtx-interface);cursor:pointer;text-align:left}
.vz-a.plein{grid-column:1/-1;background:var(--mtx-texte);color:var(--mtx-fond)}
.vz-a:hover{box-shadow:0 2px 0 var(--mtx-magenta)}
.vz-ou{font:400 13.5px/1.5 var(--mtx-interface);color:var(--mtx-doux);margin:16px 0 8px}
.vz-reseaux{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}
.vz-reseaux .mtx-pill{padding:10px 12px;font-size:13px}
.vz-page{display:inline-block;margin-top:18px}
@media (max-width:900px){.vz-boite{grid-template-columns:1fr;padding:22px 16px;max-height:100vh}.vz-panneau{padding:0}.vz-gestes,.vz-r{grid-template-columns:1fr}.vz-gestes li{border-right:0;margin:0;border-bottom:1px solid var(--mtx-filet)}}

/* ---- Plan du site : organigramme horizontal (dispositifs.py) ---- */
.plan-org{--fil:var(--mtx-doux);width:min(1400px,calc(100vw - 40px));margin:12px 0 40px calc(50% - min(700px,50vw - 20px));overflow-x:auto;padding:4px 4px 20px}
.po-racine{display:flex;justify-content:center;position:relative;padding-bottom:30px}
.po-racine::after{content:"";position:absolute;left:50%;bottom:0;height:30px;border-left:1.5px solid var(--fil)}
.po-n{position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:11px 12px;background:var(--mtx-surface);border:1px solid var(--mtx-texte);color:var(--mtx-texte);text-decoration:none!important;font:640 15.5px/1.15 var(--mtx-titre);letter-spacing:-.02em;transition:border-color .2s,box-shadow .2s,color .2s}
.po-n small{font:600 10px/1 var(--mtx-interface);color:var(--mtx-doux);font-variant-numeric:tabular-nums;letter-spacing:.04em}
.po-n.racine,.mtx a.po-n.racine{padding:13px 26px;background:#17161D;color:#F4F1EA!important;border-color:#17161D;font-size:19px}
.po-int{min-width:calc(var(--n) * 160px)}
.po-glisser{display:none;font:600 10.5px/1.4 var(--mtx-interface);letter-spacing:.14em;text-transform:uppercase;color:var(--mtx-lien);margin:18px 0 0}
@media (max-width:1100px){.po-glisser{display:block}}
.po-rang{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(150px,1fr))}
.po-sous li,.po-tiroir li{line-height:1.3}
.po-col{position:relative;padding:30px 7px 0;list-style:none}
.po-col::before,.po-col::after{content:"";position:absolute;top:0;border-top:1.5px solid var(--fil)}
.po-col::before{left:0;right:50%}.po-col::after{left:50%;right:0}
.po-col:first-child::before,.po-col:last-child::after{display:none}
.po-col>.po-n::before{content:"";position:absolute;left:50%;top:-31px;height:30px;border-left:1.5px solid var(--fil)}
.po-col.role-encre>.po-n,.mtx .po-col.role-encre>a.po-n{background:#17161D;color:#F4F1EA!important;border-color:#17161D}
.po-col.role-encre>.po-n small{color:#BDB9B0}
.po-col.role-rose>.po-n{background:linear-gradient(rgba(230,21,127,.09),rgba(230,21,127,.09)),var(--mtx-fond)}
.po-col.role-relief>.po-n{background:var(--mtx-relief)}
.po-col.role-trait>.po-n{background:transparent}
.po-groupe{border-style:dashed}
.po-sous{list-style:none;margin:0;padding:6px 0 0 12px}
.po-sous>li{position:relative;padding:5px 0 5px 14px;list-style:none}
.po-sous>li::before{content:"";position:absolute;left:0;top:0;bottom:0;border-left:1px solid var(--mtx-filet)}
.po-sous>li:last-child::before{bottom:auto;height:calc(5px + .7em)}
.po-sous>li::after{content:"";position:absolute;left:0;top:calc(5px + .7em);width:10px;border-top:1px solid var(--mtx-filet)}
.po-s{display:inline-block;font:500 13.5px/1.35 var(--mtx-lecture);color:var(--mtx-texte);text-decoration:none!important}
.po-s:hover,.po-tiroir a:hover{color:var(--mtx-lien)}
.po-tiroir{margin:4px 0 2px}
.po-tiroir summary{cursor:pointer;list-style:none;display:inline-flex;gap:6px;align-items:center;font:600 10px/1 var(--mtx-interface);letter-spacing:.12em;text-transform:uppercase;color:var(--mtx-lien);padding:4px 0}
.po-tiroir summary::-webkit-details-marker{display:none}
.po-tiroir summary::before{content:"+";font:600 13px/1 var(--mtx-interface);width:14px;height:14px;display:grid;place-items:center;border:1px solid currentColor;transition:transform .2s}
.po-tiroir[open] summary::before{content:"−"}
.po-tiroir ul{list-style:none;margin:4px 0 0;padding:0 0 0 10px;border-left:1px dashed var(--mtx-filet)}
.po-tiroir li{list-style:none;padding:3px 0 3px 8px}
.po-tiroir a{font:400 12.5px/1.4 var(--mtx-lecture);color:var(--mtx-doux);text-decoration:none!important}
.po-col:has(a:hover)>.po-n,.po-col:has(a:focus-visible)>.po-n{border-color:var(--mtx-magenta);box-shadow:0 0 0 1px var(--mtx-magenta)}
.po-col:has(a:hover)>.po-n::before{border-color:var(--mtx-magenta);border-left-width:2px}
.po-sous>li:has(a:hover)::before,.po-sous>li:has(a:hover)::after{border-color:var(--mtx-magenta);border-width:2px}
.plan-org:has(.po-col a:hover) .po-racine::after{border-color:var(--mtx-magenta)}
.po-n:hover,.po-s:hover,.po-tiroir a:hover{animation:mtxSecoue .5s cubic-bezier(.36,.07,.19,.97) both}
@media (prefers-reduced-motion:reduce){.po-n:hover,.po-s:hover,.po-tiroir a:hover{animation:none}}

/* ---- Grand menu (dispositifs.py, 15/11) : parent cliquable, rubrique courante soulignée, ouverture au survol ---- */
.nav>li>a.nav-p{padding-right:2px}
.nav>li>button.nav-ouvre{padding:30px 4px 28px 3px;border-bottom:2px solid transparent!important;color:var(--mtx-doux);display:flex;align-items:center}
.nav>li>button.nav-ouvre::before{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.nav>li.ouvert>button.nav-ouvre::before,.nav>li:hover>button.nav-ouvre::before{transform:translateY(1px) rotate(225deg)}
.nav>li:hover>.panneau,.nav>li:focus-within>.panneau,.nav>li.ouvert>.panneau{display:grid}
.nav>li:hover>a.nav-p,.nav>li.ouvert>a.nav-p,.nav>li.actif>a.nav-p,.nav>li>a.nav-p[aria-current]{border-bottom-color:var(--mtx-magenta)}
.nav>li.actif>a.nav-p{color:var(--mtx-texte)}
[data-hab="une"] .nav>li>button.nav-ouvre{padding:16px 4px 14px 3px}
.nav>li:nth-last-child(-n+3)>.panneau{left:auto;right:-20px}
[data-hab="une"] .nav>li:nth-last-child(-n+3)>.panneau{left:50%;right:auto}

/* ---- Partage (dispositifs.py) ---- */
.mtx-partage{border-top:1px solid var(--mtx-texte);background:var(--mtx-relief);padding:clamp(40px,6vw,72px) 0}
.mtx-partage .enveloppe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(28px,5vw,72px);align-items:start}
.mtx-partage h2{font-size:clamp(28px,3.4vw,42px);margin:0 0 .4em;color:var(--mtx-texte)}
.mtx-partage-g p{font:400 16px/1.6 var(--mtx-lecture);color:var(--mtx-doux);max-width:32em;margin:0 0 18px}
.mtx-partage-g .surtitre{color:var(--mtx-lien);margin:0 0 14px}
.mtx-partage-b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mtx-pill{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--mtx-filet);background:var(--mtx-surface);color:var(--mtx-texte);font:600 14px/1 var(--mtx-interface);letter-spacing:.01em;cursor:pointer;text-align:left;transition:border-color .2s,transform .2s,box-shadow .2s}
.mtx-pill svg{width:19px;height:19px;flex:none}
.mtx-pill:hover,.mtx-pill:focus-visible{border-color:var(--mtx-texte);transform:translateY(-1px);box-shadow:0 2px 0 var(--mtx-magenta);outline:none}
.mtx-pill[data-net="li"]{grid-column:1/-1;background:var(--mtx-texte);color:var(--mtx-fond);border-color:var(--mtx-texte)}
.mtx-rail{position:fixed;right:18px;top:50%;transform:translate(130%,-50%);z-index:60;display:flex;flex-direction:column;gap:6px;align-items:center;padding:12px 7px;background:var(--mtx-fond);border:1px solid var(--mtx-filet);transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s;opacity:0}
.mtx-rail.vu{transform:translate(0,-50%);opacity:1}
.mtx-rail-t{writing-mode:vertical-rl;transform:rotate(180deg);font:600 9.5px/1 var(--mtx-interface);letter-spacing:.3em;text-transform:uppercase;color:var(--mtx-lien);margin:2px 0 8px}
.mtx-rond{width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:var(--mtx-texte);cursor:pointer;position:relative;transition:background .2s,color .2s}
.mtx-rond svg{width:17px;height:17px}
.mtx-rond:hover,.mtx-rond:focus-visible{background:var(--mtx-texte);color:var(--mtx-fond);outline:none}
.mtx-rond::after{content:attr(title);position:absolute;right:calc(100% + 10px);top:50%;transform:translate(6px,-50%);opacity:0;pointer-events:none;white-space:nowrap;font:600 11px/1 var(--mtx-interface);letter-spacing:.06em;background:var(--mtx-texte);color:var(--mtx-fond);padding:7px 9px;transition:opacity .2s,transform .2s}
.mtx-rond:hover::after,.mtx-rond:focus-visible::after{opacity:1;transform:translate(0,-50%)}
.mtx-fab{display:none}
.mtx-volet{display:none}
.mtx-choix,.mtx-volet.ouvert{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:rgba(23,22,29,.42);padding:20px;animation:mtxApp .2s ease}
.mtx-choix-boite,.mtx-volet-boite{position:relative;background:var(--mtx-fond);border:1px solid var(--mtx-texte);padding:26px 22px 22px;width:min(420px,100%);display:grid;gap:10px}
.mtx-choix-t{font:640 22px/1.15 var(--mtx-titre);letter-spacing:-.02em;margin:0 32px 8px 0}
.mtx-choix button[data-v]{display:grid;gap:4px;text-align:left;padding:14px 16px;border:1px solid var(--mtx-filet);background:var(--mtx-surface);color:var(--mtx-texte);cursor:pointer}
.mtx-choix button[data-v]:hover{border-color:var(--mtx-texte);box-shadow:inset 3px 0 0 var(--mtx-magenta)}
.mtx-choix button b{font:600 15px/1.2 var(--mtx-interface)}.mtx-choix button span{font:400 13px/1.3 var(--mtx-interface);color:var(--mtx-doux)}
.mtx-choix-x{position:absolute;top:8px;right:10px;border:0;background:none;font:400 26px/1 var(--mtx-interface);color:var(--mtx-doux);cursor:pointer;padding:4px 8px}
.mtx-volet-b{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mtx-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);opacity:0;z-index:100001;background:var(--mtx-texte);color:var(--mtx-fond);font:600 14px/1.3 var(--mtx-interface);padding:13px 18px;transition:.3s;pointer-events:none;max-width:90vw}
.mtx-toast.vu{opacity:1;transform:translate(-50%,0)}
@keyframes mtxApp{from{opacity:0}to{opacity:1}}
@media (max-width:1100px){.mtx-rail{display:none}}
@media (max-width:1100px){
 .mtx-fab{display:flex;position:fixed;right:14px;bottom:16px;z-index:60;align-items:center;gap:8px;padding:12px 16px;border:0;background:var(--mtx-texte);color:var(--mtx-fond);font:600 13px/1 var(--mtx-interface);letter-spacing:.06em;box-shadow:0 6px 18px rgba(23,22,29,.18);transform:translateY(90px);transition:transform .3s;cursor:pointer}
 .mtx-fab.vu{transform:none}.mtx-fab svg{width:17px;height:17px}
 .mtx-volet.ouvert{place-items:end center;padding:0}
 .mtx-volet-boite{width:100%;border-width:1px 0 0;padding-bottom:28px}
 .mtx-partage .enveloppe{grid-template-columns:1fr}
}
@media (max-width:520px){.mtx-partage-b{grid-template-columns:1fr 1fr}.mtx-pill{padding:12px;font-size:13px}}
@media print{.mtx-rail,.mtx-fab,.mtx-partage{display:none!important}}