/* \REV.RSIBLE\ — feuille de style commune
   Principe : la couleur ne sert qu'au verdict (vert, ambre, rouge).
   Tout le reste est à l'encre sur papier lichen. */

@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;
  src:url(fonts/archivo-wdth.woff2) format("woff2-variations"),url(fonts/archivo-wdth.woff2) format("woff2")}
@font-face{font-family:"Atkinson";font-style:normal;font-display:swap;font-weight:400;
  src:url(fonts/atkinson-400-normal.woff2) format("woff2")}
@font-face{font-family:"Atkinson";font-style:italic;font-display:swap;font-weight:400;
  src:url(fonts/atkinson-400-italic.woff2) format("woff2")}
@font-face{font-family:"Atkinson";font-style:normal;font-display:swap;font-weight:700;
  src:url(fonts/atkinson-700-normal.woff2) format("woff2")}

:root{
  --paper:#f2f4f0;      /* lichen */
  --paper-2:#e5eae4;
  --white:#ffffff;
  --ink:#1c2a23;        /* encre de forêt */
  --ink-soft:#4c5b53;
  --line:#c6d0c8;
  --green:#2c7a4b; --green-bg:#dfeee4;
  --amber:#d58b1c; --amber-bg:#f8ecd6;
  --red:#bd3a2b;   --red-bg:#f5dfdb;
  --display:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --text:"Atkinson",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --col:41rem; --wide:70rem;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text);
  font-size:1.125rem;line-height:1.6;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto}
a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
p{margin:.8rem 0}
strong{font-weight:700}
sub{line-height:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- En-tête ---------- */
header.site{background:var(--paper);border-bottom:2px solid var(--ink)}
.head-in{max-width:var(--wide);margin:0 auto;padding:.9rem 1rem;display:flex;flex-wrap:wrap;
  align-items:center;justify-content:space-between;gap:.6rem 1.6rem}
.wordmark{font-family:var(--display);font-stretch:118%;font-weight:800;font-size:1.3rem;
  letter-spacing:.01em;color:var(--ink);text-decoration:none;white-space:nowrap}
.wordmark .bs{color:var(--ink-soft);font-weight:500}
nav.main{display:flex;flex-wrap:wrap;gap:.2rem 1.4rem;font-family:var(--display);font-weight:600;font-size:1rem}
nav.main a{text-decoration:none;color:var(--ink);padding:.25rem 0;border-bottom:3px solid transparent}
nav.main a:hover{border-bottom-color:var(--line)}
nav.main a.on{border-bottom-color:var(--ink)}
.subnav{background:var(--paper-2);border-bottom:1px solid var(--line)}
.subnav-in{max-width:var(--wide);margin:0 auto;padding:.5rem 1rem;display:flex;flex-wrap:wrap;gap:.2rem 1.3rem;font-size:.95rem}
.subnav a{text-decoration:none;color:var(--ink-soft)}
.subnav a:hover{color:var(--ink);text-decoration:underline}
.subnav a.on{color:var(--ink);font-weight:700}

/* ---------- Mise en page ---------- */
main{max-width:var(--col);margin:0 auto;padding:2.2rem 1rem 3.5rem}
main.wide{max-width:var(--wide)}
.wrap{max-width:var(--wide);margin:0 auto;padding:0 1rem}
h1,h2,h3{font-family:var(--display);color:var(--ink)}
h1{font-size:clamp(2rem,5.2vw,2.8rem);font-stretch:112%;font-weight:800;line-height:1.06;margin:.3rem 0 1rem;letter-spacing:-.01em}
h2{font-size:1.5rem;font-stretch:104%;font-weight:750;line-height:1.2;margin:2.4rem 0 .7rem}
h3{font-size:1.14rem;font-weight:700;line-height:1.3;margin:1.7rem 0 .4rem}
.kicker{font-size:.98rem;color:var(--ink-soft);margin:0}
.kicker a{color:var(--ink-soft)}
.lede{font-size:1.25rem;line-height:1.5}
ul,ol{padding-left:1.25rem}
li{margin:.35rem 0}
hr{border:0;border-top:1px solid var(--line);margin:2.2rem 0}
blockquote{margin:1.4rem 0;padding:.1rem 0 .1rem 1rem;border-left:4px solid var(--ink);font-size:1.15rem;line-height:1.5}
blockquote p{margin:.4rem 0}
blockquote cite{font-size:.85rem;color:var(--ink-soft);font-style:normal}
table{border-collapse:collapse;width:100%;margin:1.2rem 0;font-size:.95rem;line-height:1.45}
th,td{border:1px solid var(--line);padding:.5rem .6rem;text-align:left;vertical-align:top}
th{background:var(--paper-2);font-weight:700}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.datestamp{font-size:.88rem;color:var(--ink-soft);border-top:1px solid var(--line);margin-top:2.6rem;padding-top:.8rem}
.small{font-size:.9rem;color:var(--ink-soft)}

/* encadrés */
.note,.warn,.honest{padding:.9rem 1.1rem;margin:1.4rem 0;font-size:1rem;background:var(--white);border:1px solid var(--line)}
.warn{border-left:5px solid var(--amber)}
.honest{border-left:5px solid var(--ink)}
.note-title{display:block;font-family:var(--display);font-weight:700;font-size:1rem;margin-bottom:.25rem}
.next{margin-top:2.6rem;padding:1rem 1.1rem;background:var(--white);border:1px solid var(--line)}
.crumbs{font-size:.92rem;color:var(--ink-soft);margin-bottom:1rem}
.crumbs a{color:var(--ink-soft)}

/* ---------- Trois couches ---------- */
.essentiel{background:var(--white);border:2px solid var(--ink);padding:1.1rem 1.2rem 1.2rem;margin:1.2rem 0 2rem}
.essentiel .layer{font-family:var(--display);font-weight:700;font-size:.95rem;color:var(--ink-soft);margin:0 0 .4rem}
.essentiel p.big{font-size:1.3rem;line-height:1.4;margin:.3rem 0}
.essentiel figure{margin:.4rem 0 .8rem}
.essentiel figcaption{font-size:.9rem;color:var(--ink-soft)}
.layer-head{font-family:var(--display);font-weight:700;font-size:.95rem;color:var(--ink-soft);margin:2.2rem 0 -.6rem}
details.expert{margin:2.4rem 0 0;border-top:2px solid var(--ink)}
details.expert>summary{cursor:pointer;list-style:none;font-family:var(--display);font-weight:750;font-size:1.25rem;
  padding:1rem 0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.1rem 1rem}
details.expert>summary::-webkit-details-marker{display:none}
details.expert>summary::after{content:"+";font-size:1.6rem;line-height:1;font-weight:500;grid-column:2;grid-row:1}
details.expert[open]>summary::after{content:"−"}
details.expert>summary .hint{grid-column:1;display:block;font-family:var(--text);font-weight:400;font-size:.95rem;color:var(--ink-soft)}

/* ---------- Verdict et jauge (signature visuelle) ---------- */
.gauge{display:inline-grid;grid-template-columns:repeat(10,1.15rem);gap:3px;vertical-align:middle}
.gauge i{display:block;width:1.15rem;height:1.15rem;background:var(--paper-2);border:1px solid var(--line)}
.gauge i.g{background:var(--green);border-color:var(--green)}
.gauge i.o{background:var(--amber);border-color:var(--amber)}
.gauge i.r{background:var(--red);border-color:var(--red)}
.gauge i.u{background:repeating-linear-gradient(45deg,var(--paper-2) 0 3px,var(--line) 3px 5px)}
.dot{display:inline-block;width:.9em;height:.9em;vertical-align:-.08em;margin-right:.35em}
.dot.g{background:var(--green)} .dot.o{background:var(--amber)} .dot.r{background:var(--red)} .dot.u{background:var(--line)}
.verdict{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem}
.verdict .label{font-family:var(--display);font-weight:800;font-size:1.35rem;font-stretch:108%}
.verdict .pct{font-family:var(--display);font-weight:800;font-size:2.2rem;font-stretch:112%;line-height:1}

/* ---------- Boutons et pastilles ---------- */
.btn,button.btn{display:inline-block;font:inherit;font-family:var(--display);font-weight:700;font-size:1rem;
  padding:.6rem 1rem;border:2px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;text-decoration:none}
.btn:hover{background:var(--white);color:var(--ink)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--white)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0;padding:0;list-style:none}
.chips li{margin:0}
.chip{font:inherit;font-size:1rem;padding:.45rem .85rem;border:2px solid var(--ink);background:var(--white);color:var(--ink);cursor:pointer}
.chip:hover{background:var(--paper-2)}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--paper)}

/* ---------- Accueil ---------- */
.hero{max-width:var(--wide);margin:0 auto;padding:2.6rem 1rem 1.2rem}
.hero .ask-line{font-family:var(--display);font-weight:700;font-size:clamp(1.3rem,3vw,1.7rem);margin:0}
.hero .old{font-family:var(--display);font-weight:600;font-stretch:100%;font-size:clamp(1.8rem,5vw,3rem);
  color:var(--ink-soft);margin:.2rem 0 0;line-height:1.1}
.hero .old s{text-decoration:none;position:relative;display:inline-block}
.hero .old s::after{content:"";position:absolute;left:-3%;top:54%;height:.11em;background:var(--red);width:106%;
  transform-origin:left center;transform:scaleX(0);animation:strike .55s .5s cubic-bezier(.6,.1,.3,1) forwards}
@keyframes strike{to{transform:scaleX(1)}}
.hero .new{font-family:var(--display);font-weight:850;font-stretch:125%;font-size:min(8.4vw,7rem);
  line-height:1;letter-spacing:-.015em;margin:.35rem 0 1.4rem;text-transform:uppercase;white-space:nowrap;
  opacity:0;animation:rise .5s 1.05s ease-out forwards}
@keyframes rise{from{opacity:0;transform:translateY(.15em)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .hero .old s::after{animation:none;transform:none}
  .hero .new{animation:none;opacity:1}
}
.tester{max-width:var(--wide);margin:0 auto;padding:0 1rem 2.4rem}
.tester .pick-label{font-size:1.05rem;margin:.2rem 0 .3rem}
.result{background:var(--white);border:2px solid var(--ink);padding:1.2rem;margin-top:1rem;min-height:9rem}
.result .empty{color:var(--ink-soft);font-size:1.1rem;margin:2.2rem 0;text-align:center}
.result h2{margin:0 0 .6rem;font-size:1.6rem}
.result .why{font-size:1.15rem;line-height:1.5;max-width:46rem}
.result .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.8rem 1.4rem;margin:1rem 0;padding:0;list-style:none}
.result .facts li{margin:0;border-top:1px solid var(--line);padding-top:.5rem}
.result .facts .q{display:block;font-family:var(--display);font-weight:700}
.result .meta{font-size:.92rem;color:var(--ink-soft)}
.result .actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.result.v-g{border-left:12px solid var(--green)} .result.v-o{border-left:12px solid var(--amber)} .result.v-r{border-left:12px solid var(--red)}

.irrev{background:var(--ink);color:var(--paper)}
.irrev-in{max-width:var(--wide);margin:0 auto;padding:2.6rem 1rem}
.irrev h2{color:var(--paper);margin-top:0}
.irrev .gestes p{font-family:var(--display);font-weight:700;font-stretch:108%;font-size:clamp(1.3rem,3.4vw,2rem);line-height:1.2;margin:.25rem 0}
.irrev .constat{max-width:var(--col);font-size:1.15rem;margin-top:1.2rem}
.irrev a{color:var(--paper)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.4rem;margin-top:2rem}
.stats .n{font-family:var(--display);font-weight:800;font-stretch:112%;font-size:2.2rem;line-height:1}
.stats .l{font-size:.98rem;line-height:1.45;margin-top:.3rem}

.paths{max-width:var(--wide);margin:0 auto;padding:2.6rem 1rem}
.paths h2{margin-top:0}
.paths .row{margin:1rem 0}
.paths .row>p{margin:.2rem 0;font-weight:700;font-family:var(--display)}
.parcours{margin:1.2rem 0 0;padding:0;list-style:none;counter-reset:step}
.parcours li{counter-increment:step;display:grid;grid-template-columns:2.4rem 1fr;gap:.2rem .8rem;
  padding:.8rem 0;border-top:1px solid var(--line);margin:0}
.parcours li::before{content:counter(step);font-family:var(--display);font-weight:800;font-size:1.5rem;line-height:1.1}
.parcours a{font-weight:700}
.parcours .d{grid-column:2;color:var(--ink-soft);font-size:1rem}
.parcours .t{color:var(--ink-soft);font-size:.9rem;font-weight:400}

/* boîte « posez votre question » */
.ask{max-width:var(--wide);margin:0 auto;padding:0 1rem 1rem}
.ask-in{border-top:2px solid var(--ink);padding-top:2.4rem}
.ask-in>*{max-width:var(--col)}
.ask h2{margin-top:0}
.ask textarea{width:100%;min-height:4.2rem;font:inherit;font-size:1.05rem;padding:.7rem .8rem;border:2px solid var(--ink);background:var(--white);color:var(--ink);resize:vertical}
.ask-btns{display:flex;flex-wrap:wrap;gap:.5rem;margin:.7rem 0 .3rem}
.ask-btns button{font:inherit;font-family:var(--display);font-weight:700;font-size:.98rem;padding:.55rem .9rem;border:2px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer}
.ask-btns button:hover{background:var(--white);color:var(--ink)}

/* page « Votre IA » */
.prompt-box{position:relative;margin:1rem 0 .4rem;border:2px solid var(--ink);background:var(--white)}
.prompt-box pre{margin:0;padding:1rem 1.1rem 1.1rem;white-space:pre-wrap;word-wrap:break-word;font-family:var(--mono);font-size:.84rem;line-height:1.55;color:var(--ink)}
.copy{display:block;width:100%;border:0;border-bottom:2px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--display);font-size:1rem;font-weight:700;padding:.6rem 1rem;cursor:pointer}
.copy:hover{background:var(--ink-soft)}

/* quiz */
.quiz{background:var(--white);border:2px solid var(--ink);padding:1.2rem;margin:1.2rem 0}
.quiz .progress{font-size:.92rem;color:var(--ink-soft);margin:0 0 .4rem}
.quiz .question{font-family:var(--display);font-weight:750;font-size:1.35rem;line-height:1.25;margin:.2rem 0 1rem}
.quiz .choices{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
.quiz .choices li{margin:0}
.quiz .choices button{width:100%;text-align:left;font:inherit;padding:.65rem .9rem;border:2px solid var(--ink);background:var(--white);color:var(--ink);cursor:pointer}
.quiz .choices button:hover:not([disabled]){background:var(--paper-2)}
.quiz .choices button.right{background:var(--green-bg);border-color:var(--green)}
.quiz .choices button.wrong{background:var(--red-bg);border-color:var(--red)}
.quiz .feedback{margin-top:1rem;font-size:1.05rem}
.quiz .feedback strong{font-family:var(--display)}
.quiz .nav{margin-top:1rem;display:flex;gap:.6rem;flex-wrap:wrap}

/* cartes de liens (pages carrefour, ressources) */
.links{display:grid;gap:0;margin:1rem 0;padding:0;list-style:none}
.links li{margin:0;padding:.85rem 0;border-top:1px solid var(--line)}
.links li:last-child{border-bottom:1px solid var(--line)}
.links a{font-weight:700}
.links .d{display:block;color:var(--ink-soft);font-size:1rem;margin-top:.15rem}
.links .src{display:block;color:var(--ink-soft);font-size:.88rem;margin-top:.15rem}
.hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.6rem 2rem;margin:1.4rem 0}
.hub h2{margin:0 0 .3rem;font-size:1.3rem}
.hub p{margin:.2rem 0 .5rem;color:var(--ink-soft)}

/* figures SVG */
figure.diagram{margin:1.2rem 0}
figure.diagram svg{display:block;width:100%;height:auto}
figure.diagram figcaption{font-size:.92rem;color:var(--ink-soft);margin-top:.4rem}

/* ---------- Pied de page ---------- */
footer.site{border-top:2px solid var(--ink);background:var(--paper-2);margin-top:2rem}
.foot-in{max-width:var(--wide);margin:0 auto;padding:1.6rem 1rem 2.2rem;font-size:.95rem;color:var(--ink-soft);line-height:1.55}
.foot-in a{color:var(--ink-soft)}
.foot-in p{max-width:var(--col)}

@media (max-width:640px){
  .hero .new{font-size:10vw}
  body{font-size:1.06rem}
  .head-in{padding:.7rem 1rem}
  nav.main{gap:.1rem .7rem;font-size:.86rem}
  .wordmark{font-size:1.15rem}
  .chip{font-size:.95rem;padding:.35rem .65rem}
  .chips{gap:.4rem}
  h2{font-size:1.32rem}
  .gauge{grid-template-columns:repeat(10,.95rem)}
  .gauge i{width:.95rem;height:.95rem}
  .result{padding:1rem}
}
@media print{
  header.site nav,.subnav,.ask,.tester .chips{display:none}
  details.expert{display:block} details.expert>summary::after{content:""}
}

/* jauge : borne haute et légende */
.gauge i.gu{background:repeating-linear-gradient(45deg,var(--green) 0 2px,var(--white) 2px 5px);border-color:var(--green)}
.legend{display:flex;flex-wrap:wrap;gap:.2rem 1rem;font-size:.88rem;color:var(--ink-soft);margin:.2rem 0 .4rem}
.legend span{display:inline-flex;align-items:center;gap:.35rem}
.legend i{display:inline-block;width:.8rem;height:.8rem;border:1px solid var(--line)}
.legend i.g{background:var(--green);border-color:var(--green)}
.legend i.gu{background:repeating-linear-gradient(45deg,var(--green) 0 2px,var(--white) 2px 4px);border-color:var(--green)}
.legend i.r{background:var(--red);border-color:var(--red)}
.legend i.u{background:repeating-linear-gradient(45deg,var(--paper-2) 0 2px,var(--line) 2px 4px)}
.today{margin:1rem 0}
.today .gl{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin:0 0 .2rem}
.skip:focus{position:static;width:auto;height:auto;clip:auto;margin:.5rem 1rem;padding:.4rem .7rem;background:var(--white);display:inline-block}
main.home{max-width:none;padding:0}
.paths .row>p{margin:.2rem 0}
.parcours:empty::before{content:"Choisissez votre profil pour voir un parcours.";color:var(--ink-soft);display:block;padding:.8rem 0;border-top:1px solid var(--line)}

/* schémas en HTML (lisibles sur mobile) */
.flow-title{font-family:var(--display);font-weight:700;margin:.8rem 0 .25rem}
.flow{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .45rem;margin:.2rem 0 .6rem}
.flow .s{border:2px solid var(--ink);background:var(--white);padding:.25rem .6rem;font-family:var(--display);font-weight:650;font-size:1rem}
.flow .a{color:var(--ink-soft);font-size:1.15rem;line-height:1}
.flow .end{font-family:var(--display);font-weight:800;padding:.3rem .65rem;color:var(--white)}
.flow .end.back{background:var(--green)} .flow .end.no{background:var(--red)}
.quatre{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem 1.4rem;margin:.6rem 0 1rem}
.quatre>div{border-top:3px solid var(--ink);padding-top:.6rem}
.quatre svg{width:52px;height:52px;display:block;margin-bottom:.3rem}
.quatre .qq{font-family:var(--display);font-weight:750;font-size:1.15rem;margin:0}
.quatre .ex{color:var(--ink-soft);font-size:1rem;margin:.2rem 0 0}
.bars{margin:.6rem 0 .4rem}
.bars .row{display:grid;grid-template-columns:minmax(9rem,14rem) 1fr;gap:.3rem .8rem;align-items:center;margin:.55rem 0}
.bars .lab{font-weight:700}
.bars .track{display:flex;align-items:center;gap:.5rem}
.bars .bar{height:1.5rem;display:block}
.bars .bar.g{background:var(--green)} .bars .bar.r{background:var(--red)}
.bars .val{font-family:var(--display);font-weight:800;white-space:nowrap}
@media (max-width:640px){.bars .row{grid-template-columns:1fr}}
.steps3{list-style:none;margin:.6rem 0;padding:0;counter-reset:q}
.steps3 li{counter-increment:q;display:grid;grid-template-columns:2.2rem 1fr;gap:.1rem .7rem;padding:.6rem 0;border-top:1px solid var(--line);margin:0}
.steps3 li::before{content:counter(q);font-family:var(--display);font-weight:800;font-size:1.5rem;line-height:1.1}
.steps3 strong{font-family:var(--display);font-size:1.12rem}
.steps3 .d{grid-column:2;color:var(--ink-soft)}
.calc{background:var(--white);border:2px solid var(--ink);padding:1rem 1.1rem;margin:1rem 0}
.calc .fields{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;align-items:flex-end}
.calc label{display:flex;flex-direction:column;gap:.25rem;font-weight:700}
.calc label.inline{flex-direction:row;align-items:center;gap:.45rem}
.calc input[type=number]{font:inherit;width:9rem;padding:.4rem .5rem;border:2px solid var(--ink);background:var(--white);color:var(--ink)}
.calc input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--ink)}
.calc .out{font-family:var(--display);font-weight:800;font-size:1.3rem;margin:.9rem 0 .3rem}
.calc .presets{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}
.claims{list-style:none;padding:0;margin:.6rem 0}
.claims li{padding:.6rem 0;border-top:1px solid var(--line);margin:0}
.claims strong{font-family:var(--display)}

/* le film à l'envers */
.film{margin:1rem 0 1.4rem;border-top:2px solid var(--ink)}
.film .row{padding:.7rem 0;border-bottom:1px solid var(--line)}
.film .head{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap}
.film .name{font-family:var(--display);font-weight:750;font-size:1.1rem;margin:0}
.film .flow{margin:.4rem 0 0}
.film .verdict-line{margin:.35rem 0 0;font-size:1rem}
.moteurs{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.8rem 1.2rem;margin:.8rem 0}
.moteurs>div{border-top:3px solid var(--ink);padding-top:.5rem}
.moteurs .m{font-family:var(--display);font-weight:750;margin:0}
.moteurs .d{color:var(--ink-soft);font-size:1rem;margin:.15rem 0 0}
.levels{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.4rem 0 .6rem}
.levels .lab{font-weight:700;margin-right:.3rem}