/* Skills gratuites du Lab, à la charte AI x Leaders : mêmes jetons que tokens-aix.jsx
   et que Motion Prompts (fond off-white, encre jet black, Inter Tight en titre,
   JetBrains Mono en étiquette, angles droits, point carré coloré en signature). */
:root{color-scheme:light;--paper:#FAF7F2;--white:#FFFFFF;--ink:#0A0A0A;--dim:#6B6B6B;--line:#E5E2DD;--electric:#2F6BFF;--pink:#FF4FD8;--orange:#FF6A00;--yellow:#F4C542;--violet:#7B61FF;--title:'Inter Tight','Inter',system-ui,sans-serif;--body:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body)}
::selection{background:var(--pink);color:var(--ink)}
button,input{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--electric);outline-offset:3px}
[hidden]{display:none!important}

header{position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:1px solid var(--ink);padding:16px 28px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--title);font-weight:700;font-size:16px;letter-spacing:-.01em}
.brand img{width:32px;height:32px;display:block}
.brand span{font-family:var(--title);font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1;padding:7px 12px 8px;border:2px solid var(--ink);background:var(--white);white-space:nowrap}
.brand span:after{content:'';display:inline-block;width:.24em;height:.24em;margin-left:.08em;background:var(--pink)}
.brand b{font-weight:700}
.header-actions{display:flex;gap:8px}
.header-actions a{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:8px 14px;border:1px solid var(--ink);transition:background .2s,color .2s}
.header-actions a:hover,.header-actions .cta{background:var(--ink);color:var(--paper)}

main{max-width:1200px;margin:auto;padding:0 28px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.eyebrow:before{content:'';width:8px;height:8px;background:var(--pink);flex:none}
h1{font-family:var(--title);font-weight:800;font-size:clamp(34px,4.4vw,56px);line-height:1.02;letter-spacing:-.04em;margin:14px 0 0}
h1 em{font-style:normal;color:var(--electric)}
h2{font-family:var(--title);font-weight:800;font-size:clamp(24px,2.6vw,32px);line-height:1.1;letter-spacing:-.03em;margin:10px 0 14px}
h3{font-family:var(--title);font-weight:700;font-size:18px;line-height:1.2;letter-spacing:-.02em;margin:0 0 8px}
.dot{display:inline-block;width:.16em;height:.16em;background:var(--pink);margin-left:.06em;vertical-align:baseline}
.lead{margin:16px 0 0;font-size:17px;line-height:1.55;color:var(--dim);max-width:640px}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}
.hero-primary,.hero-secondary,.bouton{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;font-family:var(--title);font-weight:600;font-size:14px;border:1px solid var(--ink);background:transparent;color:var(--ink);transition:transform .15s,background .2s,color .2s}
.hero-primary{background:var(--ink);color:var(--paper)}
.hero-primary:after{content:'';width:8px;height:8px;background:var(--pink)}
.hero-primary:hover,.hero-secondary:hover,.bouton:hover{transform:translateY(-2px)}
.hero-secondary:hover,.bouton:hover{background:var(--ink);color:var(--paper)}
.lien{text-decoration:underline;text-underline-offset:3px}
.tags{display:flex;flex-wrap:wrap;gap:8px 16px;margin:18px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.tags span{display:inline-flex;align-items:center;gap:8px}
.tags span:before{content:'';width:6px;height:6px;background:var(--electric)}
.tags span:nth-child(2):before{background:var(--pink)}
.tags span:nth-child(3):before{background:var(--orange)}
.tags span:nth-child(4):before{background:var(--violet)}

.intro{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:32px;align-items:center;margin:0 -28px;padding:40px 28px 44px;border-bottom:1px solid var(--ink)}
aside{background:var(--white);border:1px solid var(--ink);padding:20px}
aside p{margin:0;font-size:14px;line-height:1.5;color:var(--dim)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid var(--line)}
.stats b{display:block;font-family:var(--title);font-weight:800;font-size:36px;letter-spacing:-.04em;line-height:1}
.stats div:nth-child(1) b{color:var(--pink)}
.stats div:nth-child(2) b{color:var(--electric)}
.stats div:nth-child(3) b{color:var(--orange)}
.stats span{display:block;margin-top:6px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}

.pourquoi ul{list-style:none;margin:0 -28px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--ink)}
.pourquoi li{padding:24px 28px;border-right:1px solid var(--line)}
.pourquoi li:last-child{border-right:0}
.pourquoi li:before{content:'';display:block;width:10px;height:10px;margin-bottom:14px;background:var(--electric)}
.pourquoi li:nth-child(2):before{background:var(--pink)}
.pourquoi li:nth-child(3):before{background:var(--orange)}
.pourquoi li:nth-child(4):before{background:var(--violet)}
.pourquoi p{margin:0;font-size:14px;line-height:1.55;color:var(--dim)}

.mur,.acces,.installer,.offre,.test,.seance,.voisines,.trois{padding:48px 0;border-bottom:1px solid var(--line)}
.filtres{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 24px}
.filtre{padding:8px 12px;border:1px solid var(--ink);background:var(--white);font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.filtre.actif,.filtre:hover{background:var(--ink);color:var(--paper)}
.seules{display:inline-flex;align-items:center;gap:8px;margin-left:8px;font-size:13px;color:var(--dim)}
.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.carte{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--ink);padding:20px}
.carte>p{margin:0 0 10px;font-size:14px;line-height:1.5;color:var(--dim)}
.carte h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.carte .carte-fam{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.carte .carte-seance{font-size:12px;color:var(--electric)}
.carte .carte-bas{display:flex;flex-wrap:wrap;gap:8px;margin:auto 0 0;padding-top:8px}
.carte .bouton{padding:8px 12px;font-size:13px}
.carte .bouton.dl{background:var(--ink);color:var(--paper)}
.carte.bientot{background:transparent;border-style:dashed}
.carte.bientot h3,.carte.bientot>p{opacity:.75}
.badge{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:5px 8px;border:1px solid var(--dim);color:var(--dim)}

.acces{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.acces p{font-size:15px;line-height:1.6;color:var(--dim);margin:0 0 12px}
.acces .membres{padding:12px 14px;border-left:3px solid var(--electric);background:var(--white)}
.acces-form,.demande-form,.retour-form{display:grid;gap:14px;background:var(--white);border:1px solid var(--ink);padding:24px}
.acces-form label,.demande-form label,.retour-form label{display:grid;gap:6px;font-family:var(--title);font-weight:600;font-size:14px}
.acces-form label small,.demande-form label small,.retour-form label small{font-weight:400;color:var(--dim)}
.acces-form input:not([type=checkbox]),.demande-form input:not([type=checkbox]),.retour-form input:not([type=checkbox]),.demande-form textarea,.retour-form textarea{padding:11px 12px;border:1px solid var(--ink);background:var(--paper);font-size:15px}
.acces-form .case,.demande-form .case,.retour-form .case{display:flex;gap:10px;align-items:flex-start;font-family:var(--body);font-weight:400;font-size:13px;line-height:1.5;color:var(--dim)}
.acces-form .case input,.demande-form .case input,.retour-form .case input{width:18px;height:18px;margin-top:1px;accent-color:var(--pink);flex:none}
.acces-form .piege,.demande-form .piege,.retour-form .piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.acces-form button,.demande-form button,.retour-form button{justify-content:center;border:1px solid var(--ink)}
.acces-form .mention,.demande-form .mention,.retour-form .mention{font-size:12px;line-height:1.5;margin:0}
.acces-form .mention a,.demande-form .mention a,.retour-form .mention a{text-decoration:underline}
.form-msg{margin:0;font-size:14px;font-weight:600;color:var(--ink)}
.form-msg.erreur{color:#C0262D}

.outils{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.outils li{border:1px solid var(--ink);background:var(--white);padding:18px}
.outils p,.installer .note{margin:0;font-size:14px;line-height:1.55;color:var(--dim)}
.installer .note{margin-top:14px;font-size:12px}

.offre p{max-width:720px;font-size:15px;line-height:1.6;color:var(--dim)}
footer{padding:32px 0 56px;font-size:12px;line-height:1.6;color:var(--dim)}
footer p{margin:0 0 6px;max-width:820px}
footer a{text-decoration:underline}

/* Fiche */
.fil{padding:16px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.fil a{text-decoration:underline}
.fiche-intro{padding-top:20px}
.promesse{margin:12px 0 0;font-family:var(--title);font-weight:600;font-size:17px;line-height:1.45;max-width:640px}
.declencheur blockquote{margin:12px 0 14px;padding:14px;background:var(--paper);border-left:3px solid var(--pink);font-family:var(--title);font-weight:600;font-size:16px;line-height:1.45;color:var(--ink)}
.copier{padding:8px 12px;border:1px solid var(--ink);background:var(--white);font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.copier:hover{background:var(--ink);color:var(--paper)}
.trois{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.trois>div{border:1px solid var(--ink);background:var(--white);padding:20px}
.trois h2{font-size:18px;margin:0 0 10px}
.trois ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.trois li{display:flex;gap:10px;font-size:14px;line-height:1.5}
.trois li:before{content:'';flex:none;width:7px;height:7px;margin-top:7px;background:var(--electric)}
.trois .jamais li:before{background:var(--orange)}
.test p{max-width:760px;font-size:15px;line-height:1.6;color:var(--dim)}
.test .situation{font-size:17px;color:var(--ink);font-weight:500}
.test h3{margin:22px 0 10px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.test .reperes{margin:0;padding:0;list-style:none;display:grid;gap:10px;max-width:760px}
.test .reperes li{padding:12px 14px;border-left:3px solid var(--pink);background:var(--white);font-size:15px;line-height:1.55}
.test .resultat{margin-top:16px;font-size:15px;color:var(--ink);font-weight:600}
.test pre{margin:12px 0 0;padding:18px;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.seance .uc{margin:0 0 10px;font-family:var(--title);font-weight:600;font-size:17px;line-height:1.4;max-width:760px}
.seance p{font-size:15px;line-height:1.6;color:var(--dim)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border:1px solid var(--ink);color:var(--ink)}

/* Pages simples (lien du mail) */
.simple-main{max-width:620px;padding:56px 24px}
.simple-main .brand{margin-bottom:40px}
.simple-main form{margin-top:24px}

#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:min(92vw,520px);padding:12px 16px;background:var(--ink);color:var(--paper);font-size:14px;line-height:1.4;opacity:0;pointer-events:none;transition:opacity .25s;z-index:20}
#toast.vu{opacity:1}

@media (max-width:900px){
  .intro,.acces{grid-template-columns:1fr}
  .pourquoi ul{grid-template-columns:1fr 1fr}
  .pourquoi li:nth-child(2){border-right:0}
  .outils,.trois{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  header{padding:12px 16px}
  .brand{white-space:nowrap;gap:8px}
  .brand b{display:none}
  .brand span{font-size:18px;padding:6px 10px 7px}
  .header-actions .cta{padding:8px 10px;letter-spacing:.08em}
  .header-actions a:not(.cta){display:none}
  main{padding:0 16px}
  .intro,.pourquoi ul{margin:0 -16px;padding-left:16px;padding-right:16px}
  .pourquoi ul{grid-template-columns:1fr;padding:0}
  .pourquoi li{border-right:0;border-bottom:1px solid var(--line);padding:20px 16px}
  .outils,.trois{grid-template-columns:1fr}
  .seules{margin-left:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.declencheur .aide{margin:-6px 0 12px;font-size:12px;color:var(--dim)}

/* ── Mise en page éditoriale (26/10/2026, retour d'Elodie « c'est moche ») :
   une section par famille avec son visuel, des lignes au lieu de boîtes,
   un seul lien par skill, les « bientôt » sur une ligne. ── */
.une{padding:56px 0 40px;border-bottom:1px solid var(--ink)}
.une h1{font-size:clamp(40px,6vw,84px)}
.une .lead{font-size:clamp(17px,1.5vw,20px);max-width:760px}
.une .pourquoi{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border:0}
.une .pourquoi li{padding:0;border:0;font-size:14px;line-height:1.5;color:var(--dim)}
.une .pourquoi li:before{display:none}
.une .pourquoi b{display:block;font-family:var(--title);font-size:16px;color:var(--ink);margin-bottom:4px}
.sommaire{position:sticky;top:65px;z-index:5;display:flex;gap:6px;overflow-x:auto;margin:0 -28px;padding:12px 28px;background:var(--paper);border-bottom:1px solid var(--line);scrollbar-width:none}
.sommaire::-webkit-scrollbar{display:none}
.sommaire a{flex:none;padding:7px 12px;border:1px solid var(--ink);font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.sommaire a:hover{background:var(--ink);color:var(--paper)}
.famille{padding:64px 0 24px;scroll-margin-top:120px}
.famille-tete{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:28px}
.famille-tete img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--ink)}
.famille-num{margin:0;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--pink)}
.famille h2{font-size:clamp(34px,4.2vw,56px);line-height:1;margin:8px 0 14px}
.famille-intro{margin:0;font-size:18px;line-height:1.5;color:var(--dim);max-width:520px}
.famille:nth-of-type(even) .famille-tete{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.famille:nth-of-type(even) .famille-tete img{order:2}
.lignes{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.ligne{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;border-bottom:1px solid var(--line)}
.ligne-lien{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.6fr);gap:4px 28px;padding:20px 0;align-items:baseline}
.ligne-titre{font-family:var(--title);font-weight:800;font-size:clamp(20px,2vw,26px);letter-spacing:-.02em;line-height:1.15}
.ligne-pb{font-size:16px;line-height:1.5;color:var(--ink)}
.ligne-seance{grid-column:2;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--electric)}
.ligne-lien:hover .ligne-titre{color:var(--electric)}
.ligne-dl{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:9px 12px;border:1px solid var(--ink);white-space:nowrap}
.ligne-dl:hover{background:var(--ink);color:var(--paper)}
.bientot{margin:16px 0 0;font-size:14px;line-height:1.6;color:var(--dim)}
.bientot span{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:4px 7px;margin-right:8px;border:1px dashed var(--dim)}
.acces{margin:48px -28px 0;padding:64px 28px;background:var(--ink);color:var(--paper);border:0}
.acces .eyebrow,.acces h2{color:var(--paper)}
.acces p{color:#C9C6C0}
.acces .membres{background:transparent;border-left-color:var(--pink);color:#C9C6C0}
.acces .membres a{color:var(--paper)}
.acces-form{color:var(--ink)}
.acces-ok p{color:#C9C6C0}
.fiche-visuel{margin:0 -28px;border-bottom:1px solid var(--ink)}
.fiche-visuel img{display:block;width:100%;height:clamp(180px,32vw,420px);object-fit:cover;object-position:center 22%}
.fiche-intro .eyebrow a:hover{text-decoration:underline}
.tuto-cover{display:block;width:auto;max-width:100%;max-height:260px;margin-top:14px;border:1px solid var(--ink)}
@media (max-width:900px){
  .famille-tete,.famille:nth-of-type(even) .famille-tete{grid-template-columns:1fr;gap:20px}
  .famille:nth-of-type(even) .famille-tete img{order:0}
  .une .pourquoi{grid-template-columns:1fr 1fr}
  .ligne-lien{grid-template-columns:1fr}
  .ligne-seance{grid-column:1}
}
@media (max-width:600px){
  .sommaire{margin:0 -16px;padding:10px 16px;top:57px}
  .acces{margin:32px -16px 0;padding:44px 16px}
  .fiche-visuel{margin:0 -16px}
  .ligne{grid-template-columns:1fr;gap:0;padding-bottom:14px}
  .ligne-lien{padding-bottom:8px}
  .ligne-dl{justify-self:start}
  .une .pourquoi{grid-template-columns:1fr}
}

/* Bandeau « Ce que chaque skill fait déjà pour toi » (26/10/2026) : la méthode
   des anciennes skills Questions d'abord, Note sur 20 et Une erreur, une règle
   est intégrée à chaque skill. */
.reflexes{margin:0 -28px;padding:40px 28px;background:var(--white);border-bottom:1px solid var(--ink)}
.reflexes h2{margin-bottom:20px}
.reflexes ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.reflexes li{position:relative;padding-top:16px;font-family:var(--title);font-weight:600;font-size:16px;line-height:1.4}
.reflexes li:before{content:'';position:absolute;top:0;left:0;width:28px;height:4px;background:var(--pink)}
.reflexes li:nth-child(2):before{background:var(--electric)}
.reflexes li:nth-child(3):before{background:var(--orange)}
.reflexes li:nth-child(4):before{background:#48F59A}
.reflexes .note{margin:20px 0 0;font-size:13px;color:var(--dim)}
.reflexes.court{margin:0;border:1px solid var(--ink);padding:28px}
@media (max-width:900px){.reflexes ul{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.reflexes{margin:0 -16px;padding:32px 16px}.reflexes.court{margin:0}.reflexes ul{grid-template-columns:1fr}}
.raccourci{margin:18px 0 0;padding:12px 16px;display:inline-block;border:1px solid var(--ink);background:var(--white);font-family:var(--title);font-weight:600;font-size:15px}
.raccourci a{color:var(--electric);text-decoration:underline;text-underline-offset:3px;margin-left:6px}

/* Demande de skill, compteurs et likes (26/10/2026) */
.demande-form textarea,.retour-form textarea{resize:vertical;min-height:96px;font-family:var(--body);line-height:1.5}
.demande-resultat{border-top:1px solid var(--line);padding-top:14px}
.demande-resultat p{margin:0 0 10px;font-size:15px;line-height:1.55;color:var(--ink)}
.demande-resultat ul{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:10px}
.demande-resultat li{padding:10px 12px;border-left:3px solid var(--pink);background:var(--paper);font-size:14px;line-height:1.5}
.demande-resultat a{font-weight:700;text-decoration:underline}
.ligne-stats,.fiche-stats{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.ligne-stats:empty,.fiche-stats:empty{display:none}
.fiche-stats{margin:14px 0 0}
.like{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid var(--ink);background:var(--white);font-family:var(--title);font-weight:700;font-size:14px;cursor:pointer}
.like[aria-pressed=true]{background:var(--pink);border-color:var(--pink)}
.like:disabled{cursor:default}
.acces.demande{margin-top:0;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}
.acces.demande .eyebrow,.acces.demande h2{color:var(--ink)}
.acces.demande p{color:var(--dim)}
.acces.demande .demande-resultat p,.acces.demande .form-msg{color:var(--ink)}
.acces.demande .form-msg.erreur{color:#C0262D}

/* Partage, version, texte lisible, avis, mises à jour (29/10/2026) */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.partage{position:relative;margin:14px 0 0;display:inline-block}
.partage summary{list-style:none;cursor:pointer;display:inline-flex}
.partage summary::-webkit-details-marker{display:none}
.partage[open] summary{background:var(--ink);color:var(--paper)}
.partage-liste{position:absolute;z-index:5;left:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:var(--white);border:1px solid var(--ink);min-width:260px;display:grid;gap:2px;box-shadow:6px 6px 0 var(--ink)}
.partage-liste a,.partage-liste button{display:block;width:100%;text-align:left;padding:10px 12px;border:0;background:transparent;font:600 14px/1.3 var(--title);color:var(--ink);cursor:pointer}
.partage-liste a:hover,.partage-liste button:hover{background:var(--paper);text-decoration:underline}
.version{margin:14px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.version a{text-decoration:underline}
.texte-skill .skill-texte{margin:14px 0 0;padding:18px;max-height:520px;overflow:auto;background:var(--white);border:1px solid var(--ink);font-family:var(--mono);font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}
.retour{padding:48px 0;border-bottom:1px solid var(--line)}
.retour-form{max-width:640px}
.retour-form fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.retour-form .choix{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--ink);background:var(--paper);font-family:var(--title);font-weight:600;font-size:14px;cursor:pointer}
.retour-form .choix:has(input:checked){background:var(--ink);color:var(--paper)}
.retour-form .choix input{accent-color:var(--pink)}
.changelog{padding:32px 0;display:grid;gap:20px}
.maj{padding:20px 22px;border:1px solid var(--ink);background:var(--white);max-width:760px}
.maj h2{margin:6px 0 8px;font-family:var(--title);font-weight:800;font-size:22px;letter-spacing:-.02em}
.maj p{margin:0 0 8px;font-size:15px;line-height:1.55;color:var(--dim)}
.maj-skills a{color:var(--ink);text-decoration:underline;font-weight:600}
.versions-liste{padding:32px 0 48px}
.versions-liste table{width:100%;border-collapse:collapse;font-size:14px}
.versions-liste th,.versions-liste td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left}
.versions-liste th{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.versions-liste a{text-decoration:underline}
@media(max-width:700px){.partage-liste{min-width:min(260px,86vw)}}