/* ITIWE · site V5.2 · généré depuis les Design Components */
body{margin:0;background:#F7F4EE;color:#1B1B1B;font-family:'Instrument Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#1B1B1B;text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{color:#1B1B1B;text-decoration-thickness:2px}
:focus-visible{outline:2px solid #1B1B1B;outline-offset:3px}
h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
[hidden]{display:none!important}
.p1:focus{left:8px!important}
@media (min-width:900px) and (max-width:999.98px){.h2{display:none!important}}@media (min-width:760px) and (max-width:899.98px){.h2{display:none!important}}@media (min-width:640px) and (max-width:759.98px){.h2{display:none!important}}@media (max-width:639.98px){.h2{display:none!important}}
.p3:hover{color:#1B1B1B!important}
.p4:hover{background:#1B1B1B!important;color:#F7F4EE!important}
@media (min-width:1000px){.h5{display:none!important}}/* 29/10/2026 : de 900 à 999 px, le bouton Menu reste (le menu complet écrasait le logo) */
.p6:hover{background:#F7F4EE!important;color:#1B1B1B!important}
@media (min-width:1000px){.r7{background-position:0% 50%}}@media (min-width:900px) and (max-width:999.98px){.r7{background-position:0% 50%}}@media (min-width:760px) and (max-width:899.98px){.r7{background-position:0% 50%}}@media (min-width:640px) and (max-width:759.98px){.r7{background-position:6% 50%}}@media (max-width:639.98px){.r7{background-position:6% 50%}}
.p8:hover{background:#F7F4EE!important;color:#1F3A5F!important}
@media (min-width:1000px){.r9{grid-template-columns:140px minmax(0,1fr) minmax(0,1fr)}}@media (min-width:900px) and (max-width:999.98px){.r9{grid-template-columns:140px minmax(0,1fr) minmax(0,1fr)}}@media (min-width:760px) and (max-width:899.98px){.r9{grid-template-columns:140px minmax(0,1fr) minmax(0,1fr)}}@media (min-width:640px) and (max-width:759.98px){.r9{grid-template-columns:84px minmax(0,1fr) minmax(0,1fr)}}@media (max-width:639.98px){.r9{grid-template-columns:84px minmax(0,1fr) minmax(0,1fr)}}
@media (min-width:1000px){.ra{right:0;width:calc((100% - 140px) / 2 * .2)}}@media (min-width:900px) and (max-width:999.98px){.ra{right:0;width:calc((100% - 140px) / 2 * .2)}}@media (min-width:760px) and (max-width:899.98px){.ra{right:0;width:calc((100% - 140px) / 2 * .2)}}@media (min-width:640px) and (max-width:759.98px){.ra{right:0;width:calc((100% - 84px) / 2 * .2)}}@media (max-width:639.98px){.ra{right:0;width:calc((100% - 84px) / 2 * .2)}}
@media (min-width:1000px){.rb{right:0}}@media (min-width:900px) and (max-width:999.98px){.rb{right:0}}@media (min-width:760px) and (max-width:899.98px){.rb{right:0}}@media (min-width:640px) and (max-width:759.98px){.rb{right:0}}@media (max-width:639.98px){.rb{right:0}}
@media (min-width:1000px){.rc{left:calc(140px + (100% - 140px) / 2)}}@media (min-width:900px) and (max-width:999.98px){.rc{left:calc(140px + (100% - 140px) / 2)}}@media (min-width:760px) and (max-width:899.98px){.rc{left:calc(140px + (100% - 140px) / 2)}}@media (min-width:640px) and (max-width:759.98px){.rc{left:calc(84px + (100% - 84px) / 2)}}@media (max-width:639.98px){.rc{left:calc(84px + (100% - 84px) / 2)}}
@media (min-width:1000px){.rd{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (min-width:900px) and (max-width:999.98px){.rd{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (min-width:760px) and (max-width:899.98px){.rd{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (min-width:640px) and (max-width:759.98px){.rd{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:639.98px){.rd{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:640px) and (max-width:759.98px){.he{display:none!important}}@media (max-width:639.98px){.he{display:none!important}}
@media (min-width:1000px){.rf{grid-template-columns:200px minmax(0,1fr);height:124px}}@media (min-width:900px) and (max-width:999.98px){.rf{grid-template-columns:200px minmax(0,1fr);height:124px}}@media (min-width:760px) and (max-width:899.98px){.rf{grid-template-columns:200px minmax(0,1fr);height:124px}}@media (min-width:640px) and (max-width:759.98px){.rf{grid-template-columns:minmax(0,1fr);height:auto}}@media (max-width:639.98px){.rf{grid-template-columns:minmax(0,1fr);height:auto}}
@media (min-width:1000px){.rg{height:100%}}@media (min-width:900px) and (max-width:999.98px){.rg{height:100%}}@media (min-width:760px) and (max-width:899.98px){.rg{height:100%}}@media (min-width:640px) and (max-width:759.98px){.rg{height:56px}}@media (max-width:639.98px){.rg{height:56px}}
.ph:hover{background:#ECE5D6!important;color:#1B1B1B!important}
@media (min-width:1000px){.ri{height:100%}}@media (min-width:900px) and (max-width:999.98px){.ri{height:100%}}@media (min-width:760px) and (max-width:899.98px){.ri{height:100%}}@media (min-width:640px) and (max-width:759.98px){.ri{height:168px}}@media (max-width:639.98px){.ri{height:168px}}
@media (min-width:1000px){.rj{width:480px}}@media (min-width:900px) and (max-width:999.98px){.rj{width:480px}}@media (min-width:760px) and (max-width:899.98px){.rj{width:480px}}@media (min-width:640px) and (max-width:759.98px){.rj{width:min(340px, 100%)}}@media (max-width:639.98px){.rj{width:min(340px, 100%)}}
@media (min-width:1000px){.rk{font:400 22px/1.1 'Newsreader',serif}}@media (min-width:900px) and (max-width:999.98px){.rk{font:400 22px/1.1 'Newsreader',serif}}@media (min-width:760px) and (max-width:899.98px){.rk{font:400 22px/1.1 'Newsreader',serif}}@media (min-width:640px) and (max-width:759.98px){.rk{font:400 15px/1.1 'Newsreader',serif}}@media (max-width:639.98px){.rk{font:400 15px/1.1 'Newsreader',serif}}
@media (min-width:1000px){.hl{display:none!important}}@media (min-width:900px) and (max-width:999.98px){.hl{display:none!important}}@media (min-width:760px) and (max-width:899.98px){.hl{display:none!important}}
@media (min-width:1000px){.rm{grid-template-columns:minmax(0,1fr) minmax(200px,270px)}}@media (min-width:900px) and (max-width:999.98px){.rm{grid-template-columns:minmax(0,1fr)}}@media (min-width:760px) and (max-width:899.98px){.rm{grid-template-columns:minmax(0,1fr)}}@media (min-width:640px) and (max-width:759.98px){.rm{grid-template-columns:minmax(0,1fr)}}@media (max-width:639.98px){.rm{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1000px){.rn{grid-template-columns:minmax(0,1fr) minmax(180px,250px)}}@media (min-width:900px) and (max-width:999.98px){.rn{grid-template-columns:minmax(0,1fr)}}@media (min-width:760px) and (max-width:899.98px){.rn{grid-template-columns:minmax(0,1fr)}}@media (min-width:640px) and (max-width:759.98px){.rn{grid-template-columns:minmax(0,1fr)}}@media (max-width:639.98px){.rn{grid-template-columns:minmax(0,1fr)}}
@media (min-width:900px) and (max-width:999.98px){.ho{display:none!important}}@media (min-width:760px) and (max-width:899.98px){.ho{display:none!important}}@media (min-width:640px) and (max-width:759.98px){.ho{display:none!important}}@media (max-width:639.98px){.ho{display:none!important}}
@media (min-width:1000px){.hp{display:none!important}}
@media (min-width:1000px){.rq{grid-template-columns:200px minmax(0,1fr) auto}}@media (min-width:900px) and (max-width:999.98px){.rq{grid-template-columns:200px minmax(0,1fr) auto}}@media (min-width:760px) and (max-width:899.98px){.rq{grid-template-columns:minmax(0,1fr)}}@media (min-width:640px) and (max-width:759.98px){.rq{grid-template-columns:minmax(0,1fr)}}@media (max-width:639.98px){.rq{grid-template-columns:minmax(0,1fr)}}
.pr:hover{text-decoration:underline!important}
@media (min-width:1000px){.rs{grid-template-columns:200px minmax(0,1fr)}}@media (min-width:900px) and (max-width:999.98px){.rs{grid-template-columns:200px minmax(0,1fr)}}@media (min-width:760px) and (max-width:899.98px){.rs{grid-template-columns:minmax(0,1fr)}}@media (min-width:640px) and (max-width:759.98px){.rs{grid-template-columns:minmax(0,1fr)}}@media (max-width:639.98px){.rs{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1000px){.rt{grid-template-columns:minmax(200px,320px) minmax(0,1fr)}}@media (min-width:900px) and (max-width:999.98px){.rt{grid-template-columns:minmax(200px,320px) minmax(0,1fr)}}@media (min-width:760px) and (max-width:899.98px){.rt{grid-template-columns:minmax(0,1fr)}}@media (min-width:640px) and (max-width:759.98px){.rt{grid-template-columns:minmax(0,1fr)}}@media (max-width:639.98px){.rt{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1000px){.ru{grid-template-columns:minmax(160px,220px) minmax(0,1fr)}}@media (min-width:900px) and (max-width:999.98px){.ru{grid-template-columns:minmax(160px,220px) minmax(0,1fr)}}@media (min-width:760px) and (max-width:899.98px){.ru{grid-template-columns:minmax(160px,220px) minmax(0,1fr)}}@media (min-width:640px) and (max-width:759.98px){.ru{grid-template-columns:minmax(160px,220px) minmax(0,1fr)}}@media (max-width:639.98px){.ru{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1000px){.rv{grid-column:2}}@media (min-width:900px) and (max-width:999.98px){.rv{grid-column:2}}@media (min-width:760px) and (max-width:899.98px){.rv{grid-column:1}}@media (min-width:640px) and (max-width:759.98px){.rv{grid-column:1}}@media (max-width:639.98px){.rv{grid-column:1}}
@media (min-width:1000px){.rw{grid-template-columns:minmax(140px,200px) minmax(0,1fr)}}@media (min-width:900px) and (max-width:999.98px){.rw{grid-template-columns:minmax(140px,200px) minmax(0,1fr)}}@media (min-width:760px) and (max-width:899.98px){.rw{grid-template-columns:minmax(140px,200px) minmax(0,1fr)}}@media (min-width:640px) and (max-width:759.98px){.rw{grid-template-columns:minmax(140px,200px) minmax(0,1fr)}}@media (max-width:639.98px){.rw{grid-template-columns:minmax(0,1fr)}}
@media (max-width:359.98px){.rd button>span:nth-child(3){font-size:14px!important}}
/* Boutons d'appel vers le formulaire : bleu pétrole, plus clair au survol (décision Benoit du 09/10/2026 ; vermillon du 08/10 au 09/10) */
a.p4[href="parlons-de-vos-metiers.html"],a.h5[href="parlons-de-vos-metiers.html"],a.p6[href="parlons-de-vos-metiers.html"],a.p4[href="adapter-l-ia-a-vos-metiers.html"],a.p6[href="adapter-l-ia-a-vos-metiers.html"],a.cta[href="parlons-de-vos-metiers.html"],a.demo-suivant[href="parlons-de-vos-metiers.html"]{background:#0F4C5C!important;border-color:#0F4C5C!important;color:#F7F4EE!important}
a.p4[href="parlons-de-vos-metiers.html"]:hover,a.p4[href="adapter-l-ia-a-vos-metiers.html"]:hover,a.p6[href="adapter-l-ia-a-vos-metiers.html"]:hover,a.h5[href="parlons-de-vos-metiers.html"]:hover,a.p6[href="parlons-de-vos-metiers.html"]:hover,a.cta[href="parlons-de-vos-metiers.html"]:hover,a.demo-suivant[href="parlons-de-vos-metiers.html"]:hover{background:#1B6478!important;border-color:#1B6478!important;color:#F7F4EE!important}
/* Mark de l’en-tête en or mat sur toutes les pages, nom IT·I·WE en encre (décisions du 08/10/2026) ; le pied de page garde le logo papier */
header a[aria-label="ITIWE, accueil"] svg{color:#9C7F36}
/* Pied de page : papier, filet fin, drapé de triangles parti du coin bas droit, en écho au haut de l’accueil (décision Benoit du 09/10/2026) ;
   le bleu encre est retiré, trop proche du bleu pétrole des boutons. Mark or mat et nom en encre, comme dans l’en-tête */
footer{position:relative;isolation:isolate;overflow:hidden;background:#F7F4EE!important;color:#1B1B1B!important;border-top:1px solid #DDD8CE}
footer a,footer span,footer p{color:#1B1B1B!important}
footer a[aria-label="ITIWE, accueil"] svg{color:#9C7F36}
footer > div{border-color:#DDD8CE!important}
footer::before{content:"";position:absolute;right:0;bottom:0;width:max(100%,900px);aspect-ratio:16/9;z-index:-1;pointer-events:none;background:url(../visuels/drape-accueil.svg) left top/100% 200% no-repeat;transform:scaleX(-1);opacity:.75}
@media (prefers-reduced-motion:reduce){footer::before{background-image:url(../visuels/drape-accueil-fixe.svg)}}
/* Wordmark IT·I·WE : les points sont de petits ronds or mat, plus discrets que le nom (décision Benoit du 09/10/2026) */
.wm-point{display:inline-block;width:.12em;height:.12em;margin:0 .08em;vertical-align:.27em;border-radius:50%;background:#9C7F36;color:transparent;overflow:hidden;line-height:0}
/* ==== Lectures · début ======================================================
   Compléments de charte pour les articles (Lectures), proposés par le fil v5-2-lectures-style
   le 12/10/2026 et validés par Benoit le 17/10/2026 (design system, version 23). Classes
   préfixées .lx-, actives seulement sous .lx. Le tableau .lx-tableau est aussi admis pour
   formation.itiwe.com. Valeurs puisées dans les jetons : encre, ink-60, ink-10, papier,
   paper-deep, blanc des encadrés, bleu encre, vermillon (friction seulement), action.
   Aucune couleur nouvelle, aucun dégradé, aucune ombre. */
.lx{--encre:#1B1B1B;--encre-80:#2D2D2D;--encre-60:#55524C;--filet:#DDD8CE;--papier:#F7F4EE;--papier-soutenu:#ECE5D6;--blanc:#FFFFFF;--bleu-encre:#1F3A5F;--vermillon:#B5482C;--action:#0F4C5C;--action-survol:#1B6478;
  --lx-mesure:680px;--lx-large:880px;--lx-page:1240px;--lx-gouttiere:clamp(20px,5vw,64px)}

/* Bandeau de maquette (hors charte : signale une page de travail) */
.lx-bandeau{background:var(--papier-soutenu);border-bottom:1px solid var(--filet)}
.lx-bandeau p{max-width:var(--lx-page);margin:0 auto;padding:10px var(--lx-gouttiere);display:flex;flex-wrap:wrap;gap:4px 20px;font:400 12px/1.5 'JetBrains Mono',monospace;color:var(--encre-60)}
.lx-bandeau b{font-weight:500;color:var(--encre)}
.lx-provisoire{font:400 12px/1.5 'JetBrains Mono',monospace;color:var(--encre-60);letter-spacing:0;text-transform:none}
.lx-provisoire::before{content:"◇ "}

/* Étiquette, badges, fil d'Ariane (composants existants, repris) */
.lx-etiq{font:500 12px/1.4 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--encre-60)}
.lx-etiq--bleu{color:var(--bleu-encre)}
.lx-etiq--cas{color:var(--encre)}
.lx-badge{display:inline-block;padding:3px 7px;border-radius:2px;font:500 12px/1.5 'JetBrains Mono',monospace;letter-spacing:.04em}
.lx-badge--vue{border:1px solid var(--encre-60);color:var(--encre-60)}
.lx-badge--cas{border:1px dashed var(--encre);color:var(--encre)}
.lx-badge--pratique{border:3px double var(--bleu-encre);color:var(--bleu-encre)}
.lx-badge--preuve{background:var(--encre);color:var(--papier)}
.lx-fil{display:flex;gap:8px;font:400 13px/1.5 'JetBrains Mono',monospace;color:var(--encre-60)}
.lx-fil a{color:var(--encre-60)}

/* Tête d'article : titre, chapô, métadonnées */
.lx-titre{font:400 clamp(36px,5vw,68px)/1.05 'Newsreader',Georgia,serif;letter-spacing:-.02em;text-wrap:balance}
.lx-titre--grand{font:400 clamp(44px,6vw,84px)/1.02 'Newsreader',Georgia,serif;letter-spacing:-.022em}
.lx-titre em,.lx-question em{font-style:italic}
.lx-chapo{font:400 clamp(19px,1.7vw,23px)/1.5 'Newsreader',Georgia,serif;color:var(--encre);max-width:34em;text-wrap:pretty}
.lx-meta{display:flex;flex-wrap:wrap;gap:6px 20px;font:400 13px/1.5 'JetBrains Mono',monospace;color:var(--encre-60)}
.lx-meta b{font-weight:500;color:var(--encre)}
.lx-fiche{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:0 32px;border-top:1px solid var(--encre)}
.lx-fiche div{padding:14px 0;display:grid;gap:4px;align-content:start}
.lx-fiche dt{font:500 12px/1.5 'JetBrains Mono',monospace;color:var(--encre-60)}
.lx-fiche dd{margin:0;font:400 16px/1.45 'Instrument Sans',sans-serif}

/* Image de tête et figures photo : 16/9, rayon 2 px, légende et crédit séparés */
.lx-image{display:grid;gap:12px}
.lx-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:2px;background:var(--encre-80)}
.lx-image figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 24px}
.lx-legende{font:400 15px/1.5 'Instrument Sans',sans-serif;color:var(--encre-60);max-width:60ch;text-wrap:pretty}
.lx-credit{font:400 12px/1.5 'JetBrains Mono',monospace;color:var(--encre-60)}
.lx-credit a{color:var(--encre-60)}

/* Corps de lecture : mesure de 680 px, environ 70 signes en Instrument Sans à 19 px */
.lx-corps{max-width:var(--lx-mesure);font:400 clamp(17px,1.4vw,19px)/1.6 'Instrument Sans',sans-serif;color:var(--encre)}
.lx-corps>*+*{margin-top:20px}
.lx-corps>h2{margin-top:56px;font:400 clamp(24px,2.4vw,32px)/1.2 'Newsreader',Georgia,serif;letter-spacing:-.01em;text-wrap:balance}
.lx-corps>h2+*{margin-top:16px}
.lx-corps h3{font:600 clamp(17px,1.4vw,19px)/1.4 'Instrument Sans',sans-serif}
.lx-corps strong{font-weight:600}
.lx-corps p{text-wrap:pretty}
.lx-num{display:block;margin-bottom:8px;font:500 12px/1.4 'JetBrains Mono',monospace;letter-spacing:.08em;color:var(--bleu-encre)}
.lx-lettrine>p:first-of-type::first-letter{-webkit-initial-letter:3;initial-letter:3;font-family:'Newsreader',Georgia,serif;font-weight:400;color:var(--encre);margin-right:10px}

/* Exergue = citation à filet existante (une par page au plus) */
.lx-exergue{margin:40px 0;padding-left:20px;border-left:4px solid var(--bleu-encre);max-width:34ch;font:400 italic clamp(22px,2.4vw,34px)/1.3 'Newsreader',Georgia,serif;color:var(--bleu-encre)}
/* Citation longue d'une source (proposé) : texte courant, filet fin, attribution en mono
   (pas d'élément footer : le pied de page du site s'appliquerait) */
.lx-citation{margin:32px 0;padding-left:20px;border-left:1px solid var(--encre)}
.lx-citation p{font:400 17px/1.6 'Instrument Sans',sans-serif}
.lx-citation .lx-attribution{margin-top:8px;font:400 12px/1.5 'JetBrains Mono',monospace;color:var(--encre-60)}

/* Note (aparté) : dans le fil sur téléphone, en marge sur grand écran */
.lx-note{padding-left:16px;border-left:1px solid var(--filet);font:400 15px/1.5 'Instrument Sans',sans-serif;color:var(--encre-60)}
.lx-note .lx-etiq{display:block;margin-bottom:4px}
@media (min-width:1180px){.lx-marge{position:relative}.lx-marge .lx-note{float:right;clear:right;width:220px;margin:4px -268px 0 0}}

/* Encadrés : blanc, filet ink-10, rayon 2 px ; l'accent du filet haut dit le rôle */
.lx-encadre{margin:40px 0;padding:clamp(20px,2.4vw,28px);background:var(--blanc);border:1px solid var(--filet);border-radius:2px;display:grid;gap:12px;font:400 16px/1.55 'Instrument Sans',sans-serif}
.lx-encadre>header{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.lx-encadre h3,.lx-encadre .lx-encadre__titre{font:400 clamp(22px,2vw,26px)/1.25 'Newsreader',Georgia,serif;letter-spacing:-.008em}
.lx-encadre .lx-source{font:400 12px/1.5 'JetBrains Mono',monospace;color:var(--encre-60)}
.lx-encadre--preuve-terrain{border-top:3px solid var(--encre)}
.lx-encadre--preuve-source{border-top:3px solid var(--encre-60)}
.lx-encadre--tenter{border-top:3px solid var(--bleu-encre);gap:16px}
.lx-encadre--tenter .lx-encadre__titre{font-size:clamp(24px,2.2vw,30px);line-height:1.2}
.lx-encadre--limites{background:transparent;border:1px dashed var(--encre)}
.lx-deroule{display:grid;gap:0;border-top:1px solid var(--encre)}
.lx-deroule li{display:grid;grid-template-columns:44px 1fr;gap:8px;padding:12px 0;border-bottom:1px solid var(--filet)}
.lx-deroule li>span:first-child{font:500 12px/2 'JetBrains Mono',monospace;letter-spacing:.08em;color:var(--bleu-encre)}
.lx-deroule b{font-weight:600}
.lx-cadre-essai{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:12px 24px}
.lx-cadre-essai dt{font:500 12px/1.5 'JetBrains Mono',monospace;color:var(--encre-60)}
.lx-cadre-essai dd{margin:2px 0 0;font:400 15px/1.45 'Instrument Sans',sans-serif}

/* En bref : trois points numérotés sous un filet encre */
.lx-enbref{padding-top:16px;border-top:1.5px solid var(--encre);display:grid;gap:12px}
.lx-enbref ol{display:grid;gap:10px;counter-reset:lx}
.lx-enbref li{display:grid;grid-template-columns:32px 1fr;gap:4px;font:400 16px/1.5 'Instrument Sans',sans-serif}
.lx-enbref li::before{counter-increment:lx;content:counter(lx,decimal-leading-zero);font:500 12px/2 'JetBrains Mono',monospace;color:var(--bleu-encre)}

/* Sommaire : liste numérotée ; collant sur grand écran, repliable sur téléphone */
.lx-sommaire{display:grid;gap:12px}
.lx-sommaire summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:44px;border-top:1px solid var(--encre);border-bottom:1px solid var(--filet)}
.lx-sommaire summary::-webkit-details-marker{display:none}
.lx-sommaire summary::after{content:"+";font:400 20px/1 'Instrument Sans',sans-serif}
.lx-sommaire[open] summary::after{content:"−"}
.lx-sommaire ol{display:grid;gap:2px;margin-top:8px}
.lx-sommaire a{display:grid;grid-template-columns:32px 1fr;gap:4px;padding:6px 0;text-decoration:none;font:400 15px/1.4 'Instrument Sans',sans-serif;color:var(--encre-60)}
.lx-sommaire a:hover,.lx-sommaire a[aria-current="true"]{color:var(--encre)}
.lx-sommaire a[aria-current="true"] span:last-child{text-decoration:underline;text-underline-offset:4px}
.lx-sommaire a span:first-child{font:500 12px/1.9 'JetBrains Mono',monospace;color:var(--bleu-encre)}

/* Figure et schéma : numérotés, filet encre en tête, légende et source */
.lx-figure{margin:48px 0;display:grid;gap:14px}
.lx-figure--large{width:min(var(--lx-large),calc(100vw - 2 * var(--lx-gouttiere)));position:relative;left:50%;transform:translateX(-50%)}
.lx-figure__cadre{padding-top:20px;border-top:1.5px solid var(--encre)}
.lx-figure figcaption{display:grid;gap:4px}
.lx-figure figcaption .lx-etiq{color:var(--encre)}

/* Schéma « deux places » : deux colonnes d'étapes reliées par un filet */
.lx-schema-deux{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px 48px}
.lx-schema-deux h4{margin:0 0 4px;font:400 22px/1.25 'Newsreader',Georgia,serif}
.lx-schema-deux h4+p{margin-bottom:16px}
.lx-etapes{display:grid;gap:0}
.lx-etapes li{position:relative;padding:12px 14px;border:1px solid var(--encre-60);border-radius:2px;font:400 16px/1.4 'Instrument Sans',sans-serif}
.lx-etapes li+li{margin-top:22px}
.lx-etapes li+li::before{content:"";position:absolute;left:24px;top:-23px;height:22px;border-left:1px solid var(--encre-60)}
.lx-etapes li.lx-friction{border:1.5px solid var(--vermillon)}
.lx-etapes li.lx-pratique{border:1.5px solid var(--bleu-encre)}
.lx-etapes small{display:block;margin-bottom:2px;font:500 12px/1.4 'JetBrains Mono',monospace;letter-spacing:.04em}
.lx-friction small{color:var(--vermillon)}
.lx-pratique small{color:var(--bleu-encre)}

/* Schéma « échelle » : trois manières de travailler, de ITIWE réalise à l'équipe réalise */
.lx-echelle{display:grid;gap:20px}
.lx-echelle__axe{display:flex;justify-content:space-between;gap:16px;font:400 12px/1.5 'JetBrains Mono',monospace;color:var(--encre-60)}
.lx-echelle ol{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.lx-echelle ol::before{content:"";position:absolute;left:6px;right:6px;top:6px;border-top:1.5px solid var(--encre)}
.lx-echelle li{position:relative;display:grid;gap:6px;padding-top:28px;align-content:start}
.lx-echelle li::before{content:"";position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--encre);background:var(--papier)}
.lx-echelle li:nth-child(1)::before{background:var(--encre)}
.lx-echelle li:nth-child(2)::after{content:"";position:absolute;left:0;top:0;width:7px;height:14px;border-radius:7px 0 0 7px;background:var(--encre)}
.lx-echelle b{font:400 20px/1.25 'Newsreader',Georgia,serif}
.lx-echelle span{font:400 15px/1.45 'Instrument Sans',sans-serif;color:var(--encre-60)}
.lx-echelle__commun{padding-top:12px;border-top:1px solid var(--filet);font:600 16px/1.5 'Instrument Sans',sans-serif}
@media (max-width:639.98px){.lx-echelle ol{grid-template-columns:1fr;gap:16px;padding-left:28px}.lx-echelle ol::before{left:6px;right:auto;top:6px;bottom:6px;border-top:0;border-left:1.5px solid var(--encre)}.lx-echelle li{padding-top:0}.lx-echelle li::before,.lx-echelle li:nth-child(2)::after{left:-28px}}

/* Tableau : filets seulement, en-têtes en mono, pas de fond alterné ; empilé sur téléphone */
.lx-tableau{width:100%;border-collapse:collapse;font:400 16px/1.5 'Instrument Sans',sans-serif}
.lx-tableau caption{text-align:left;padding-bottom:12px}
.lx-tableau thead th{text-align:left;padding:10px 12px 10px 0;border-bottom:1.5px solid var(--encre);font:500 12px/1.4 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--encre-60);vertical-align:bottom}
.lx-tableau tbody th{text-align:left;font-weight:600;vertical-align:top}
.lx-tableau tbody th,.lx-tableau td{padding:14px 12px 14px 0;border-bottom:1px solid var(--filet);vertical-align:top}
@media (max-width:639.98px){.lx-tableau{border-top:1.5px solid var(--encre)}.lx-tableau thead{display:none}.lx-tableau tr{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--filet)}.lx-tableau tbody th,.lx-tableau td{padding:0;border:0}.lx-tableau td::before{content:attr(data-col);display:block;font:500 12px/1.5 'JetBrains Mono',monospace;color:var(--encre-60)}}

/* Appels de note et sources */
.lx-appel{font:500 12px/1 'JetBrains Mono',monospace;vertical-align:super;margin-left:2px}
.lx-appel a{color:var(--bleu-encre);text-decoration:none}
.lx-sources{padding-top:16px;border-top:1px solid var(--filet);display:grid;gap:8px}
.lx-sources ol{display:grid;gap:6px;counter-reset:lxs}
.lx-sources li{display:grid;grid-template-columns:32px 1fr;font:400 14px/1.5 'Instrument Sans',sans-serif;color:var(--encre-60)}
.lx-sources li::before{counter-increment:lxs;content:counter(lxs);font:500 12px/1.75 'JetBrains Mono',monospace;color:var(--bleu-encre)}

/* Questions à se poser en équipe (repris de « Mise en pratique ») */
.lx-questions{display:grid;border-top:1px solid var(--encre)}
.lx-questions li{display:grid;grid-template-columns:44px 1fr;gap:8px;padding:16px 0;border-bottom:1px solid var(--filet)}
.lx-questions li>span:first-child{font:500 12px/2 'JetBrains Mono',monospace;color:var(--bleu-encre)}
.lx-questions li>span:last-child{font:400 clamp(19px,1.6vw,22px)/1.4 'Newsreader',Georgia,serif}

/* Fin d'article : signature, question de clôture, bouton d'appel, lectures reliées */
.lx-fin{max-width:var(--lx-mesure);padding-top:28px;border-top:1px solid var(--encre);display:grid;gap:20px}
.lx-signature{font:400 16px/1.6 'Instrument Sans',sans-serif}
.lx-signature b{font-weight:600}
.lx-question{font:400 clamp(24px,2.6vw,34px)/1.25 'Newsreader',Georgia,serif;letter-spacing:-.008em;text-wrap:balance}
.lx .lx-cta{justify-self:start;display:inline-flex;align-items:center;gap:20px;min-height:56px;padding:14px 24px;border:1.5px solid var(--action);border-radius:6px;background:var(--action);color:var(--papier);text-decoration:none;font:500 17px/1.3 'Instrument Sans',sans-serif;transition:background 150ms cubic-bezier(.2,0,0,1)}
.lx .lx-cta:hover{background:var(--action-survol);border-color:var(--action-survol);color:var(--papier)}
.lx-reliees{border-top:1.5px solid var(--encre)}
.lx-reliees li{position:relative;display:grid;gap:8px;padding:20px 0 20px 26px;border-bottom:1px solid var(--encre)}
.lx-reliees li::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:7px;border-radius:2px;background:var(--encre-60)}
.lx-reliees li.lx-r-cas::before{background:var(--encre)}
.lx-reliees li.lx-r-pratique::before{background:var(--bleu-encre)}
.lx-reliees a{font:400 clamp(22px,2vw,26px)/1.2 'Newsreader',Georgia,serif;text-decoration:none}
.lx-reliees a:hover{text-decoration:underline}
.lx-reliees p{font:400 15px/1.5 'Instrument Sans',sans-serif;color:var(--encre-60);max-width:62ch}
.lx-reliees .lx-meta{font-size:13px}
/* ==== Lectures · fin ======================================================== */

/* Menu à trois liens (26/10/2026) : espacement resserré entre 900 et 1100 px pour que tout tienne sur une ligne */
@media (min-width:900px) and (max-width:1099.98px){header nav.h2{gap:20px!important}}

/* Ancres : la cible s’arrête sous l’en-tête collant (72 px) au lieu de passer dessous (27/10/2026) */
html{scroll-padding-top:88px}