/* [29/09] Page publique /changelog, modèle V-tools (demande user). Affichée DANS l'accueil (même barre, police, langues).
   Chargé 2 fois : dans la page (règles de vue, variables sur l'élément) et dans l'ombre du composant (classes .vclp-*).
   L'accueil est zoomé à 0,9 sur ordinateur (html{zoom}) : les tailles sont écrites en px « à l'écran » et divisées par --z. */
vinteo-changelog-public{display:none}
html[data-vue="changelog"] vinteo-changelog-public{display:block;min-height:100vh}
/* Vue Changelog : seules la barre, cette page et le pied de page de l'accueil restent affichés. */
html[data-vue="changelog"] .v-landing>:not(.v-landing-nav):not(footer):not(vinteo-changelog-public):not([data-progress-track]){display:none!important}
/* Lien « Changelog » de la barre : page en cours (blanc), comme V-tools. */
html[data-vue="changelog"] body .v-landing-nav .v-nav-links>[data-nav-link="changelog"][href]{color:#F5FAF8!important;font-weight:500!important}
html[data-vue="changelog"] body[data-theme="light"] .v-landing-nav .v-nav-links>[data-nav-link="changelog"][href]{color:#0C1512!important}
vinteo-changelog-public{
  --z:var(--v-landing-zoom,1);
  --cl-ink:#F5FAF8;--cl-muted:#989C9E;--cl-dim:#6A6E70;
  --cl-card:rgba(245,250,248,.016);--cl-line:rgba(245,250,248,.08);--cl-chip:rgba(245,250,248,.05);--cl-ring:rgba(245,250,248,.14);
  --cl-accent:#06BE52;--cl-accent-2:#3FE07F;--cl-grad:linear-gradient(90deg,#06BE52,#3FE07F);
  --cl-page:#000;--cl-hover-bd:rgba(245,250,248,.16);--cl-hover-bg:rgba(245,250,248,.028);
  position:relative;z-index:1;color:var(--cl-ink);
  font-family:'Clash Grotesk','Satoshi',system-ui,-apple-system,'Segoe UI',sans-serif;
}
body[data-theme="light"] vinteo-changelog-public{
  --cl-ink:#0C1512;--cl-muted:#5c6b63;--cl-dim:#7e8f86;
  --cl-card:#fff;--cl-line:rgba(12,21,18,.1);--cl-chip:rgba(12,21,18,.05);--cl-ring:rgba(12,21,18,.16);
  --cl-grad:linear-gradient(90deg,#05A646,#06BE52);
  --cl-page:#F1F5F1;--cl-hover-bd:rgba(12,21,18,.2);--cl-hover-bg:#fff;
}
.vclp{max-width:calc(1132px / var(--z));margin:0 auto;padding:calc(110px / var(--z)) calc(24px / var(--z)) calc(120px / var(--z));box-sizing:border-box}
.vclp a{color:inherit;text-decoration:none}
.vclp a:focus-visible{outline:2px solid var(--cl-accent);outline-offset:4px;border-radius:8px}
.vclp-grad{background-image:var(--cl-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* En-tête */
.vclp-eyebrow{display:flex;align-items:center;gap:calc(12px / var(--z));margin:0;font-size:calc(13px / var(--z));font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1.6;color:var(--cl-muted)}
.vclp-eyebrow::before{content:"";width:calc(18px / var(--z));height:1px;background:var(--cl-accent)}
.vclp-h1{margin:calc(18px / var(--z)) 0 0;font-size:calc(64px / var(--z));font-weight:600;letter-spacing:-.03em;line-height:1.04;text-wrap:balance}
.vclp-h1 .vclp-grad{padding-bottom:.06em}
.vclp-sous{margin:calc(17px / var(--z)) 0 0;max-width:calc(720px / var(--z));font-size:calc(18.5px / var(--z));font-weight:400;line-height:1.6;color:var(--cl-muted)}

/* Frise */
.vclp-frise{position:relative;margin-top:calc(64px / var(--z));display:flex;flex-direction:column;gap:calc(64px / var(--z))}
.vclp-frise::before{content:"";position:absolute;top:calc(24px / var(--z));bottom:0;left:calc(223.5px / var(--z));width:1px;background:var(--cl-line)}
.vclp-entree{display:grid;grid-template-columns:calc(180px / var(--z)) calc(88px / var(--z)) minmax(0,calc(732px / var(--z)));align-items:start}
.vclp-quand{padding-top:calc(23px / var(--z));text-align:right}
.vclp-date{display:block;font-size:calc(14px / var(--z));line-height:1.4;color:var(--cl-muted)}
.vclp-ilya{display:block;margin-top:calc(4px / var(--z));font-size:calc(12.5px / var(--z));line-height:1.4;color:var(--cl-dim)}
.vclp-point{position:relative;justify-self:center;margin-top:calc(24px / var(--z));width:calc(13px / var(--z));height:calc(13px / var(--z));box-sizing:border-box;border-radius:50%;border:1px solid var(--cl-dim);background:var(--cl-page);z-index:1}
.vclp-entree[data-kind="major"] .vclp-point{width:calc(15px / var(--z));height:calc(15px / var(--z));border:0;background:var(--cl-grad);box-shadow:0 0 0 calc(5px / var(--z)) rgba(6,190,82,.12),0 0 calc(22px / var(--z)) rgba(63,224,127,.45)}
.vclp-carte{display:block;padding:calc(22px / var(--z)) calc(26px / var(--z)) calc(24px / var(--z));border:1px solid var(--cl-line);border-radius:calc(22px / var(--z));background:var(--cl-card);transition:border-color .2s,background-color .2s,transform .2s}
@media(hover:hover){.vclp-carte:hover{border-color:var(--cl-hover-bd);background:var(--cl-hover-bg)}}
.vclp-haut{display:flex;align-items:center;flex-wrap:wrap;gap:calc(13px / var(--z))}
.vclp-version{font-size:calc(58px / var(--z));font-weight:600;letter-spacing:-.035em;line-height:1}
.vclp-badge{display:inline-flex;align-items:center;gap:calc(7px / var(--z));height:calc(26px / var(--z));padding:0 calc(11px / var(--z));box-sizing:border-box;border:1px solid var(--cl-ring);border-radius:999px;font-size:calc(12.5px / var(--z));font-weight:500;line-height:1;color:var(--cl-muted);white-space:nowrap}
.vclp-badge::before{content:"";width:calc(5px / var(--z));height:calc(5px / var(--z));border-radius:50%;background:var(--cl-dim)}
.vclp-badge[data-kind="major"]{border-color:rgba(6,190,82,.35);background:rgba(6,190,82,.06);color:var(--cl-ink)}
.vclp-badge[data-kind="major"]::before{background:var(--cl-accent-2)}
.vclp-titre{margin:calc(16px / var(--z)) 0 0;font-size:calc(24px / var(--z));font-weight:600;letter-spacing:-.015em;line-height:1.25;text-wrap:balance}
.vclp-texte{margin:calc(8px / var(--z)) 0 0;max-width:calc(640px / var(--z));font-size:calc(16px / var(--z));line-height:1.65;color:var(--cl-muted)}
.vclp-tags{display:flex;flex-wrap:wrap;gap:calc(6px / var(--z));margin:calc(16px / var(--z)) 0 0;padding:0;list-style:none}
.vclp-tag{display:inline-flex;align-items:center;gap:calc(6px / var(--z));height:calc(26px / var(--z));padding:0 calc(11px / var(--z));border-radius:999px;background:var(--cl-chip);font-size:calc(12.5px / var(--z));line-height:1;color:var(--cl-muted);white-space:nowrap}
.vclp-lire{display:inline-block;margin-top:calc(18px / var(--z));font-size:calc(14.5px / var(--z));font-weight:500;line-height:1.6}

/* Note de version */
.vclp-retour{display:inline-flex;align-items:center;gap:calc(8px / var(--z));font-size:calc(13px / var(--z));color:var(--cl-muted);transition:color .2s}
.vclp-retour:hover{color:var(--cl-ink)}
.vclp-note-meta{display:flex;align-items:center;flex-wrap:wrap;gap:calc(12px / var(--z));margin-top:calc(34px / var(--z));font-size:calc(13px / var(--z));color:var(--cl-muted)}
.vclp-note-version{margin:calc(18px / var(--z)) 0 0;font-size:calc(104px / var(--z));font-weight:600;letter-spacing:-.04em;line-height:1}
.vclp-note-titre{margin:calc(18px / var(--z)) 0 0;font-size:calc(36px / var(--z));font-weight:600;letter-spacing:-.02em;line-height:1.15;text-wrap:balance}
.vclp-note-compte{display:flex;flex-wrap:wrap;gap:calc(18px / var(--z));margin-top:calc(16px / var(--z));font-size:calc(13px / var(--z));color:var(--cl-dim)}
.vclp-note-compte span{display:inline-flex;align-items:center;gap:calc(7px / var(--z))}
.vclp-note-compte span::before{content:"";width:calc(5px / var(--z));height:calc(5px / var(--z));border-radius:50%;background:var(--cl-accent)}
.vclp-note-corps{display:grid;grid-template-columns:calc(250px / var(--z)) minmax(0,1fr);gap:calc(56px / var(--z));margin-top:calc(56px / var(--z));align-items:start}
.vclp-resume{margin:0;max-width:calc(700px / var(--z));font-size:calc(17px / var(--z));line-height:1.7;color:var(--cl-muted)}
.vclp-rubrique{margin-top:calc(56px / var(--z));scroll-margin-top:calc(100px / var(--z))}
.vclp-rubrique-tete{position:relative;isolation:isolate;display:flex;align-items:center;flex-wrap:wrap;gap:calc(12px / var(--z));margin:0 0 calc(18px / var(--z))}
/* [29/09] Sommaire (« tu peux faire mieux ») : curseur lumineux qui glisse jusqu'à la rubrique en cours, rubrique active sur
   verre vert, autres plus discrètes, nombre de changements à droite, barre de progression de la lecture. */
.vclp-sommaire{position:sticky;top:calc(100px / var(--z))}
.vclp-sommaire h2{margin:0;font-size:calc(13px / var(--z));font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--cl-dim)}
.vclp-som-barre{position:relative;display:block;height:2px;margin:calc(14px / var(--z)) 0 calc(16px / var(--z));border-radius:2px;background:var(--cl-line);overflow:hidden}
.vclp-som-barre i{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#06BE52,#9CFFC4);box-shadow:0 0 8px rgba(63,224,127,.8);transition:transform .25s ease-out}
.vclp-som-piste{position:relative;padding-left:calc(10px / var(--z))}
.vclp-som-piste::before{content:"";position:absolute;left:0;top:calc(4px / var(--z));bottom:calc(4px / var(--z));width:1px;background:linear-gradient(180deg,rgba(245,250,248,0),var(--cl-line) 8%,var(--cl-line) 92%,rgba(245,250,248,0))}
.vclp-som-curseur{position:absolute;left:-0.5px;top:0;width:2px;height:0;border-radius:2px;opacity:0;pointer-events:none;background:linear-gradient(180deg,#CFFFE0,#3FE07F 45%,#06BE52);box-shadow:0 0 8px rgba(63,224,127,.95),0 0 20px rgba(6,190,82,.6);transition:transform .45s cubic-bezier(.2,.8,.2,1),height .45s cubic-bezier(.2,.8,.2,1),opacity .3s}
.vclp-sommaire ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:calc(3px / var(--z))}
.vclp-sommaire a{position:relative;display:flex;align-items:center;gap:calc(12px / var(--z));padding:calc(10px / var(--z)) calc(11px / var(--z)) calc(10px / var(--z)) calc(13px / var(--z));border:1px solid transparent;border-radius:calc(12px / var(--z));font-size:calc(15.5px / var(--z));line-height:1.3;color:var(--cl-muted);transition:color .25s,background-color .25s,border-color .25s}
.vclp-sommaire a svg{flex:none;width:calc(18px / var(--z));height:calc(18px / var(--z));color:var(--cl-accent);opacity:.62;transition:opacity .25s,color .25s,filter .25s}
.vclp-som-nom{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vclp-som-nb{flex:none;min-width:calc(28px / var(--z));padding:0 calc(8px / var(--z));border-radius:999px;font-size:calc(12.5px / var(--z));line-height:1.7;text-align:center;font-variant-numeric:tabular-nums;color:var(--cl-dim);background:rgba(245,250,248,.04);transition:color .25s,background-color .25s}
.vclp-sommaire a:hover{color:var(--cl-ink);background:rgba(245,250,248,.035)}
.vclp-sommaire a:hover svg{opacity:1}
.vclp-sommaire a[aria-current="true"]{color:var(--cl-ink);border-color:rgba(63,224,127,.22);background:radial-gradient(120% 140% at 0% 50%,rgba(63,224,127,.2),rgba(6,190,82,.06) 55%,rgba(6,190,82,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 calc(8px / var(--z)) calc(22px / var(--z)) calc(-12px / var(--z)) rgba(6,190,82,.55)}
.vclp-sommaire a[aria-current="true"] svg{opacity:1;color:#CFFFE0;filter:drop-shadow(0 0 calc(3px / var(--z)) rgba(170,255,205,.9)) drop-shadow(0 0 calc(8px / var(--z)) rgba(63,224,127,.8))}
.vclp-sommaire a[aria-current="true"] .vclp-som-nb{color:#0C1512;background:linear-gradient(180deg,#9CFFC4,#3FE07F);box-shadow:0 0 10px rgba(63,224,127,.55)}
@media(prefers-reduced-motion:reduce){.vclp-som-curseur,.vclp-som-barre i,.vclp-sommaire a,.vclp-sommaire a svg{transition:none}}
/* [29/09] Icône de rubrique lumineuse (« effet lumineux », « tu peux faire mieux », « fais encore mieux ») :
   halo qui respire derrière, contour en dégradé parcouru par une lumière qui tourne, verre sombre éclairé de l'intérieur,
   icône en dégradé blanc → vert avec sa lueur. Mouvement coupé si l'appareil demande moins d'animations. */
.vclp-rubrique-tete .vclp-rubrique-icone{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:calc(46px / var(--z));height:calc(46px / var(--z));border-radius:calc(15px / var(--z));color:#CFFFE0}
.vclp-ri-halo{position:absolute;inset:calc(-22px / var(--z));z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(63,224,127,.62),rgba(6,190,82,.22) 50%,rgba(6,190,82,0) 100%);filter:blur(calc(10px / var(--z)));animation:vclp-respire 3.6s ease-in-out infinite alternate}
.vclp-ri-bord{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:linear-gradient(160deg,rgba(150,255,190,.7),rgba(63,224,127,.28) 40%,rgba(6,190,82,.1) 70%,rgba(6,190,82,.34));box-shadow:0 calc(10px / var(--z)) calc(24px / var(--z)) calc(-10px / var(--z)) rgba(6,190,82,.85),0 0 0 1px rgba(63,224,127,.08)}
.vclp-ri-bord::before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg,rgba(63,224,127,0) 0deg,rgba(63,224,127,0) 250deg,rgba(120,255,175,.55) 300deg,rgba(235,255,242,1) 336deg,rgba(63,224,127,0) 360deg);animation:vclp-tour 4.8s linear infinite}
.vclp-ri-bord::after{content:"";position:absolute;inset:calc(1.5px / var(--z));border-radius:calc(13.5px / var(--z));background:radial-gradient(85% 70% at 50% 34%,rgba(63,224,127,.34),rgba(63,224,127,0) 72%),linear-gradient(180deg,#123021,#07130c 70%,#050d08);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 calc(-10px / var(--z)) calc(16px / var(--z)) rgba(0,0,0,.5)}
.vclp-rubrique-tete .vclp-rubrique-icone svg{position:relative;z-index:1;width:calc(22px / var(--z));height:calc(22px / var(--z));stroke:url(#vclp-menthe) #CFFFE0;filter:drop-shadow(0 0 calc(2.5px / var(--z)) rgba(190,255,215,.95)) drop-shadow(0 0 calc(9px / var(--z)) rgba(63,224,127,.85)) drop-shadow(0 0 calc(18px / var(--z)) rgba(6,190,82,.45))}
.vclp-rubrique:hover .vclp-ri-halo{animation-duration:1.8s}
@keyframes vclp-respire{from{opacity:.55;transform:scale(.9)}to{opacity:1;transform:scale(1.08)}}
@keyframes vclp-tour{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.vclp-ri-halo,.vclp-ri-bord::before{animation:none}.vclp-ri-halo{opacity:.85}}
.vclp-tag svg{flex:none;width:calc(13px / var(--z));height:calc(13px / var(--z));color:var(--cl-accent-2)}
.vclp-rubrique-tete h2{margin:0;font-size:calc(28px / var(--z));font-weight:600;letter-spacing:-.02em;line-height:1.2}
.vclp-rubrique-tete>span:not(.vclp-rubrique-icone){font-size:calc(13px / var(--z));color:var(--cl-dim)}
.vclp-groupe{padding:calc(20px / var(--z)) calc(22px / var(--z));border:1px solid var(--cl-line);border-radius:calc(18px / var(--z));background:var(--cl-card)}
.vclp-groupe+.vclp-groupe{margin-top:calc(12px / var(--z))}
.vclp-groupe h3{margin:0;font-size:calc(17px / var(--z));font-weight:600;letter-spacing:-.01em;line-height:1.35}
.vclp-groupe h3 small{margin-left:calc(8px / var(--z));font-size:calc(12.5px / var(--z));font-weight:400;color:var(--cl-dim)}
.vclp-groupe-note{margin:calc(6px / var(--z)) 0 0;font-size:calc(13px / var(--z));color:var(--cl-dim)}
.vclp-liste{margin:calc(12px / var(--z)) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:calc(10px / var(--z))}
.vclp-liste li{position:relative;padding-left:calc(18px / var(--z));font-size:calc(15.5px / var(--z));line-height:1.65;color:var(--cl-muted)}
.vclp-liste li::before{content:"";position:absolute;left:0;top:.72em;width:calc(6px / var(--z));height:1px;background:var(--cl-dim)}
.vclp-liste strong{font-weight:500;color:var(--cl-ink)}
.vclp-etat{margin:calc(40px / var(--z)) 0 0;font-size:calc(15px / var(--z));color:var(--cl-muted)}

/* Écrans moyens et téléphone */
@media(max-width:1100px){
  .vclp-entree{grid-template-columns:calc(150px / var(--z)) calc(64px / var(--z)) minmax(0,1fr)}
  .vclp-frise::before{left:calc(181.5px / var(--z))}
  .vclp-note-corps{grid-template-columns:minmax(0,1fr)}
  .vclp-sommaire{display:none}
}
@media(max-width:720px){
  .vclp{padding:40px 16px 88px}
  .vclp-h1{font-size:44px}
  .vclp-sous{font-size:16.5px}
  .vclp-frise{margin-top:40px;gap:40px}
  .vclp-frise::before{display:none}
  .vclp-entree{grid-template-columns:minmax(0,1fr)}
  .vclp-quand{display:flex;align-items:baseline;gap:10px;padding:0 0 10px;text-align:left}
  .vclp-ilya{margin:0}
  .vclp-point{display:none}
  .vclp-carte{padding:18px 18px 20px;border-radius:18px}
  .vclp-version{font-size:44px}
  .vclp-titre{font-size:21px}
  .vclp-texte{font-size:15.5px}
  .vclp-note-version{font-size:64px}
  .vclp-note-titre{font-size:28px}
  .vclp-groupe{padding:16px}
}
@media(prefers-reduced-motion:reduce){.vclp-carte,.vclp-retour,.vclp-sommaire a{transition:none}}