/* La France expliquée — maquette. La charte de La Criée (papier, nuit, rouge, Bodoni et Spectral), un seul thème clair
   comme le site. Mise en page : A = la page d'une commune (une, « Aujourd'hui », fenêtres) ; B = un parcours en étapes. */
:root{
  color-scheme:light;
  --papier:#f7f2e8; --carte:#fffcf6; --creme:#efe7d8;
  --nuit:#0d2241; --bleu:#1c3372; --encre:#1b2f45; --texte:#3a4650; --doux:#5b6a77; --pale:#8a96a1;
  --rouge:#d8343a; --rouge-sombre:#a62a2f; --sauge:#7f9f88; --sauge-pale:#dfe8df; --or:#c99a3b;
  --filet:rgba(13,34,65,.14); --filet-fort:rgba(13,34,65,.26);
  --f-titre:"Bodoni Moda","Bodoni 72",Didot,"Times New Roman",serif;
  --f-texte:Spectral,Georgia,"Times New Roman",serif;
  --marge:clamp(16px,5vw,72px); --sortie:cubic-bezier(.16,.84,.3,1);
  --large:min(1240px,calc(100vw - 2 * var(--marge)));
  --lecture:44rem;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--papier);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papier);color:var(--encre);font:400 19px/1.62 var(--f-texte);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--rouge);outline-offset:3px}
h1,h2,h3{text-wrap:balance}
p{margin:0}
[hidden]{display:none!important}
.sr{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.chiffre{font-variant-numeric:tabular-nums;white-space:nowrap}
.rouge{color:var(--rouge)}

/* ── La barre du haut ───────────────────────────────────────────── */
.barre{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(247,242,232,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--filet)}
.barre-in{width:var(--large);margin:0 auto;height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.barre-logo img{height:34px;width:auto}
.barre-nav{display:flex;align-items:center;gap:6px}
.barre-nav a{padding:8px 12px;border-radius:999px;font:600 15px/1 var(--f-texte);color:var(--nuit);text-decoration:none;white-space:nowrap}
.barre-nav a[aria-current]{background:var(--nuit);color:var(--carte)}
.barre-jour{font:italic 400 15.5px/1 var(--f-texte);color:var(--nuit);white-space:nowrap}
@media (max-width:820px){.barre-jour{display:none}}
@media (max-width:420px){.barre-logo img{height:28px}.barre-nav a{padding:7px 10px;font-size:14px}}

/* ── Le chiffre qui bouge, toujours dans une phrase ─────────────── */
.vivant{font-variant-numeric:tabular-nums;font-weight:600;color:var(--nuit);white-space:nowrap}
.vivant.emprunt{color:var(--rouge)}

/* ── Les mots compliqués : on touche, la définition s'ouvre ───────── */
.mot{display:inline;padding:0;border:0;background:none;cursor:help;color:inherit;font:inherit;text-decoration:underline dotted var(--rouge) 1.5px;text-underline-offset:4px}
.bulle{position:fixed;z-index:80;max-width:min(320px,calc(100vw - 32px));padding:14px 16px;border-radius:14px;background:var(--nuit);color:var(--carte);font:400 16px/1.45 var(--f-texte);box-shadow:0 20px 40px -18px rgba(13,34,65,.6)}
.bulle b{display:block;margin-bottom:2px;font:700 15px/1.3 var(--f-titre);letter-spacing:.01em;color:#fff}

/* ── Les sources, en minuscules, une fois ───────────────────────── */
.sources{margin-top:18px;font:400 14px/1.5 var(--f-texte);color:var(--pale)}
.sources a{color:var(--pale);text-decoration:underline;text-underline-offset:3px}
.sources a+a::before{content:" · ";display:inline-block;margin:0 4px;text-decoration:none;color:var(--pale)}

/* ── Un chapitre ────────────────────────────────────────────────── */
.ch{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;min-width:0}
.ch-titre{margin:0;font:700 clamp(30px,3.6vw,46px)/1.08 var(--f-titre);color:var(--nuit);letter-spacing:-.01em}
.ch-titre em{font-style:italic;color:var(--rouge)}
.ch-intro{max-width:var(--lecture);font-size:clamp(19px,1.5vw,21px);color:var(--encre)}
.ch-intro p+p{margin-top:12px}
.ch-texte{max-width:var(--lecture)}
.ch-texte p+p{margin-top:12px}
.ch h3{margin:10px 0 0;font:700 22px/1.25 var(--f-titre);color:var(--nuit)}
.note{font-size:16px;color:var(--doux);max-width:var(--lecture)}

/* Barres simples : le nom à gauche, le montant à droite, la barre dessous */
.barres{display:grid;gap:14px;max-width:46rem;margin:0;padding:0;list-style:none}
.barres li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:16px;row-gap:6px}
.barres .nom{font-size:17.5px;color:var(--encre);min-width:0}
.barres .nom small{display:block;font-size:14.5px;color:var(--doux)}
.barres .val{font:600 17.5px/1 var(--f-texte);font-variant-numeric:tabular-nums;color:var(--nuit);white-space:nowrap}
.barres .piste{display:block;grid-column:1/-1;height:10px;border-radius:6px;background:rgba(13,34,65,.07);overflow:hidden}
.barres .plein{display:block;height:100%;border-radius:6px;background:var(--nuit)}
.barres li.fort .plein{background:var(--rouge)}
.barres li.fort .val{color:var(--rouge)}

/* Courbe */
.courbe{max-width:52rem;overflow-x:auto}
.courbe svg{display:block;width:100%;min-width:520px;height:auto;font:400 13px var(--f-texte)}
.courbe .grille{stroke:var(--filet);stroke-width:1}
.courbe .axe text{fill:var(--doux)}
.courbe .ligne{fill:none;stroke:var(--rouge);stroke-width:3;stroke-linejoin:round}
.courbe .aire{fill:rgba(216,52,58,.08)}
.courbe .lbl{fill:var(--nuit);font-weight:600}
.courbe .point{fill:var(--rouge)}
.courbe .neg{fill:var(--rouge)}
.courbe .pos{fill:var(--sauge)}
.courbe .zero{stroke:var(--filet-fort);stroke-width:1.2}

/* Qui décide : un schéma qu'on touche */
.pouvoirs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:62rem}
.pouvoir{display:grid;gap:4px;padding:16px 18px;border:0;border-radius:16px;background:var(--carte);box-shadow:inset 0 0 0 1px var(--filet);text-align:left;cursor:pointer;transition:box-shadow .2s,transform .2s}
.pouvoir:hover{box-shadow:inset 0 0 0 1.5px var(--nuit)}
.pouvoir[aria-pressed="true"]{background:var(--nuit);color:var(--carte);box-shadow:none}
.pouvoir b{font:700 19px/1.2 var(--f-titre)}
.pouvoir span{font-size:15.5px;line-height:1.4;color:var(--doux)}
.pouvoir[aria-pressed="true"] span{color:rgba(255,252,246,.78)}
.pouvoir.peuple{grid-column:1/-1;background:var(--sauge-pale);box-shadow:none}
.pouvoir.peuple[aria-pressed="true"]{background:var(--nuit)}
.pouvoir-dit{max-width:62rem;padding:18px 22px;border-radius:16px;background:var(--carte);box-shadow:inset 0 0 0 1px var(--filet);font-size:18.5px}
.pouvoir-dit b{color:var(--nuit)}
@media (max-width:720px){.pouvoirs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* Les étapes d'une loi : une vraie suite, donc numérotée */
.etapes{counter-reset:e;display:grid;gap:0;max-width:var(--lecture);margin:0;padding:0;list-style:none}
.etapes li{counter-increment:e;position:relative;padding:0 0 18px 52px}
.etapes li::before{content:counter(e);position:absolute;left:0;top:0;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--nuit);color:var(--carte);font:700 16px/1 var(--f-titre)}
.etapes li::after{content:"";position:absolute;left:16.5px;top:38px;bottom:4px;width:1.5px;background:var(--filet-fort)}
.etapes li:last-child::after{display:none}
.etapes li b{color:var(--nuit)}

/* Hémicycle */
.hemi{max-width:46rem}
.hemi svg{display:block;width:100%;height:auto}
.hemi-legende{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0 0;padding:0;list-style:none;font-size:15px;color:var(--texte)}
.hemi-legende li{display:flex;align-items:center;gap:7px}
.hemi-legende i{width:12px;height:12px;border-radius:50%;flex:none}

/* Les petits bonshommes des retraites */
.gens{display:grid;gap:14px;max-width:46rem}
.gens-ligne{display:grid;grid-template-columns:4.5rem minmax(0,1fr);align-items:center;gap:14px}
.gens-ligne .an{font:700 20px/1 var(--f-titre);color:var(--nuit)}
.gens-ligne .qui{display:flex;flex-wrap:wrap;align-items:flex-end;gap:3px;min-width:0}
.gens-ligne .qui svg{width:22px;height:40px;flex:none}
.gens-ligne .qui .moitie{width:11px;overflow:hidden}
.gens-ligne .qui .sep{width:1.5px;height:34px;margin:0 8px;background:var(--filet-fort)}
.gens-ligne p{grid-column:2;font-size:16px;color:var(--doux)}
.actif{fill:var(--nuit)} .retraite{fill:var(--or)}

/* Vrai ou faux */
.vf{display:grid;gap:12px;max-width:var(--lecture);padding:18px 20px;border-radius:16px;background:var(--creme)}
.vf-q{font:700 19px/1.35 var(--f-titre);color:var(--nuit)}
.vf-boutons{display:flex;gap:10px}
.vf-boutons button{min-width:96px;padding:10px 18px;border:0;border-radius:999px;background:var(--carte);box-shadow:inset 0 0 0 1.5px var(--nuit);font:600 16px/1 var(--f-texte);color:var(--nuit);cursor:pointer}
.vf-boutons button:hover{background:var(--nuit);color:var(--carte)}
.vf-boutons button[disabled]{cursor:default;opacity:.45}
.vf-boutons button.choisi{opacity:1;background:var(--nuit);color:var(--carte)}
.vf-r{font-size:17px}
.vf-r b{color:var(--rouge)}
.vf-r b.juste{color:var(--sauge)}

/* Manettes */
.manettes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:62rem}
.manettes h3{margin:0 0 6px}
.manette{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;align-items:start;padding:12px 0;border-top:1px solid var(--filet);cursor:pointer}
.manette input{margin:4px 0 0;width:20px;height:20px;accent-color:var(--nuit)}
.manette .t{font-size:17px;color:var(--encre)}
.manette .m{font:600 16px/1.3 var(--f-texte);font-variant-numeric:tabular-nums;color:var(--nuit);white-space:nowrap}
.manette .w{grid-column:2/-1;font-size:14.5px;color:var(--doux)}
.trou{display:grid;gap:10px;max-width:62rem;padding:20px 22px;border-radius:18px;background:var(--carte);box-shadow:inset 0 0 0 1px var(--filet)}
.trou-phrase{font-size:19px}
.trou-jauge{height:16px;border-radius:9px;background:rgba(216,52,58,.14);overflow:hidden}
.trou-jauge i{display:block;height:100%;width:0;border-radius:9px;background:var(--sauge);transition:width .5s var(--ease)}
@media (max-width:720px){.manettes{grid-template-columns:minmax(0,1fr)}}

/* Comparaisons et petites phrases */
.phrase-forte{max-width:var(--lecture);font:600 clamp(22px,2.2vw,28px)/1.3 var(--f-titre);color:var(--nuit)}
.phrase-forte em{font-style:italic;color:var(--rouge)}
.deux{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.deux>*{min-width:0}
@media (max-width:860px){.deux{grid-template-columns:minmax(0,1fr)}}

/* Personnes (gouvernement) */
.visages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.visage{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--carte);box-shadow:inset 0 0 0 1px var(--filet)}
.visage .rond{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--creme);font:700 17px/1 var(--f-titre);color:var(--nuit);overflow:hidden}
.visage .rond img{width:100%;height:100%;object-fit:cover}
.visage small{display:block;font:600 11.5px/1.3 var(--f-texte);letter-spacing:.1em;text-transform:uppercase;color:var(--rouge)}
.visage b{display:block;font:700 17px/1.25 var(--f-titre);color:var(--nuit)}
.visage span{display:block;font-size:14.5px;line-height:1.35;color:var(--doux)}
@media (max-width:900px){.visages{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.visages{grid-template-columns:minmax(0,1fr)}}

/* Pied */
.pied{width:var(--large);margin:64px auto 0;padding:28px 0 40px;border-top:1px solid var(--filet);display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:15px;color:var(--doux)}
.pied img{height:28px;width:auto}
.maquette-mention{width:var(--large);margin:0 auto;padding:10px 0;font-size:14px;color:var(--pale)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}
.leviers-r{display:flex;flex-wrap:wrap;gap:10px}
.leviers-r button{padding:11px 18px;border:0;border-radius:999px;background:var(--carte);box-shadow:inset 0 0 0 1.5px var(--nuit);font:600 16px/1 var(--f-texte);color:var(--nuit);cursor:pointer}
.leviers-r button[aria-pressed="true"],.leviers-r button:hover{background:var(--nuit);color:var(--carte)}
.leviers-dit{max-width:var(--lecture);min-height:3.2em;padding:14px 18px;border-radius:14px;background:var(--carte);box-shadow:inset 0 0 0 1px var(--filet);font-size:18px}
.leviers-dit b{color:var(--rouge)}
.gens-legende{display:flex;flex-wrap:wrap;gap:6px 18px;margin:4px 0 0;font-size:14.5px;color:var(--doux)}
.gens-legende span{display:inline-flex;align-items:center;gap:6px}
.gens-legende svg{width:11px;height:20px}
.caisses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:62rem}
.caisse{display:grid;gap:6px;align-content:start;padding:16px 18px;border-radius:16px;background:var(--carte);box-shadow:inset 0 0 0 1px var(--filet)}
.caisse b{font:700 19px/1.2 var(--f-titre);color:var(--nuit)}
.caisse p{font-size:16px}
.caisse .doux{color:var(--doux);font-size:15px}
@media (max-width:760px){.caisses{grid-template-columns:minmax(0,1fr)}}
.paie{display:grid;gap:8px;max-width:46rem;margin-top:8px}
.paie-titre{font:700 18px/1.3 var(--f-titre);color:var(--nuit)}
.paie-barre{display:flex;height:16px;border-radius:8px;overflow:hidden;gap:2px}
.p-net{background:var(--nuit)} .p-sal{background:var(--or)} .p-emp{background:var(--sauge)}
.liste-simple{display:grid;gap:10px;max-width:var(--lecture);margin:0;padding:0 0 0 20px}
.liste-simple li::marker{color:var(--rouge)}
.liste-simple b{color:var(--nuit)}
.etages{display:grid;gap:10px;max-width:46rem;margin:0;padding:0;list-style:none}
.etages li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:14px 18px;border-radius:14px;background:var(--carte);box-shadow:inset 0 0 0 1px var(--filet)}
.etages b{font:700 18px/1.3 var(--f-titre);color:var(--nuit)}
.etages .etages-n{font:600 17px/1.3 var(--f-texte);font-variant-numeric:tabular-nums;color:var(--nuit)}
.etages p{grid-column:1/-1;font-size:16px;color:var(--doux)}
.rates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:62rem;margin:0;padding:0;list-style:none}
.rates li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:16px 18px;border-radius:14px;background:var(--carte);box-shadow:inset 0 0 0 1px var(--filet)}
.rates b{font:700 18px/1.3 var(--f-titre);color:var(--nuit)}
.rates .rates-m{font:700 18px/1.3 var(--f-titre);color:var(--rouge);white-space:nowrap}
.rates p{grid-column:1/-1;font-size:16px}
.rates .rates-s{grid-column:1/-1;font-size:13.5px;color:var(--pale)}
@media (max-width:760px){.rates{grid-template-columns:minmax(0,1fr)}}
.hemi-total{font:700 34px var(--f-titre);fill:var(--nuit)}
.hemi-mot{font:400 15px var(--f-texte);fill:var(--doux)}
.hemi-legende b{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--nuit)}
.hemi-legende{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 22px}
.hemi-legende li{min-width:0}
@media (max-width:560px){.hemi-legende{grid-template-columns:minmax(0,1fr)}}
.bouton{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:999px;background:var(--rouge);color:#fff;font:600 16px/1 var(--f-texte);text-decoration:none}
.lexique{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr);gap:12px 24px;max-width:52rem;margin:0}
.lexique dt{font:700 18px/1.4 var(--f-titre);color:var(--nuit)}
.lexique dd{margin:0;color:var(--encre)}
@media (max-width:560px){.lexique{grid-template-columns:minmax(0,1fr)}.lexique dd{margin-bottom:8px}}
.credits{font-size:13px;color:var(--pale)}
.lien-rouge{font:600 16px/1.3 var(--f-texte);color:var(--rouge);text-underline-offset:4px}
.chef-txt p{font-size:17px}
.chef-txt .kick{margin-top:6px}

/* ── Le haut de page : la question de Simon, au-dessus du ciel de la peinture ── */
.tf{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(56px,8vw,104px) clamp(110px,12vw,150px)}
.tf-fond{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:72% 40%}
.tf::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(247,242,232,.82),rgba(247,242,232,.45) 52%,rgba(247,242,232,0) 75%),linear-gradient(180deg,rgba(247,242,232,0) 60%,rgba(247,242,232,.85))}
.tf-in{width:var(--large);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;justify-items:start}
.tf-in>*{max-width:40rem}
.tf-sur{display:flex;align-items:center;gap:12px;font:600 12.5px/1.3 var(--f-texte);letter-spacing:.14em;text-transform:uppercase;color:var(--rouge)}
.tf-sur::before{content:"";width:28px;height:1.5px;background:currentColor}
.tf-titre{margin:0;font:800 clamp(44px,6.4vw,92px)/.98 var(--f-titre);letter-spacing:-.01em;color:var(--nuit)}
.tf-titre em{font-style:italic;color:var(--rouge)}
.tf-sous{font-size:clamp(19px,1.7vw,23px);line-height:1.5;color:var(--encre)}
.tf .cherche{max-width:34rem;width:100%}
.tf .cherche-champ{height:56px}
@media (max-width:640px){.tf{padding-block:40px 120px}.tf-fond{object-position:62% 40%}.tf::after{background:linear-gradient(180deg,rgba(247,242,232,.82),rgba(247,242,232,.6) 60%,rgba(247,242,232,.9))}}

.accroche{position:relative;z-index:2;margin-top:-92px}

/* Votre salaire, où va-t-il ? */
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px 40px;padding:28px clamp(18px,3vw,36px);border-radius:22px;background:var(--carte);box-shadow:0 30px 60px -36px rgba(13,34,65,.45),inset 0 0 0 1px var(--filet)}
.calc>.calc-gauche,.calc>.calc-droite{display:grid;gap:14px;align-content:start;min-width:0}
.calc-titre{font:700 clamp(26px,2.6vw,34px)/1.1 var(--f-titre);color:var(--nuit)}
.calc-label{font-size:20px}
.calc-label b{font:700 1.15em var(--f-titre);color:var(--nuit);font-variant-numeric:tabular-nums}
.calc-curseur{width:100%;accent-color:var(--rouge);height:28px}
.calc-raccourcis{display:flex;flex-wrap:wrap;gap:8px}
.calc-raccourcis button{padding:8px 14px;border:0;border-radius:999px;background:var(--papier);box-shadow:inset 0 0 0 1px var(--filet);font:600 14.5px/1 var(--f-texte);color:var(--nuit);cursor:pointer}
.calc-raccourcis button[aria-pressed="true"]{background:var(--nuit);color:var(--carte)}
.calc-barre{display:flex;gap:3px;height:22px;border-radius:11px;overflow:hidden}
.calc-barre .c-net{background:var(--nuit)} .calc-barre .c-cot{background:var(--rouge)}
.calc-phrase{font-size:19px;line-height:1.55}
.calc-phrase b{color:var(--nuit);white-space:nowrap}
.calc-phrase b.rouge{color:var(--rouge)}
.barres-calc{max-width:none;gap:10px}
.barres-calc .nom{font-size:16.5px}
.barres-calc .nom small{font-size:14px}
.barres-calc .plein{background:var(--rouge)}
.calc-aide{font-size:16px;color:var(--doux)}
.calc-aide b{color:var(--nuit)}
@media (max-width:860px){.calc{grid-template-columns:minmax(0,1fr)}}

/* Les histoires en une minute */
.une-minute{padding:24px clamp(18px,3vw,32px) 26px;border-radius:22px;background:var(--carte);box-shadow:0 30px 60px -36px rgba(13,34,65,.45),inset 0 0 0 1px var(--filet);display:grid;gap:14px}
.une-minute h2{margin:0;font:700 clamp(24px,2.4vw,30px)/1.15 var(--f-titre);color:var(--nuit)}
.une-minute>p{color:var(--doux);font-size:16.5px}
.couvs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.couv{position:relative;display:grid;align-content:space-between;gap:10px;aspect-ratio:3/4;max-width:100%;padding:16px 14px;border:0;border-radius:18px;background:linear-gradient(160deg,#16305a,var(--nuit) 60%);color:var(--carte);text-align:left;cursor:pointer;overflow:hidden;box-shadow:0 16px 30px -20px rgba(13,34,65,.7);transition:transform .2s var(--ease)}
.couv::after{content:"";position:absolute;right:-28px;top:-28px;width:96px;height:96px;border-radius:50%;background:var(--rouge);opacity:.9}
.couv:hover{transform:translateY(-3px)}
.couv-duree{position:relative;z-index:1;font:600 11.5px/1 var(--f-texte);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,252,246,.8)}
.couv-grand{font:800 clamp(24px,2.2vw,32px)/1 var(--f-titre);color:#fff}
.couv-titre{font:600 17px/1.2 var(--f-texte);color:rgba(255,252,246,.9)}
@media (max-width:1000px){.couvs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(150px,42%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.couv{scroll-snap-align:start}}

/* Le lecteur d'histoires */
.lecteur-h{position:fixed;inset:0;z-index:90;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;background:rgba(9,22,44,.86);backdrop-filter:blur(4px)}
.lh-boite{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr);width:min(440px,100%);height:min(100%,780px);padding:14px 22px 26px;border-radius:24px;background:linear-gradient(170deg,#18346a,var(--nuit) 55%);color:var(--carte);overflow:hidden}
.lh-boite::after{content:"";position:absolute;right:-90px;bottom:-90px;width:260px;height:260px;border-radius:50%;background:var(--rouge);opacity:.85;pointer-events:none}
.lh-barres{display:flex;gap:5px}
.lh-barres i{flex:1;height:3px;border-radius:2px;background:rgba(255,252,246,.25);overflow:hidden}
.lh-barres i b{display:block;height:100%;width:0;background:#fff;transition:width .3s}
.lh-barres i.vu b{width:100%}
.lh-tete{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font:600 14px/1.3 var(--f-texte);color:rgba(255,252,246,.8)}
.lh-fermer{position:relative;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,252,246,.12);color:#fff;font:400 26px/1 var(--f-texte);cursor:pointer}
.lh-carte{position:relative;z-index:2;display:grid;align-content:center;gap:18px;pointer-events:none}
.lh-carte button,.lh-carte a{pointer-events:auto}
.lh-grand{font:800 clamp(42px,11vw,60px)/1 var(--f-titre);color:#fff;text-wrap:balance}
.lh-texte{font-size:21px;line-height:1.5;color:rgba(255,252,246,.92)}
.lh-q{font:700 28px/1.2 var(--f-titre);color:#fff}
.lh-choix{display:grid;gap:10px}
.lh-choix button{padding:14px 16px;border:0;border-radius:14px;background:rgba(255,252,246,.1);box-shadow:inset 0 0 0 1px rgba(255,252,246,.3);color:#fff;font:600 17px/1.3 var(--f-texte);text-align:left;cursor:pointer}
.lh-choix button.juste{background:var(--sauge);box-shadow:none}
.lh-choix button.faux{background:var(--rouge);box-shadow:none}
.lh-choix button[disabled]{cursor:default}
.lh-apres{font-size:19px;color:rgba(255,252,246,.92)}
.lh-fin{font:700 32px/1.15 var(--f-titre);color:#fff}
.lh-bouton{padding:15px 18px;border:0;border-radius:999px;background:#fff;color:var(--nuit);font:600 17px/1.2 var(--f-texte);cursor:pointer}
.lh-bouton.lh-second{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(255,252,246,.6);color:#fff}
.lh-carte .sources{color:rgba(255,252,246,.6)} .lh-carte .sources a{color:rgba(255,252,246,.75)}
.lh-zone{position:absolute;top:80px;bottom:0;z-index:1;width:50%;border:0;background:transparent;cursor:pointer}
.lh-avant{left:0;cursor:w-resize} .lh-apres{right:0;cursor:e-resize}
@media (max-width:480px){.lecteur-h{background:var(--nuit)}.lh-boite{height:100%;border-radius:0}}
.lh-aide{margin-top:18px;font-size:15px;color:rgba(255,252,246,.6)}
@media (max-width:400px){.tf-sur{letter-spacing:.08em;font-size:11.5px}}

/* La fiche de paie d'exemple : une feuille blanche, rangée comme un bulletin officiel, annotée au stylo rouge */
.calc{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"haut haut" "fiche droite"}
.calc-haut{grid-area:haut;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:46rem}
.calc-fiche{grid-area:fiche;min-width:0}
.calc-droite{grid-area:droite;display:grid;gap:12px;align-content:start;min-width:0}
.calc-sous{font:700 20px/1.3 var(--f-titre);color:var(--nuit)}
@media (max-width:860px){.calc{grid-template-columns:minmax(0,1fr);grid-template-areas:"haut" "fiche" "droite"}}
.fiche-paie{margin:0;padding:18px 18px 14px;background:#fff;border-radius:6px;box-shadow:0 1px 0 rgba(13,34,65,.06),0 22px 40px -24px rgba(13,34,65,.5);transform:rotate(-.6deg);font:400 13.5px/1.35 var(--f-texte);color:#26323d;overflow-x:auto}
.fp-tete{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding-bottom:10px;margin-bottom:6px;border-bottom:2px solid #26323d}
.fp-tete b{font:700 16px/1.2 var(--f-texte);letter-spacing:.08em;text-transform:uppercase}
.fp-tete span{font-size:12.5px;color:#6b7680}
.fiche-paie table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.fiche-paie th,.fiche-paie td{padding:4px 6px;text-align:right;vertical-align:top}
.fiche-paie th:first-child,.fiche-paie td:first-child{text-align:left}
.fiche-paie thead th{font:600 11px/1.2 var(--f-texte);letter-spacing:.04em;text-transform:uppercase;color:#6b7680;border-bottom:1px solid #d8dde2}
.fp-titre th{padding-top:9px;font:700 12px/1.3 var(--f-texte);letter-spacing:.08em;text-transform:uppercase;color:#26323d;text-align:left;background:#f3f5f7}
.fp-note{display:block;margin-top:1px;font:italic 400 14.5px/1.25 var(--f-texte);letter-spacing:0;text-transform:none;color:var(--rouge)}
.fp-note::before{content:"↳ ";font-style:normal}
.fp-bloc td{border-bottom:1px dotted #e1e5e9}
.fp-brut td{padding-top:8px;padding-bottom:8px;font-weight:700;font-size:14.5px}
.fp-moins td{color:var(--sauge)}
.fp-total td{padding-top:8px;font-weight:700;border-top:2px solid #26323d}
.fp-net td{padding-top:8px;font-weight:700;font-size:14.5px;color:var(--nuit)}
.fp-impot td{color:var(--rouge-sombre)}
.fp-paye td{font-weight:700;font-size:15.5px;background:#eef1ff;color:var(--nuit)}
.fp-cout td{font-weight:700;font-size:15px;color:var(--rouge);border-top:1px solid #d8dde2}
@media (prefers-reduced-motion:reduce){.fiche-paie{transform:none}}
@media (max-width:480px){.fiche-paie{padding:14px 10px 12px;font-size:13px}.fiche-paie th,.fiche-paie td{padding:4px 4px}.fp-note{font-size:13.5px}}

/* Les documents d'exemple : un ticket de caisse, un relevé de compte, posés à côté de leur explication */
.doc-duo{display:grid;grid-template-columns:minmax(0,24rem) minmax(0,1fr);gap:28px;align-items:start;max-width:62rem}
.doc-notes{display:grid;gap:12px;align-content:start;min-width:0}
.doc-note{font:italic 400 21px/1.35 var(--f-texte);color:var(--rouge)}
@media (max-width:760px){.doc-duo{grid-template-columns:minmax(0,1fr)}}
.ticket{margin:0;padding:20px 18px 16px;background:#fffefb;box-shadow:0 18px 34px -22px rgba(13,34,65,.55);transform:rotate(.8deg);font:400 14px/1.35 "Courier New",Courier,monospace;color:#2b2b2b;-webkit-mask:linear-gradient(#000,#000) top/100% calc(100% - 10px) no-repeat,radial-gradient(circle 6px at 8px 100%,transparent 6px,#000 6.5px) bottom/16px 10px repeat-x;mask:linear-gradient(#000,#000) top/100% calc(100% - 10px) no-repeat,radial-gradient(circle 6px at 8px 100%,transparent 6px,#000 6.5px) bottom/16px 10px repeat-x;padding-bottom:26px}
.tk-tete{margin:0 0 10px;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.tk-tete span{font-weight:400;text-transform:none;letter-spacing:0;color:#777}
.ticket table{width:100%;border-collapse:collapse}
.ticket td{padding:3px 0;vertical-align:top}
.ticket td+td{text-align:right;white-space:nowrap;padding-left:10px}
.ticket small{display:block;font-size:12px;color:var(--rouge)}
.tk-total td{padding-top:10px;border-top:1px dashed #999;font-weight:700;font-size:15px}
.tk-tva td{font-weight:700;color:var(--rouge)}
.tk-pied{margin:12px 0 0;text-align:center;color:#888;font-size:12.5px}
.releve{position:relative;margin:0;padding:18px 18px 16px;background:#fff;border-radius:6px;box-shadow:0 18px 34px -22px rgba(13,34,65,.55);transform:rotate(-.5deg);font:400 13.5px/1.35 var(--f-texte);color:#26323d;overflow:hidden}
.rl-tete{display:grid;gap:2px;padding-bottom:8px;margin-bottom:6px;border-bottom:2px solid var(--nuit)}
.rl-tete b{font:700 15px/1.2 var(--f-texte);letter-spacing:.08em;text-transform:uppercase;color:var(--nuit)}
.rl-tete span{font-size:12.5px;color:#6b7680}
.releve table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.releve th,.releve td{padding:3px 4px;text-align:right;vertical-align:top}
.releve th:first-child,.releve td:first-child{text-align:left}
.releve thead th{font:600 11px/1.2 var(--f-texte);letter-spacing:.04em;text-transform:uppercase;color:#6b7680;border-bottom:1px solid #d8dde2}
.releve tbody td{border-bottom:1px dotted #e1e5e9}
.releve tbody td:nth-child(2){color:var(--rouge)} .releve tbody td:nth-child(3){color:var(--sauge)}
.releve tr.rl-fort td{font-weight:700}
.releve tfoot td{padding-top:7px;font-weight:700;border-top:2px solid var(--nuit)}
.rl-solde td{font-size:16px;color:var(--rouge)}
.rl-tampon{position:absolute;right:12px;top:12px;margin:0;padding:6px 10px;border:2.5px solid var(--rouge);border-radius:6px;transform:rotate(-12deg);font:800 14px/1.1 var(--f-texte);letter-spacing:.06em;text-transform:uppercase;text-align:center;color:var(--rouge);opacity:.75}
@media (prefers-reduced-motion:reduce){.ticket,.releve{transform:none}}
@media (max-width:480px){.rl-tete{padding-right:118px}.rl-tampon{font-size:12px}}
.cent{display:grid;gap:10px;max-width:56rem}
.cent-ligne{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:4px 12px;align-items:center}
.cent-n{grid-row:span 2;font:800 28px/1 "Bodoni Titre","Bodoni Moda",serif;color:var(--rouge);text-align:right}
.cent-qui{display:flex;flex-wrap:wrap;gap:2px;min-width:0}
.cent-qui svg{width:9px;height:16px;flex:none}
.cent-ligne p{font-size:16.5px;color:var(--encre)}
.cent-ligne small{display:block;font-size:14px;color:var(--doux)}
.votes{display:grid;gap:14px;max-width:52rem;margin:0;padding:0;list-style:none}
.vt{display:grid;gap:8px;padding:16px 18px;border-radius:14px;background:var(--carte);box-shadow:inset 0 0 0 1px var(--filet)}
.vt-date{font:600 12px/1.3 var(--f-texte);letter-spacing:.1em;text-transform:uppercase;color:var(--rouge)}
.vt-objet{font:700 18px/1.35 var(--f-titre);color:var(--nuit)}
.vt-barre{display:flex;gap:2px;height:12px;border-radius:6px;overflow:hidden;background:rgba(13,34,65,.06)}
.vt-pour{background:var(--sauge)} .vt-contre{background:var(--rouge)} .vt-abst{background:#c9cdd2} .vt-vide{background:transparent}
.vt-res{font-size:15.5px;color:var(--doux)}
.vt-qui{display:grid;gap:4px;font-size:15.5px}
.vt-qui b{color:var(--nuit)}
.vt-lien{font-size:13.5px;color:var(--pale)}
.etiquettes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:62rem;margin:0;padding:0;list-style:none}
.etiquette{position:relative;display:grid;gap:3px;align-content:start;padding:16px 16px 14px 34px;border-radius:6px 16px 16px 6px;background:#fffdf5;box-shadow:inset 0 0 0 1.5px var(--or),0 10px 20px -16px rgba(13,34,65,.5);transform:rotate(-.8deg)}
.etiquette:nth-child(even){transform:rotate(.7deg)}
.etiquette::before{content:"";position:absolute;left:12px;top:18px;width:10px;height:10px;border-radius:50%;background:var(--papier);box-shadow:inset 0 0 0 1.5px var(--or)}
.etiquette b{font:800 26px/1 "Bodoni Titre","Bodoni Moda",serif;color:var(--rouge);font-variant-numeric:tabular-nums}
.etiquette span{font-size:16px;color:var(--nuit)}
.etiquette small{font-size:13.5px;color:var(--doux)}
@media (max-width:900px){.etiquettes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.etiquettes{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.etiquette{transform:none}}
@media (min-width:1001px){.couvs{grid-template-columns:repeat(4,minmax(0,1fr))}.couv{aspect-ratio:1}}

/* Les papiers d'exemple qui se lisent comme un courrier : l'avis d'impôt, la facture, la consultation */
.papier{position:relative;margin:0;padding:18px 18px 16px;background:#fff;border-radius:6px;box-shadow:0 18px 34px -22px rgba(13,34,65,.55);transform:rotate(-.4deg);font:400 13.5px/1.35 var(--f-texte);color:#26323d;overflow:hidden}
.pa-tete{display:grid;gap:2px;padding:0 92px 8px 0;margin-bottom:6px;border-bottom:2px solid var(--nuit)}
.pa-tete b{font:700 15px/1.2 var(--f-texte);letter-spacing:.08em;text-transform:uppercase;color:var(--nuit)}
.pa-tete span{font-size:12.5px;color:#6b7680}
.pa-tampon{position:absolute;right:12px;top:12px;margin:0;padding:5px 9px;border:2.5px solid var(--rouge);border-radius:6px;transform:rotate(-10deg);font:800 13px/1 var(--f-texte);letter-spacing:.08em;text-transform:uppercase;color:var(--rouge);opacity:.7}
.pa-conso{margin:8px 0 4px;font-size:14px}
.papier table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.papier td{padding:5px 4px;vertical-align:top;border-bottom:1px dotted #e1e5e9}
.papier td+td{padding-left:12px;text-align:right;white-space:nowrap}
.pa-moins td+td{color:var(--sauge)}
.pa-taxe td+td{color:var(--rouge)}
.pa-fort td{font-weight:700}
.pa-total td{padding-top:8px;font-weight:700;font-size:15.5px;border-top:2px solid var(--nuit);border-bottom:0}
.pa-solde td{font-weight:700;background:#eef1ff;color:var(--nuit);border-bottom:0}
@media (prefers-reduced-motion:reduce){.papier{transform:none}}
/* Les boutons qui changent le papier (le salaire et le foyer, l'essence ou le gazole) */
.doc-choix{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.doc-choix>span{margin-right:6px;font:600 12.5px/1.2 var(--f-texte);letter-spacing:.08em;text-transform:uppercase;color:var(--doux)}
.doc-choix button{padding:8px 14px;border:0;border-radius:999px;background:var(--papier);box-shadow:inset 0 0 0 1px var(--filet);font:600 14.5px/1 var(--f-texte);color:var(--nuit);cursor:pointer}
.doc-choix button[aria-pressed="true"]{background:var(--nuit);color:var(--carte)}
[data-avis] .doc-duo,[data-plein] .doc-duo{margin-top:18px}
/* L'escalier du barème */
.escalier svg{display:block;width:100%;max-width:30rem;height:auto}
.esc-marche{fill:var(--creme)} .esc-paye{fill:var(--rouge);opacity:.85}
.esc-taux{font:700 15px var(--f-texte);fill:var(--nuit)}
.esc-limite{font:400 12.5px var(--f-texte);fill:var(--doux)}
.esc-sol{stroke:var(--filet-fort);stroke-width:1}
.esc-vous{stroke:var(--nuit);stroke-width:2;stroke-dasharray:4 3}
.esc-vous-txt{font:700 14px var(--f-texte);fill:var(--nuit)}
/* Une barre partagée en trois (ce qui reste, la taxe, la TVA) et sa légende */
.part-barre{display:flex;gap:3px;height:22px;border-radius:11px;overflow:hidden}
.pb-reste{background:var(--nuit)} .pb-taxe{background:var(--rouge)} .pb-tva{background:var(--or)}
.part-legende{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.part-legende li{display:flex;gap:10px;align-items:baseline}
.part-legende i{flex:none;width:12px;height:12px;border-radius:3px;translate:0 1px}
.part-legende b{color:var(--nuit)}
/* Le prix du litre, mois par mois */
.doc-sous{margin:6px 0 0;font:600 12.5px/1.2 var(--f-texte);letter-spacing:.08em;text-transform:uppercase;color:var(--doux)}
.mois-barres{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;align-items:end}
.mb{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:0}
.mb i{width:100%;max-width:30px;border-radius:4px 4px 0 0;background:var(--creme)}
.mb-haut i{background:var(--rouge)}
.mb b{font:600 11px/1 var(--f-texte);color:var(--nuit);font-variant-numeric:tabular-nums}
.mb small{font:400 11px/1 var(--f-texte);color:var(--doux)}
@media (max-width:480px){.mb b{font-size:9.5px}.mb small{font-size:10px}.pa-tete{padding-right:84px}}
/* Le budget 2027 : ce qui monte, ce qui baisse ; ce qui change pour vous, selon votre situation */
.duel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 36px;max-width:62rem}
.duel-titre{margin:0 0 8px;font:600 12.5px/1.2 var(--f-texte);letter-spacing:.08em;text-transform:uppercase;color:var(--doux)}
.duel ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.duel li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:baseline}
.duel-nom{color:var(--encre)} .duel-nom small{display:block;font-size:13.5px;color:var(--doux)}
.duel li b{font:700 17px/1 var(--f-texte);font-variant-numeric:tabular-nums}
.duel .piste{grid-column:1/-1;display:block;height:10px;border-radius:5px;background:var(--creme);overflow:hidden}
.duel .plein{display:block;height:100%;border-radius:5px}
.duel-monte b{color:var(--rouge)} .duel-monte .plein{background:var(--rouge)}
.duel-baisse b{color:var(--sauge)} .duel-baisse .plein{background:var(--sauge)}
@media (max-width:640px){.duel{grid-template-columns:minmax(0,1fr)}}
.onglets{max-width:var(--lecture)}
.onglet{display:grid;gap:10px;padding:16px 18px;border-radius:14px;background:var(--carte);box-shadow:inset 0 0 0 1px var(--filet)}
.onglet p{margin:0}

/* ── La France en bref : la carte d'identité et les chiffres à connaître ── */
.bref .titre-bloc{margin-top:40px}
.bref-duo{display:grid;grid-template-columns:minmax(0,27rem) minmax(0,1fr);gap:28px 44px;align-items:start}
@media (min-width:901px){.bref-duo>div:first-child{position:sticky;top:96px}}
@media (max-width:900px){.bref-duo{grid-template-columns:minmax(0,1fr)}}
.bref-sous{margin:0 0 10px;font:600 12.5px/1.2 var(--f-texte);letter-spacing:.1em;text-transform:uppercase;color:var(--rouge)}
.cni{margin:0;padding:16px 18px 14px;border-radius:16px;background:linear-gradient(135deg,#eef3fb,#f8f1ef 55%,#eef3f7);box-shadow:0 22px 40px -26px rgba(13,34,65,.55),inset 0 0 0 1px rgba(13,34,65,.1);transform:rotate(-.6deg);color:#26323d}
.cni-tete{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;margin-bottom:12px;border-bottom:1px solid rgba(13,34,65,.15)}
.cni-tete b{font:700 15px/1 var(--f-texte);letter-spacing:.1em;text-transform:uppercase;color:var(--nuit)}
.cni-tete span{font:italic 600 20px/1 var(--f-titre);color:var(--rouge)}
.cni-corps{display:grid;grid-template-columns:86px minmax(0,1fr);gap:16px;align-items:start}
.cni-drapeau{display:flex;height:58px;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px rgba(13,34,65,.12)}
.cni-drapeau i{flex:1}.cni-drapeau i:nth-child(1){background:#000091}.cni-drapeau i:nth-child(2){background:#fff}.cni-drapeau i:nth-child(3){background:#e1000f}
.cni dl{display:grid;gap:7px;margin:0}
.cni dl div{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:8px;align-items:baseline}
.cni dt{font:600 11px/1.2 var(--f-texte);letter-spacing:.08em;text-transform:uppercase;color:#6b7680}
.cni dd{margin:0;font:600 15.5px/1.3 var(--f-texte);color:var(--nuit)}
.cni .sources{margin-top:12px}
@media (max-width:480px){.cni-corps{grid-template-columns:minmax(0,1fr)}.cni-drapeau{width:84px;height:54px}.cni dl div{grid-template-columns:7rem minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.cni{transform:none}}
.connaitre{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:c}
.connaitre li{display:grid;grid-template-columns:2.2rem minmax(0,1fr) auto;gap:4px 12px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--filet);counter-increment:c}
.connaitre li::before{content:counter(c);grid-row:1/3;font:700 22px/1 var(--f-titre);color:var(--rouge)}
.connaitre p{margin:0;font-size:18px;line-height:1.45;color:var(--encre)}
.connaitre p b{color:var(--nuit)}
.connaitre a{font:600 14.5px/1.3 var(--f-texte);color:var(--rouge);text-decoration:none;white-space:nowrap}
.connaitre .sources{grid-column:2/-1;margin:0}
@media (max-width:560px){.connaitre li{grid-template-columns:1.8rem minmax(0,1fr)}.connaitre a{grid-column:2}}

/* ── Faites le calcul : trois outils, un seul ouvert ── */
.outils{margin-top:56px;padding:8px 0 56px;background:var(--nuit)}
.outils-in{width:var(--large);margin:0 auto}
.outils .titre-bloc{margin-top:40px;color:var(--carte)}
.outils-choix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.outils-choix button{display:grid;gap:4px;justify-items:start;padding:14px 18px;border:0;border-radius:16px;background:rgba(255,252,246,.08);box-shadow:inset 0 0 0 1px rgba(255,252,246,.18);color:var(--carte);text-align:left;cursor:pointer;transition:background .2s}
.outils-choix button:hover{background:rgba(255,252,246,.14)}
.outils-choix button b{font:700 20px/1.15 var(--f-titre)}
.outils-choix button span{font-size:14.5px;line-height:1.35;opacity:.8}
.outils-choix button[aria-selected="true"]{background:var(--carte);color:var(--nuit);box-shadow:inset 0 3px 0 var(--rouge)}
.outils-choix button[aria-selected="true"] span{opacity:1;color:var(--doux)}
@media (max-width:760px){.outils-choix{grid-template-columns:minmax(0,1fr)}.outils-choix button{padding:12px 16px}}
.outil-papier{display:grid;gap:16px;padding:26px clamp(18px,3vw,36px);border-radius:22px;background:var(--carte)}
.outils .calc{box-shadow:none}

/* Le simulateur d'impôt */
.simu{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.simu-champs{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.simu-l{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:18px;color:var(--encre)}
.simu-l[hidden]{display:none}
.simu input{width:8.5rem;height:46px;padding:0 14px;border:0;border-radius:12px;background:var(--papier);box-shadow:inset 0 0 0 1.5px var(--filet-fort);font:700 20px/1 var(--f-texte);color:var(--nuit);font-variant-numeric:tabular-nums}
.simu input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--rouge)}

/* Vérifier un chiffre */
.verif{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:46rem}
.verif label{font:600 15px/1.3 var(--f-texte);color:var(--doux)}
.verif-champ{display:flex;gap:8px}
.verif-champ input{flex:1;min-width:0;height:52px;padding:0 18px;border:0;border-radius:999px;background:var(--papier);box-shadow:inset 0 0 0 1.5px var(--filet-fort);font:400 17px/1 var(--f-texte);color:var(--nuit)}
.verif-champ input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--rouge)}
.verif-champ button{flex:none;height:52px;padding:0 22px;border:0;border-radius:999px;background:var(--rouge);color:#fff;font:600 16px/1 var(--f-texte);cursor:pointer}
.verif-exemples{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:14.5px;color:var(--doux)}
.verif-exemples button{padding:6px 12px;border:0;border-radius:999px;background:var(--papier);box-shadow:inset 0 0 0 1px var(--filet);font:400 14px/1.2 var(--f-texte);color:var(--nuit);cursor:pointer}
.verdict{display:grid;gap:6px;padding:14px 16px;border-radius:14px;background:var(--papier);box-shadow:inset 4px 0 0 var(--pale)}
.verdict b{font:700 18px/1.25 var(--f-titre)}
.verdict p{margin:0;color:var(--encre)}
.verdict a{font-weight:600;color:var(--rouge);text-decoration:none}
.verdict .sources{margin:0}
.verdict-vrai{box-shadow:inset 4px 0 0 var(--sauge)} .verdict-vrai b{color:#4d7559}
.verdict-nuance{box-shadow:inset 4px 0 0 var(--or)} .verdict-nuance b{color:#8a6a1f}
.verdict-faux{box-shadow:inset 4px 0 0 var(--rouge)} .verdict-faux b{color:var(--rouge)}
.res-verdict{padding:6px}
.res-verdict .verdict{background:var(--carte)}

/* ── La météo du jour ── */
.meteo{display:grid;grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:16px 32px;align-items:center;margin:20px 0 8px;padding:18px clamp(16px,2.6vw,28px);border-radius:20px;background:var(--carte);box-shadow:inset 0 0 0 1px var(--filet)}
.meteo-grand{grid-template-columns:minmax(0,1fr);max-width:44rem;background:none;box-shadow:none;padding:0}
@media (max-width:760px){.meteo{grid-template-columns:minmax(0,1fr)}}
.vg-carte{display:block;width:100%;height:auto;max-height:340px}
.vg-carte path{stroke:#fff;stroke-width:1.2;stroke-linejoin:round}
.vg-carte .vg-verte,.vg-legende .vg-verte{fill:#cfe0c9;background:#cfe0c9}
.vg-carte .vg-jaune,.vg-legende .vg-jaune{fill:#f3dc5c;background:#f3dc5c}
.vg-carte .vg-orange,.vg-legende .vg-orange{fill:#f0923a;background:#f0923a}
.vg-carte .vg-rouge,.vg-legende .vg-rouge{fill:#c8202a;background:#c8202a}
.meteo-texte{display:grid;gap:10px;align-content:start}
.meteo-texte p{margin:0}
.meteo-titre{font:700 22px/1.15 var(--f-titre);color:var(--nuit)}
b.vg-jaune{color:#8a7300} b.vg-orange{color:#b35d06} b.vg-rouge{color:#c8202a}
.vg-legende{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;font-size:14px;color:var(--doux)}
.vg-legende li{display:flex;align-items:center;gap:6px}
.vg-legende i{width:12px;height:12px;border-radius:3px}

/* ── Les assiettes (camemberts en anneau) ── */
.assiette{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:18px 32px;align-items:center;max-width:52rem}
.assiette svg{width:100%;height:auto}
.as-centre{font:700 30px var(--f-titre);fill:var(--nuit)} .as-sous{font:400 14px var(--f-texte);fill:var(--doux)}
.assiette-legende{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.assiette-legende li{display:flex;gap:10px;align-items:baseline}
.assiette-legende i{flex:none;width:12px;height:12px;border-radius:3px;translate:0 1px}
.assiette-legende b{color:var(--nuit);font-variant-numeric:tabular-nums}
.assiette-legende small{display:block;font-size:14px;color:var(--doux)}
@media (max-width:620px){.assiette{grid-template-columns:minmax(0,1fr)}.assiette svg{max-width:13rem;justify-self:center}}
.detail{max-width:52rem}
.detail summary{cursor:pointer;font:600 15.5px/1.3 var(--f-texte);color:var(--rouge);list-style-position:outside}
.detail[open] summary{margin-bottom:12px}

/* ── La France à côté de ses voisins ── */
.voisins{display:grid;gap:10px;margin:0;max-width:44rem}
.voisins figcaption{display:grid;gap:3px}
.voisins figcaption b{font:700 18px/1.25 var(--f-titre);color:var(--nuit)}
.voisins figcaption span{font-size:15px;color:var(--doux)}
.voisins ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}
.voisins li{display:grid;grid-template-columns:9.5rem minmax(0,1fr) 6.2rem;gap:10px;align-items:center;font-size:15.5px}
.v-pays{color:var(--encre)}
.v-piste{display:block;height:12px;border-radius:6px;background:var(--creme);overflow:hidden}
.v-plein{display:block;height:100%;border-radius:6px;background:var(--pale)}
.v-plein.v-pos{background:var(--sauge)}
.voisins li b{text-align:right;font-variant-numeric:tabular-nums;color:var(--encre);white-space:nowrap}
.voisins .v-fr .v-pays,.voisins .v-fr b{font-weight:700;color:var(--nuit)}
.voisins .v-fr .v-plein{background:var(--rouge)}
.voisins .v-ue .v-pays{font-style:italic}
.voisins .v-ue .v-plein{background:var(--nuit);opacity:.55}
.v-rang{margin:2px 0 0;font-size:16px;color:var(--encre)}
.voisins .sources{margin:0}
@media (max-width:520px){.voisins li{grid-template-columns:6.6rem minmax(0,1fr) 5.4rem;font-size:14.5px}}
.onglet-nu{padding:0;background:none;box-shadow:none}

/* Deux barres par sujet : les Français et la moyenne des Européens */
.paires{display:grid;gap:12px;max-width:44rem;margin:0;padding:0;list-style:none}
.paires li{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr) 6.5rem;gap:12px;align-items:center}
.pa-nom{color:var(--encre)}
.pa-barres{display:grid;gap:3px}
.pa-barres span{display:block;height:10px;border-radius:5px}
.pa-fr{background:var(--rouge)} .pa-ue{background:var(--pale)}
.paires b{text-align:right;color:var(--nuit);font-variant-numeric:tabular-nums}
.paires small{display:block;font-weight:400;font-size:13px;color:var(--doux)}
.paires-legende{display:flex;gap:18px;margin:8px 0 0;font-size:14px;color:var(--doux)}
.paires-legende span{display:flex;align-items:center;gap:6px}.paires-legende i{width:12px;height:12px;border-radius:3px}
@media (max-width:560px){.paires li{grid-template-columns:minmax(0,1fr) 5.6rem}.pa-barres{grid-column:1/-1;grid-row:2}}

/* Ils ont dit que… */
.dits{display:grid;gap:16px;max-width:52rem}
.dit{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:18px;border-radius:18px;background:var(--carte);box-shadow:inset 0 0 0 1px var(--filet)}
.dit-photo{width:96px;height:96px;border-radius:50%;object-fit:cover;background:var(--creme)}
.dit-corps{display:grid;gap:8px;min-width:0}
.dit-corps p{margin:0}
.dit-qui{font-size:15.5px;color:var(--doux)} .dit-qui b{color:var(--nuit)}
.dit blockquote{margin:0;font:italic 400 19px/1.45 var(--f-texte);color:var(--encre)}
.dit-ou{font-size:14px;color:var(--doux)} .dit-ou a{color:var(--rouge);font-weight:600}
.dit-boutons{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dit-boutons span{font:600 12.5px/1.2 var(--f-texte);letter-spacing:.08em;text-transform:uppercase;color:var(--doux)}
.dit-boutons button{padding:8px 14px;border:0;border-radius:999px;background:var(--papier);box-shadow:inset 0 0 0 1px var(--filet-fort);font:600 15px/1 var(--f-texte);color:var(--nuit);cursor:pointer}
.dit-boutons button.choisi{background:var(--nuit);color:var(--carte)}
.dit-boutons button:disabled{cursor:default}
.dit-reponse{display:grid;gap:6px;padding:12px 14px;border-radius:12px;background:var(--papier)}
.dit-reponse[hidden]{display:none}
.dit-tampon{justify-self:start;padding:4px 10px;border:2px solid currentColor;border-radius:6px;transform:rotate(-3deg);font:800 15px/1 var(--f-texte);letter-spacing:.08em;text-transform:uppercase}
.dit-vrai{color:#4d7559} .dit-nuance{color:#8a6a1f} .dit-faux{color:var(--rouge)}
[data-dit-juste]{font-weight:700;color:var(--nuit)}
.dit-credit{font-size:12px;color:var(--pale)}
@media (max-width:520px){.dit{grid-template-columns:minmax(0,1fr)}.dit-photo{width:72px;height:72px}}

/* ══ La page refaite pour « vous » (Alison, 07/10/2026) : une idée par bloc, de gros chiffres, une seule couleur
   d'accent ; le modèle est l'avis de comptes.lacriee.info. ══ */
.bloc-sous{max-width:44rem;margin:-6px 0 20px;font-size:18px;line-height:1.5;color:var(--doux)}
.bloc-lien{margin:16px 0 0}
.bloc-lien a{font:600 16px/1.3 var(--f-texte);color:var(--rouge);text-decoration:none}
.bloc-lien a:hover{text-decoration:underline;text-underline-offset:4px}

/* Et vous, combien vous payez ? */
.vous-choix{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.vous-choix button{padding:12px 20px;border:0;border-radius:999px;background:var(--carte);box-shadow:inset 0 0 0 1.5px var(--filet-fort);font:600 17px/1 var(--f-texte);color:var(--nuit);cursor:pointer}
.vous-choix button[aria-selected="true"]{background:var(--nuit);color:var(--carte);box-shadow:none}
.vous .outil{padding:28px clamp(18px,3vw,40px);border-radius:24px;background:var(--carte);box-shadow:inset 0 0 0 1px var(--filet)}
.vous .calc{display:block;padding:0;border-radius:0;background:none;box-shadow:none}
.calc2{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.calc2 .calc-label{font:400 22px/1.3 var(--f-texte);color:var(--encre)}
.calc2 .calc-label b{font:700 32px/1 var(--f-titre);color:var(--nuit)}
.calc2 .calc-curseur{max-width:34rem}
.calc2 .calc-phrase{margin:4px 0 0;font:400 21px/1.45 var(--f-texte);color:var(--encre)}
.calc2 .calc-phrase b,.calc-retenir b{font-weight:700;color:var(--nuit)}
.calc-retenir{margin:0;max-width:40rem;font:400 19px/1.5 var(--f-texte);color:var(--encre)}

/* La fiche de paie : du papier blanc, des traits fins, une note à côté de chaque ligne */
.fiche{position:relative;width:min(34rem,100%);margin:10px 0 6px;padding:18px 20px 14px;border-radius:6px;background:#fff;box-shadow:0 22px 40px -26px rgba(13,34,65,.5),0 0 0 1px rgba(13,34,65,.06);font:400 16px/1.3 var(--f-texte);color:#26323d}
.fiche-tete{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:10px;margin-bottom:4px;border-bottom:2px solid #26323d}
.fiche-tete b{font:700 15px/1 var(--f-texte);letter-spacing:.1em;text-transform:uppercase}
.fiche-tete span{font-size:13px;color:#7a858f}
.fl{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 5.2rem 6.2rem;gap:4px 10px;align-items:baseline;padding:7px 0;border-bottom:1px solid #eceff2;font-variant-numeric:tabular-nums}
.fl-v{text-align:right}
.fl-cols{padding:4px 0;font:600 11.5px/1.2 var(--f-texte);letter-spacing:.06em;text-transform:uppercase;color:#7a858f;border-bottom-color:#d8dde2}
.fl-cols span{text-align:right}
.fl-fort{font-weight:700}
.fl-trait{border-top:1.5px solid #26323d}
.fl-net{font-weight:700;font-size:17.5px;background:#eef1ff;color:var(--nuit)}
.fl-n{grid-column:1/-1;font:italic 400 14px/1.3 var(--f-texte);color:#5a6f9a}
@media (min-width:1080px){
  .fiche{margin-right:20rem}
  .fl-n{position:absolute;left:calc(100% + 46px);top:50%;width:18rem;transform:translateY(-50%);font-size:16px;color:#3d5687}
  .fl-n::before{content:"←";position:absolute;left:-30px;font-style:normal;color:#8ea0c4}
}

/* Votre impôt : le résultat en grand */
.simu-res{margin:6px 0 0;font:400 22px/1.4 var(--f-texte);color:var(--encre)}
.simu-res b{font:700 30px/1 var(--f-titre);color:var(--nuit)}
.simu-escalier{display:grid;gap:8px;max-width:32rem}
.detail-in{margin-top:8px;max-width:26rem}

/* Vos courses et votre plein : un papier, une phrase */
.doc-seul{display:grid;grid-template-columns:minmax(0,24rem) minmax(0,1fr);gap:20px 36px;align-items:center}
@media (max-width:760px){.doc-seul{grid-template-columns:minmax(0,1fr)}}
.doc-phrase{margin:0;font:400 22px/1.45 var(--f-texte);color:var(--encre)}
.doc-phrase b{color:var(--nuit)}

/* Qui décide pour vous */
.qui{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:66rem}
@media (max-width:900px){.qui{grid-template-columns:minmax(0,1fr)}}
.qui-un{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:center;padding:16px;border-radius:18px;background:var(--carte);box-shadow:inset 0 0 0 1px var(--filet)}
.qui-un img{width:88px;height:88px;border-radius:50%;object-fit:cover;background:var(--creme)}
.qui-un p{margin:0;font-size:15.5px;line-height:1.45;color:var(--encre)}
.qui-un p span{display:block;font:600 11.5px/1.3 var(--f-texte);letter-spacing:.1em;text-transform:uppercase;color:var(--rouge)}
.qui-un p b{display:block;margin:2px 0 4px;font:700 20px/1.2 var(--f-titre);color:var(--nuit)}
.qui-n{text-align:center;font:700 40px/1 var(--f-titre)!important;color:var(--nuit)!important}
.qui-vote{margin:18px 0 0;font-size:19px;color:var(--encre)} .qui-vote b{color:var(--nuit)}

/* Vrai ou faux */
.vf-verif{margin-top:30px;max-width:46rem}
.vf-verif h3{margin:0 0 10px;font:700 22px/1.2 var(--f-titre);color:var(--nuit)}

/* La météo, en une ligne dans la barre */
.barre-meteo{margin-left:14px;padding:4px 10px;border-radius:999px;background:#fff1e3;font:600 12.5px/1.2 var(--f-texte);color:#a3540a;text-decoration:none;white-space:nowrap}
.barre-meteo[hidden]{display:none}
@media (max-width:720px){.barre-meteo{display:none}}
@media (max-width:560px){
  .vous .outil{padding:20px 14px}
  .fiche{padding:14px 12px 10px;font-size:14.5px}
  .fl{grid-template-columns:minmax(0,1fr) 3.4rem 4.4rem;gap:2px 8px}
  .fl-cols{font-size:10.5px}
  .fl-net{font-size:16px}
  .calc2 .calc-label{font-size:19px} .calc2 .calc-label b{font-size:28px}
  .calc2 .calc-phrase{font-size:19px}
}
.doc-seul .ticket small{display:none}

/* Les chiffres en Archivo, le grotesque de La Criée : le Bodoni, à traits très fins, se lit mal en grands chiffres
   (Alison, 07/10/2026). Le grand titre de l'avis passe dans la police du texte. */
:root{--f-chiffre:Archivo,"Helvetica Neue",Arial,sans-serif}
.calc2 .calc-label b,.simu-res b{font-family:var(--f-chiffre);font-weight:700;letter-spacing:-.01em}
.calc2 .calc-label b{font-size:28px}.simu-res b{font-size:26px}
.qui-n{font-family:var(--f-chiffre)!important;font-size:36px!important}
@media (max-width:560px){.calc2 .calc-label b{font-size:24px}}
.rep-plus{display:grid;gap:4px;margin:2px 0 0;padding:0;list-style:none}
.rep-plus a{font-weight:600;color:var(--rouge);text-decoration:none}
.rep-sous{margin:6px 0 0!important;font-size:14px;color:var(--doux)!important}
/* Téléphone : les étiquettes sur deux colonnes ; les choix sur une ligne qui défile au doigt ; les notes sans rouge */
@media (max-width:560px){
  .onglets .doc-choix{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px;-webkit-overflow-scrolling:touch}
  .onglets .doc-choix::-webkit-scrollbar{display:none}
  .onglets .doc-choix button,.onglets .doc-choix>span{flex:none}
}
.doc-note{color:var(--nuit)}

/* Les pistes en débat : une ligne par piste, ouverte d'un toucher */
.pistes{display:grid;gap:8px;max-width:46rem}
.piste-d{border-radius:14px;background:var(--carte);box-shadow:inset 0 0 0 1px var(--filet)}
.piste-d summary{display:grid;gap:2px;padding:14px 44px 14px 18px;cursor:pointer;list-style:none;position:relative}
.piste-d summary::-webkit-details-marker{display:none}
.piste-d summary::after{content:"+";position:absolute;right:18px;top:50%;translate:0 -50%;font:400 24px/1 var(--f-chiffre);color:var(--rouge)}
.piste-d[open] summary::after{content:"−"}
.piste-d summary b{font:700 18px/1.25 var(--f-texte);color:var(--nuit)}
.piste-d summary span{font-size:15.5px;color:var(--doux)}
.piste-d dl{display:grid;gap:10px;margin:0;padding:2px 18px 6px}
.piste-d dl div{display:grid;gap:2px}
.piste-d dt{font:600 12px/1.2 var(--f-chiffre);letter-spacing:.08em;text-transform:uppercase;color:var(--rouge)}
.piste-d dd{margin:0;font-size:17px;line-height:1.5;color:var(--encre)}
.piste-d .sources{padding:0 18px 14px}

/* Quand pourrez-vous partir : un tableau à trois colonnes */
.ages{width:100%;max-width:40rem;border-collapse:collapse;font-variant-numeric:tabular-nums}
.ages th{padding:6px 8px;font:600 12px/1.25 var(--f-chiffre);letter-spacing:.06em;text-transform:uppercase;color:var(--doux);text-align:left;border-bottom:1.5px solid var(--nuit)}
.ages td{padding:10px 8px;border-bottom:1px solid var(--filet);font-size:16.5px;color:var(--encre);vertical-align:top}
.ages td+td{font-weight:700;color:var(--nuit);white-space:nowrap}
.ages td:last-child{text-align:right}.ages th:last-child{text-align:right}
@media (max-width:480px){.ages td{font-size:15px;padding:9px 4px}.ages td+td{white-space:normal}}
/* La question posée, puis la réponse, comme une conversation */
.bulle-vous{justify-self:end;max-width:85%;margin:6px 0 0;padding:10px 14px;border-radius:16px 16px 4px 16px;background:var(--nuit);color:var(--carte);font-size:16.5px}
.bulle-vous span{display:block;font:600 11px/1.2 var(--f-chiffre);letter-spacing:.08em;text-transform:uppercase;opacity:.7}
[data-verdict]{display:grid;gap:10px}
.verdict-rep{box-shadow:inset 4px 0 0 var(--nuit)}
.verdict-inconnu .verif-exemples{margin-top:4px}

/* ══ Typographie moderne (Alison, 07/10/2026 : le Bodoni « illisible », « pas moderne ») : tout en Archivo, titres
   gras et serrés, libellés en petites capitales, sans italique ; le Spectral reste aux papiers (fiche de paie, avis,
   facture, relevé), pour l'effet document. ══ */
:root{--f-titre:Archivo,"Helvetica Neue",Arial,sans-serif;--f-texte:Archivo,"Helvetica Neue",Arial,sans-serif;--f-papier:Spectral,Georgia,"Times New Roman",serif}
body{font-size:17.5px;line-height:1.6;letter-spacing:-.003em}
.fiche,.papier,.releve,.fiche-paie,.fiche *,.papier *,.releve *,.fiche-paie *{font-family:var(--f-papier)}
.fl-n{font-family:var(--f-papier)}
/* les titres */
.tf-titre{font-weight:700!important;letter-spacing:-.03em;line-height:1}
.tf-titre em,.ch-titre em,.phrase-forte em{font-style:normal;color:var(--rouge)}
.titre-bloc{font:700 clamp(26px,2.6vw,34px)/1.12 var(--f-titre);letter-spacing:-.02em;color:var(--nuit)}
.ch-titre{font-weight:700!important;letter-spacing:-.02em;line-height:1.12}
.ch .ch-titre{font-size:clamp(26px,2.6vw,34px)}
.rubrique h3,.ch h3{font:700 20px/1.25 var(--f-titre);letter-spacing:-.01em;color:var(--nuit)}
.phrase-forte{font-weight:700!important;letter-spacing:-.015em;line-height:1.3}
.porte-tete h2{font-weight:700!important;letter-spacing:-.02em}
.tuile b{font:700 18px/1.25 var(--f-titre);letter-spacing:-.01em}
.tuile span{font-size:15px;line-height:1.45}
.vf-verif h3,.meteo-titre,.verdict b,.voisins figcaption b,.qui-un p b,.dit-qui b,.piste-d summary b{font-family:var(--f-titre);font-weight:700;letter-spacing:-.01em}
/* sans italique hors des papiers */
.barre-jour,.doc-note,.dit blockquote,.voisins .v-ue .v-pays,.une-bonjour{font-style:normal}
.dit blockquote{font-size:18px;font-weight:500;color:var(--nuit)}
.doc-note{font-size:19px;font-weight:600;color:var(--nuit)}
.barre-jour{font-size:14px;font-weight:500;color:var(--doux)}
/* libellés en petites capitales, boutons */
.doc-choix>span,.duel-titre,.doc-sous,.bref-sous,.avis-date,.dit-boutons span,.piste-d dt{font-family:var(--f-chiffre);letter-spacing:.08em}
.vous-choix button,.doc-choix button,.calc-raccourcis button,.dit-boutons button,.verif-exemples button,.verif-champ button,.cherche button{font-family:var(--f-texte);font-weight:600;letter-spacing:-.005em}
.calc2 .calc-label,.calc2 .calc-phrase,.calc-retenir,.simu-res,.doc-phrase{letter-spacing:-.01em}
.calc2 .calc-phrase,.doc-phrase{font-size:20px}
.ch-intro{letter-spacing:-.005em}
.sources a{font-family:var(--f-texte)}

/* ══ Variante « le sommaire » (Alison, 07/10/2026) : fond blanc, gros chiffres, les papiers en vignettes, toutes les
   questions sur une page ; une feuille s'ouvre pour lire, sans menu. ══ */
:root{--papier:#ffffff;--carte:#f4f5f7;--creme:#eceef1;--filet:rgba(13,34,65,.11);--filet-fort:rgba(13,34,65,.22)}
body{background:#fff}
.barre{background:rgba(255,255,255,.92)!important}
.tete-v1{padding:46px 0 6px}
.tete-v1 .tf-titre{margin:8px 0 0;max-width:12ch;font:700 clamp(42px,7vw,78px)/.98 var(--f-titre);letter-spacing:-.045em;color:var(--nuit)}
.tete-v1 .tf-titre em{font-style:normal;color:var(--rouge)}
.tete-v1 .tf-sous{margin:16px 0 0;max-width:46ch;font-size:19px;line-height:1.5;color:var(--doux)}
.tete-v1 .cherche{width:min(680px,100%);margin-top:24px}
.tete-v1 .cherche-champ{background:#fff;box-shadow:0 0 0 1.5px var(--filet),0 18px 40px -24px rgba(13,34,65,.35)}
.titre-bloc{margin:60px 0 14px}

/* Toutes les questions */
.sommaire{margin-bottom:70px}
.themes{columns:2 380px;column-gap:44px}
.theme{break-inside:avoid;margin:0 0 30px}
.theme h3{margin:0;padding-bottom:8px;border-bottom:2px solid var(--nuit);font:700 13px/1.2 var(--f-chiffre);letter-spacing:.12em;text-transform:uppercase;color:var(--rouge)}
.theme ul{margin:0;padding:0;list-style:none}
.theme a{display:grid;grid-template-columns:7.4rem minmax(0,1fr) 14px;gap:12px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--filet);text-decoration:none}
.theme a::after{content:"›";color:var(--pale);font-size:18px}
.theme a:hover span{color:var(--rouge)}
.theme strong{font:700 18px/1.15 var(--f-chiffre);letter-spacing:-.02em;color:var(--nuit)}
.theme a span{font:500 16.5px/1.38 var(--f-texte);color:var(--encre)}
.theme-seul{max-width:44rem}
@media (max-width:480px){.theme a{grid-template-columns:5.6rem minmax(0,1fr) 12px}.theme strong{font-size:16px}.theme a span{font-size:16px}}

/* La feuille de lecture : plein écran sur téléphone, au centre sur ordinateur, sans menu */
.fenetre{position:fixed;inset:0;z-index:60;display:flex!important;align-items:flex-end;justify-content:center;padding:0!important;background:rgba(13,34,65,.38);backdrop-filter:blur(3px)}
.fenetre[hidden]{display:none!important}
.feuille{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(860px,100%);height:min(94svh,100%);border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -24px 60px -24px rgba(13,34,65,.45);animation:feuille .22s ease-out}
@keyframes feuille{from{transform:translateY(28px);opacity:.5}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.feuille{animation:none}}
@media (min-width:860px){.fenetre{align-items:center}.feuille{height:min(88vh,920px);border-radius:22px}}
.feuille-tete{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--filet)}
.feuille-retour{flex:none;padding:10px 16px;border:0;border-radius:999px;background:var(--carte);font:600 15px/1 var(--f-texte);color:var(--nuit);cursor:pointer}
.feuille-retour:hover{background:var(--creme)}
.feuille-theme{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 12px/1.2 var(--f-chiffre);letter-spacing:.12em;text-transform:uppercase;color:var(--rouge)}
.fenetre-corps{overflow:auto;overscroll-behavior:contain;padding:24px clamp(18px,4vw,44px) 44px}
.fenetre-corps>.ch-titre{margin:0 0 18px}
.suivante{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:36px;padding:18px 20px;border-radius:18px;background:var(--nuit);color:#fff;text-decoration:none;font:600 17px/1.3 var(--f-texte)}
.suivante small{display:block;margin-bottom:4px;font:700 11.5px/1 var(--f-chiffre);letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.suivante:hover{background:#13294d}

/* Une phrase à compléter, avec une liste déroulante */
.phrase-choix{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 12px;font:500 18px/1.4 var(--f-texte);color:var(--encre)}
.phrase-choix label{font:inherit}
.select{position:relative;display:inline-flex}
.select select{appearance:none;-webkit-appearance:none;padding:10px 38px 10px 16px;border:0;border-radius:999px;background:var(--carte);box-shadow:inset 0 0 0 1.5px var(--filet-fort);font:600 16.5px/1.1 var(--f-texte);color:var(--nuit);cursor:pointer}
.select::after{content:"▾";position:absolute;right:15px;top:50%;translate:0 -52%;pointer-events:none;color:var(--rouge);font-size:14px}
.select select:focus{outline:none;box-shadow:inset 0 0 0 2px var(--rouge)}
.phrase-choix input{height:44px;padding:0 12px;border:0;border-radius:12px;background:var(--carte);box-shadow:inset 0 0 0 1.5px var(--filet-fort);font:700 18px/1 var(--f-chiffre);color:var(--nuit);width:7.5rem}
.calc-bornes{display:flex;justify-content:space-between;max-width:34rem;margin-top:-6px;font:500 13px/1 var(--f-texte);color:var(--doux)}
.onglets .onglet{margin-top:4px}

/* ══ Les fiches de révision : peu de texte, des points, des images (fiches.js) ══ */
.ico{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ico-gros{width:34px;height:34px;stroke-width:1.5}
.fr-phrase{max-width:40rem;margin:0 0 6px;padding:16px 20px;border-radius:16px;background:var(--nuit);color:#fff;font:600 clamp(18px,1.9vw,21px)/1.45 var(--f-texte);letter-spacing:-.01em}
.fr-titre{display:flex;align-items:center;gap:10px;margin:34px 0 12px;font:700 21px/1.2 var(--f-titre);letter-spacing:-.015em;color:var(--nuit)}
.fr-titre::before{content:"";width:6px;height:22px;border-radius:3px;background:var(--rouge)}
.fr-points{display:grid;gap:8px;max-width:42rem;margin:0;padding:0;list-style:none}
.fr-points li{position:relative;padding-left:22px;font-size:17px;line-height:1.5;color:var(--encre)}
.fr-points li::before{content:"";position:absolute;left:4px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--rouge)}
.fr-points b{color:var(--nuit)}
.fr-retenir{max-width:42rem;margin-top:34px;padding:18px 20px;border-radius:18px;background:#fff4e5;box-shadow:inset 0 0 0 1.5px #f3d3a8}
.fr-retenir>p{margin:0 0 10px;font:700 13px/1 var(--f-chiffre);letter-spacing:.12em;text-transform:uppercase;color:#a3540a}
/* qui décide : des étapes reliées */
.fr-schema{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:0;padding:0;list-style:none;counter-reset:etape}
.fr-schema li{position:relative;display:grid;gap:4px;align-content:start;padding:16px;border-radius:16px;background:var(--carte);counter-increment:etape}
.fr-schema li:not(:last-child)::after{content:"→";position:absolute;right:-13px;top:22px;z-index:1;font:700 18px/1 var(--f-chiffre);color:var(--rouge)}
.fr-schema .ico{color:var(--nuit);margin-bottom:4px}
.fr-schema b{font:700 16.5px/1.25 var(--f-titre);color:var(--nuit)}
.fr-schema span{font-size:15px;line-height:1.4;color:var(--encre)}
.fr-schema em{margin-top:4px;font:600 13.5px/1.35 var(--f-texte);font-style:normal;color:var(--rouge)}
@media (max-width:640px){.fr-schema{grid-template-columns:minmax(0,1fr)}.fr-schema li:not(:last-child)::after{content:"↓";right:auto;left:22px;top:auto;bottom:-15px}}
/* trois colonnes */
.fr-colonnes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:760px){.fr-colonnes{grid-template-columns:minmax(0,1fr)}}
.fr-col{padding:16px;border-radius:16px;background:var(--carte)}
.fr-col-t{margin:0 0 10px;font:700 15px/1.3 var(--f-titre);color:var(--nuit)}
.fr-col ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.fr-col li{display:flex;gap:10px;align-items:center;font-size:15.5px;color:var(--encre)}
.fr-col-ue{background:#e9eefb}.fr-col-ue .ico{color:#1c3372}
.fr-col-deux{background:#f0eefc}.fr-col-deux .ico{color:#5b45a8}
.fr-col-fr{background:#fde9e8}.fr-col-fr .ico{color:var(--rouge)}
/* exemples */
.fr-exemples{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.fr-ex{display:grid;gap:4px;align-content:start;padding:16px;border-radius:16px;background:var(--carte)}
.fr-ex .ico{color:var(--rouge);margin-bottom:6px}
.fr-ex-an{font:700 12px/1 var(--f-chiffre);letter-spacing:.1em;color:var(--doux)}
.fr-ex b{font:700 16.5px/1.25 var(--f-titre);color:var(--nuit)}
.fr-ex span:last-child{font-size:15px;line-height:1.4;color:var(--encre)}
/* la balance */
.fr-balance{max-width:34rem}
.fr-plateaux{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end;height:220px;padding:0 6px;border-bottom:2px solid var(--nuit)}
.fr-plateau{display:grid;grid-template-rows:1fr auto auto;justify-items:center;height:100%;text-align:center}
.fr-pile{align-self:end;width:min(120px,80%);border-radius:10px 10px 0 0}
.fr-pile-verse{background:var(--rouge)}.fr-pile-recoit{background:var(--nuit)}
.fr-plateau b{margin-top:8px;font:700 26px/1 var(--f-chiffre);color:var(--nuit)}
.fr-plateau span{margin:4px 0 10px;font-size:14px;color:var(--doux)}
.fr-balance-solde{margin:14px 0 0;font-size:17.5px;color:var(--encre)}
.fr-balance-det{display:grid;gap:6px;margin:12px 0 0;padding:0;list-style:none}
.fr-balance-det li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--filet);font-size:15.5px}
.fr-balance-det b{font-family:var(--f-chiffre)}
/* des pays qui ont fait d'autres choix */
.fr-modeles-defile{overflow-x:auto;max-width:100%}
.fr-modeles{width:100%;min-width:560px;border-collapse:separate;border-spacing:0;font-size:15px}
.fr-modeles thead th{padding:10px 8px;vertical-align:bottom;text-align:center}
.fr-modeles thead th b{display:block;font:700 15.5px/1.2 var(--f-titre);color:var(--nuit)}
.fr-modeles thead th span{display:block;margin-top:3px;font-size:12.5px;font-weight:500;color:var(--doux)}
.fr-modeles tbody th{padding:10px 8px;text-align:left;font-weight:600;color:var(--encre);border-top:1px solid var(--filet)}
.fr-modeles td{padding:10px 8px;text-align:center;border-top:1px solid var(--filet);font:700 15px/1.2 var(--f-chiffre)}
.fr-v-oui{color:#2f7a4c}.fr-v-non{color:var(--rouge)}.fr-v-part{color:#a3540a;font-size:13px!important;font-weight:600!important}
.fr-modeles th:nth-child(2),.fr-modeles td:nth-child(2){background:#eef1ff}
/* les cercles */
.fr-cercles{margin:0;max-width:40rem}
.fr-cercles svg{width:100%;height:auto}
.fr-cercles circle{fill-opacity:.16;stroke-width:2}
.c-ue{fill:#1c3372;stroke:#1c3372}.c-sch{fill:#2f7a4c;stroke:#2f7a4c}.c-euro{fill:#d8343a;stroke:#d8343a}
.c-t{font:700 15px var(--f-titre);fill:var(--nuit)}
.c-p{font:500 13.5px var(--f-texte);fill:var(--encre)}
.fr-cercles figcaption{font-size:14.5px;color:var(--doux)}
/* la frise */
.fr-frise{display:grid;gap:0;margin:0;padding:0 0 0 18px;list-style:none;border-left:2px solid var(--filet-fort);max-width:40rem}
.fr-frise li{position:relative;display:grid;gap:2px;padding:0 0 16px 16px}
.fr-frise li::before{content:"";position:absolute;left:-25px;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 2.5px var(--rouge)}
.fr-frise b{font:700 15px/1.2 var(--f-chiffre);color:var(--rouge)}
.fr-frise span{font-size:16px;color:var(--encre)}

.fr-rates{display:grid;gap:10px;max-width:50rem}
.fr-rate summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding-right:46px}
.fr-rate summary .ico{color:var(--rouge)}
.fr-rate-t{display:grid;gap:2px}.fr-rate-t span{font-size:14.5px;color:var(--doux);line-height:1.35}
.fr-rate summary strong{font:700 17px/1.1 var(--f-chiffre);color:var(--rouge);text-align:right;max-width:9rem}
@media (max-width:520px){.fr-rate summary{grid-template-columns:auto minmax(0,1fr)}.fr-rate summary strong{grid-column:2;text-align:left}}
.fr-rate .fr-frise{margin-top:6px}


.rubrique{padding:30px clamp(16px,4vw,48px) 44px}

/* La page : un fond, des filets et une même grille éditoriale. */
.bloc{width:var(--large);margin-inline:auto}
main>.bloc+ .bloc{margin-top:64px;padding-top:36px;border-top:1px solid var(--filet-fort)}
main .titre-bloc{margin:0 0 16px;font:700 clamp(26px,2.6vw,34px)/1.15 var(--f-texte);letter-spacing:-.025em;text-wrap:pretty}
main .bloc-sous{margin:0 0 28px;max-width:44rem;font-size:17px;line-height:1.55}
main .sources{color:var(--doux);font-size:13px}
main .sources a{color:inherit}
main .bloc-lien{margin-top:22px}
main .bloc-lien a{display:inline-block;padding-block:8px}


/* Des documents à ouvrir, rangés sur la même grille que les prix. */
.papiers-galerie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.papier-carte{display:grid;grid-template-rows:auto 1fr;text-decoration:none;color:var(--nuit);border-bottom:1px solid var(--filet-fort)}
.mini{position:relative;display:block;height:182px;overflow:hidden;background:var(--carte)}
.mini>figure{position:absolute;left:50%;top:22px;width:470px;margin:0;transform:translateX(-50%) scale(.56) rotate(-2deg);transform-origin:top center;pointer-events:none;transition:transform .2s}
.mini .fiche{margin:0}.mini .fl-n{display:none}
.papier-carte:nth-child(2n) .mini>figure{transform:translateX(-50%) scale(.56) rotate(2deg)}
.papier-carte:hover .mini>figure{transform:translateX(-50%) scale(.58)}
.papier-txt{display:grid;gap:8px;align-content:start;padding:18px 0}
.papier-txt b{font:650 18px/1.3 var(--f-texte);letter-spacing:-.015em}
.papier-txt span{font-size:14px;line-height:1.5;color:var(--doux)}
.papier-txt i{margin-top:6px;font:600 14px/1.3 var(--f-texte);color:var(--rouge)}
.papier-carte:hover .papier-txt i{text-decoration:underline;text-underline-offset:4px}

/* Une carte est un bouton entier ; la case masquée et l’action sont explicites. */
.devine-tags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.devine-tags li{position:relative;display:flex;flex-direction:column;border:1px solid var(--filet-fort);transition:border-color .18s}
.tag{display:grid;grid-template-columns:1fr auto;grid-template-rows:44px 1fr auto auto;gap:16px;flex:1;width:100%;padding:22px;border:0;background:transparent;text-align:left;cursor:pointer;touch-action:manipulation}
.tag-ico{grid-column:1/-1;color:var(--nuit)}
.tag-quoi{grid-column:1/-1;max-width:20ch;min-height:2.6em;font:650 18px/1.3 var(--f-texte);letter-spacing:-.015em;color:var(--nuit)}
.tag-cache{grid-column:1/-1;display:grid;place-items:center;min-height:64px;border:1px dashed var(--filet-fort);font:600 30px/1 var(--f-chiffre);letter-spacing:.05em;color:var(--doux)}
.tag-action{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:10px 14px;background:var(--nuit);color:#fff;font:600 14px/1.3 var(--f-texte)}
.tag-action>span{font-size:22px;font-weight:400}
.devine-tags li:has(.tag:hover),.devine-tags li:has(.tag:focus-visible){border-color:var(--nuit)}
.tag:hover .tag-action,.tag:focus-visible .tag-action{background:var(--rouge)}
.tag:focus-visible{outline-offset:4px}
.tag:active .tag-action{background:var(--rouge-sombre)}
.devine-tags li:has(.tag[aria-expanded="true"]){border-color:var(--rouge)}
.tag[aria-expanded="true"]{grid-template-rows:44px auto 1fr auto}
.tag[aria-expanded="true"] .tag-cache{display:none}
.tag[aria-expanded="true"] .tag-action{background:transparent;color:var(--rouge);padding-inline:0;border-top:1px solid var(--filet)}
.tag-reponse{grid-column:1/-1;display:grid;align-content:start}
.tag-prix{margin:0 0 10px;font:700 34px/1.1 var(--f-chiffre);letter-spacing:-.035em;color:var(--rouge)}
.tag-dit{font:400 14px/1.5 var(--f-texte);color:var(--doux)}

/* Budget : choix et lecture, sans bande ni encadré superflu. */
.change .onglets{max-width:48rem}
.change .phrase-choix{margin:0 0 20px;font-size:16px}
.change .select select{border-radius:4px;background:var(--papier);min-height:44px}
.change .onglet{padding:0 0 0 20px;border-left:2px solid var(--rouge);border-radius:0;box-shadow:none;background:transparent;font-size:17px}

/* Une seule section de questions : recherche, réponse, puis thèmes. */
.sommaire{margin-bottom:0;scroll-margin-top:100px}
.recherche-q{max-width:48rem;margin:24px 0 36px}
.recherche-q .verif{max-width:none;gap:14px}
.recherche-q .verif-champ{align-items:center;gap:10px;padding:6px 6px 6px 18px;border:1px solid var(--nuit);border-radius:4px}
.recherche-q .verif-champ:focus-within{outline:2px solid var(--rouge);outline-offset:3px}
.recherche-q .verif-champ svg{flex:none;width:19px;height:19px;fill:none;stroke:var(--nuit);stroke-width:1.8}
.recherche-q .verif-champ input{height:46px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;font:400 17px/1 var(--f-texte)}
.recherche-q .verif-champ input:focus{box-shadow:none}
.recherche-q .verif-champ button{height:46px;padding-inline:22px;border-radius:2px;font-size:15px}
.recherche-q .verif-champ button:hover{background:var(--rouge-sombre)}
.recherche-q .verif-exemples{gap:4px 14px;font-size:13px;align-items:baseline}
.recherche-q .verif-exemples button{min-height:36px;padding:4px 0;border-radius:0;box-shadow:none;background:transparent;text-align:left;font-size:13px;text-decoration:underline;text-decoration-color:var(--filet-fort);text-underline-offset:4px}
.recherche-q .verif-exemples button:hover{color:var(--rouge);text-decoration-color:currentColor}
.recherche-q [data-verdict]:empty{display:none}
.recherche-q .bulle-vous{justify-self:start;max-width:100%;padding:18px 0 0;background:transparent;color:var(--nuit);border-radius:0;font-weight:600}
.recherche-q .bulle-vous span{display:none}
.recherche-q .verdict{border-radius:0;font-size:16px}
.sommaire-compte{margin:0 0 24px;font:500 13px/1.4 var(--f-texte);color:var(--doux)}
.sommaire-vide{font-size:16px;color:var(--doux)}
.sommaire .themes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px;align-items:start}
.sommaire .theme{margin:0}
.sommaire .theme h3{font-size:12px;line-height:1.5;border-bottom-width:1px;padding-bottom:12px;letter-spacing:.08em}
.sommaire .theme a{grid-template-columns:7rem minmax(0,1fr) 12px;gap:14px;padding-block:16px}
.sommaire .theme strong{font-size:17px;line-height:1.3}
.sommaire .theme a span{font-size:16px;line-height:1.4}
.sommaire .theme a:hover::after{color:var(--rouge)}

.decide .qui{max-width:none;gap:24px}
.decide .qui-un{grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:start;padding:0;border-radius:0;box-shadow:none;background:transparent}
.decide .qui-un img{width:56px;height:56px}
.decide .qui-un p{font-size:14px;line-height:1.5}
.decide .qui-un p span{font-size:10px;line-height:1.5}
.decide .qui-un p b{font-size:18px;margin-block:5px 10px}
.decide .qui-n{font-size:28px!important;padding-top:16px}
.decide .qui-vote{margin-top:30px;font-size:16px}

@media (max-width:1000px){
  .papiers-galerie,.devine-tags{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .sommaire .themes{gap:32px;grid-template-columns:minmax(0,1fr)}
  .decide .qui{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media (min-width:601px) and (max-width:760px){
}
@media (max-width:600px){
  main>.bloc+ .bloc{margin-top:44px;padding-top:28px}
  main .titre-bloc{font-size:26px;margin-bottom:12px}
  main .bloc-sous{font-size:15px;margin-bottom:22px}
  .papiers-galerie{grid-template-columns:minmax(0,1fr);gap:18px}
  .papier-carte{grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto;gap:16px;padding-bottom:18px;align-items:start}
  .mini{height:132px}
  .mini>figure,.papier-carte:nth-child(2n) .mini>figure{top:14px;transform:translateX(-50%) scale(.24) rotate(-2deg)}
  .papier-carte:hover .mini>figure{transform:translateX(-50%) scale(.25)}
  .papier-txt{padding:0;gap:6px}
  .papier-txt b{font-size:16px}.papier-txt span{font-size:13px}.papier-txt i{font-size:13px;margin-top:4px}
  .devine-tags{gap:12px}
  .tag{padding:14px;gap:12px;grid-template-rows:34px 1fr auto auto}
  .tag-ico .ico{width:30px;height:30px}
  .tag-quoi{font-size:15px;min-height:3.9em;max-width:none}
  .tag-cache{min-height:54px;font-size:25px}
  .tag-action{font-size:12px;padding:8px;gap:3px}.tag-action>span{font-size:18px}
  .tag[aria-expanded="true"]{grid-template-rows:34px auto 1fr auto}
  .tag-prix{font-size:25px}.tag-dit{font-size:13px}
  .change .onglet{padding-left:16px;font-size:15px}
  .recherche-q{margin:20px 0 28px}
  .recherche-q .verif-champ{padding-left:12px;gap:8px}
  .recherche-q .verif-champ input{font-size:16px}
  .recherche-q .verif-champ svg{display:none}
  .recherche-q .verif-champ button{padding-inline:12px;font-size:13px}
  .recherche-q .verif-exemples{gap:0 10px}
  .recherche-q .verif-exemples button{min-height:44px;font-size:12px}
  .sommaire .theme a{grid-template-columns:5.5rem minmax(0,1fr) 10px;gap:10px}
  .sommaire .theme strong{font-size:15px}.sommaire .theme a span{font-size:15px}
  .pied{margin-top:44px;font-size:13px}
}
/* Fiche Europe : huit exemples en 4 × 2 ; sur téléphone, les cercles gardent leurs noms et la liste dit qui est où */
.fr-exemples{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.fr-cercles-liste{display:none;margin:12px 0 0;padding:0;list-style:none}
.fr-cercles-liste li{display:grid;gap:2px;padding:9px 0;border-top:1px solid var(--filet);font-size:15.5px;line-height:1.4}
.fr-cercles-liste b{font:700 14.5px/1.3 var(--f-titre);color:var(--nuit)}
@media (max-width:640px){.fr-cercles .c-p{display:none}.fr-cercles .c-t{font-size:24px}.fr-cercles-liste{display:grid}}

/* ══ Le haut (Alison, 07/10/2026 : « la photo devrait être un arrière-plan », « tu peux mettre des animations ») : le
   tableau de l'accueil de La Criée d'un bord à l'autre, le titre dans son ciel comme sur l'accueil ; il entre en douceur
   et glisse moins vite que la page. Sur téléphone, le titre passe au-dessus et le tableau s'ouvre en dessous. ══ */
.une-fr{--ciel:#fdf8ee;position:relative;isolation:isolate;overflow:hidden;min-height:max(560px,calc(100vw * 789 / 1672));background:var(--ciel)}
.une-fr-fond{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:100% 100%;transform-origin:85% 70%;animation:fr-entre 2.6s var(--sortie) both;will-change:translate}
.une-fr::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(62% 74% at 16% 30%,rgba(254,251,240,.94),rgba(254,251,240,.62) 46%,rgba(254,251,240,0) 72%),linear-gradient(rgba(247,242,232,0) 78%,var(--papier))}
.une-fr-in{display:grid;justify-items:start;width:var(--large);margin:0 auto;padding-block:clamp(56px,7.4vw,108px) 72px}
.une-fr-in>*{max-width:min(36rem,100%);opacity:0;translate:0 22px;animation:fr-monte 1s var(--sortie) forwards}
.avis-date{display:flex;align-items:center;gap:14px;margin:0 0 20px;font:600 12px/1.3 var(--f-texte);letter-spacing:.14em;text-transform:uppercase;color:var(--rouge);animation-delay:.15s!important}
.avis-date::before{content:"";width:32px;height:2px;background:currentColor}
.avis-titre{margin:0;font:800 clamp(46px,5.4vw,84px)/.98 "Bodoni Titre","Bodoni Moda",Didot,serif;letter-spacing:-.02em;color:var(--nuit);text-wrap:balance;animation-delay:.3s!important}
.avis-titre span,.avis-titre em{display:block}
.avis-titre em{font-weight:700;font-style:italic;color:var(--rouge)}
.avis-accroche{margin:24px 0 0;font:400 clamp(17px,1.45vw,20px)/1.55 var(--f-texte);color:#2a2420;text-wrap:pretty;animation-delay:.55s!important}
.avis-compteur{display:grid;gap:2px;margin:28px 0 0;padding:14px 18px 14px 16px;border-left:3px solid var(--rouge);background:rgba(255,252,246,.78);backdrop-filter:blur(6px);animation-delay:.75s!important}
.avis-compteur .vivant{font:700 clamp(30px,2.8vw,40px)/1.05 var(--f-chiffre);letter-spacing:-.03em;color:var(--rouge);font-variant-numeric:tabular-nums}
.avis-compteur span:last-child{font:500 15px/1.4 var(--f-texte);color:var(--encre)}
.avis-suite{display:inline-flex;align-items:center;gap:10px;margin-top:34px;font:600 15px/1 var(--f-texte);color:var(--nuit);text-decoration:none;animation-delay:1s!important}
.avis-suite span{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--nuit);background:no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v9M2 6.5 6 10.5 10 6.5' fill='none' stroke='%230d2241' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");animation:fr-appel 2.2s 2s ease-in-out infinite}
.avis-suite:hover{color:var(--rouge)}
@keyframes fr-entre{from{opacity:0;transform:scale(1.07)}to{opacity:1;transform:none}}
@keyframes fr-monte{to{opacity:1;translate:0 0}}
@keyframes fr-appel{0%,100%{translate:0 0}50%{translate:0 5px}}

/* Les comptes de l'année : deux barres, le trou en rouge, les chiffres collés à leur phrase */
main>.bilan.bloc{margin-top:8px;padding-top:0;border-top:0}
.bilan .titre-bloc{margin-top:0}
.bb-liste{display:grid;gap:22px;margin-top:6px}
.bb{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:22px}
.bb-l{margin:0;font:700 19px/1.2 var(--f-titre);color:var(--nuit)}
.bb-l small{display:block;margin-top:5px;font:400 14px/1.35 var(--f-texte);color:var(--doux)}
.bb-piste{position:relative;height:72px}
.bb-barre{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:baseline;gap:8px;width:0;padding:0 22px;border-radius:12px;overflow:hidden;white-space:nowrap;color:#fff;background:var(--nuit);align-content:center;flex-wrap:wrap;transition:width 1.5s var(--sortie)}
.bb-in{background:#2a4a8f}
.bb-barre b{font:700 clamp(26px,2.6vw,36px)/72px var(--f-chiffre);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.bb-barre small{font:500 15px/1 var(--f-texte);opacity:.82}
.bb-trou{position:absolute;top:0;bottom:0;left:var(--l);right:0;display:flex;align-items:center;justify-content:center;border:2px dashed var(--rouge);border-left:0;border-radius:0 12px 12px 0;background:repeating-linear-gradient(-45deg,rgba(216,52,58,.16) 0 7px,rgba(216,52,58,0) 7px 14px);opacity:0;transition:opacity .7s 1.4s}
.bb-trou span{font:700 13px/1.1 var(--f-texte);letter-spacing:.06em;text-transform:uppercase;color:var(--rouge);text-align:center}
.vu .bb-barre{width:var(--l)}
.vu .bb-trou{opacity:1}
.bilan-chute{margin:34px 0 0;font:700 clamp(26px,2.9vw,40px)/1.15 var(--f-titre);letter-spacing:-.02em;color:var(--nuit);text-wrap:balance}
.bilan-chute b{color:var(--rouge);font-variant-numeric:tabular-nums}
.bilan-chute em{font-style:normal;color:var(--doux);font-weight:600}
.bilan-suite{display:grid;gap:14px;margin-top:26px;padding-top:22px;border-top:1px solid var(--filet)}
.bilan-suite p{margin:0;max-width:52rem;font:500 clamp(19px,1.7vw,24px)/1.4 var(--f-texte);color:var(--encre)}
.bilan-suite b{font:700 1.2em/1 var(--f-chiffre);letter-spacing:-.02em;color:var(--rouge);font-variant-numeric:tabular-nums}
.bilan-suite small{display:block;margin-top:2px;font-size:14px;color:var(--doux)}
.bilan .note{margin-top:22px;font-size:13px}

/* Les blocs montent doucement quand ils arrivent à l'écran */
main>.bloc.revele{opacity:0;translate:0 36px;transition:opacity .9s var(--sortie),translate .9s var(--sortie)}
main>.bloc.revele.vu{opacity:1;translate:0 0}

@media (max-width:760px){
  .une-fr{display:flex;flex-direction:column;min-height:0}
  .une-fr-fond{position:relative;inset:auto;order:2;z-index:-2;height:310px;margin-top:-6px;object-position:97% 80%;-webkit-mask-image:linear-gradient(transparent,#000 22%);mask-image:linear-gradient(transparent,#000 22%)}
  .une-fr::before{background:linear-gradient(rgba(247,242,232,0) 88%,var(--papier))}
  .une-fr-in{padding-block:34px 0}
  .avis-titre{font-size:clamp(40px,11.4vw,54px)}
  .avis-accroche{margin-top:18px;font-size:16.5px}
  .avis-compteur{margin-top:22px}
  .avis-suite{display:none}
  .bb{grid-template-columns:minmax(0,1fr);gap:10px}
  .bb-l{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:17px}
  .bb-l small{margin:0;font-size:13px}
  .bb-piste{height:58px}
  .bb-barre{padding:0 14px}
  .bb-barre b{font-size:24px;line-height:58px}
  .bb-barre small{font-size:12.5px}
  .bb-trou span{display:none}
  .bilan-chute{font-size:25px}
  .bilan-suite p{font-size:18px}
}
@media (prefers-reduced-motion:reduce){
  .une-fr-fond,.une-fr-in>*,.avis-suite span{animation:none!important;opacity:1;translate:none}
  .bb-barre,.bb-trou{transition:none}
}
.fr-fiche{margin-top:44px;padding-top:4px;border-top:1px solid var(--filet)}

/* ═══ « La France et vous » (08/10/2026) : la page tourne autour du lecteur. Des panneaux séparés, beaucoup d'air,
   Bricolage Grotesque pour lire, Archivo pour les chiffres, Caveat pour les notes au stylo. Les papiers ressemblent aux
   vrais : bulletin de paie, ticket de caisse, ticket de plein, facture, relevé de remboursement. ═══ */
:root{
  --v-fond:#f4f1ea; --v-panneau:#fffdf9; --v-creme:#f7f2e8; --v-encre:#14213d; --v-texte:#40495a; --v-doux:#6f7684; --v-pale:#a8adb7;
  --v-rouge:#d8343a; --v-rouge-p:#fbe3e2; --v-bleu:#2b54c7; --v-bleu-p:#e4ebfb; --v-vert:#1f7a4a; --v-fluo:#fff07a; --v-or:#ffd76a;
  --v-filet:rgba(20,33,61,.1);
  --v-f:"Bricolage Grotesque","Avenir Next",system-ui,sans-serif; --v-n:Archivo,"Helvetica Neue",Arial,sans-serif; --v-main:Caveat,"Segoe Print","Bradley Hand",cursive;
  --v-ticket:ui-monospace,"SF Mono",Menlo,Consolas,"Courier New",monospace;
  --f-titre:var(--v-f); --f-texte:var(--v-f);
  --v-sortie:cubic-bezier(.16,.84,.3,1); --v-ressort:cubic-bezier(.34,1.5,.64,1);
}
body{background:var(--v-fond);color:var(--v-texte);font:400 17px/1.6 var(--v-f)}
.barre{background:rgba(244,241,234,.92)}
.v-lecture{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--v-rouge);transform-origin:0 50%;transform:scaleX(0)}
.v-direct{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;width:var(--large);margin:12px auto 0;font-size:14.5px;color:var(--v-encre);text-align:center}
.v-direct b{color:var(--v-rouge);font:700 15px var(--v-n);font-variant-numeric:tabular-nums}
.v-point{width:8px;height:8px;border-radius:50%;background:var(--v-rouge);flex:none;animation:v-pouls 1.6s infinite}
.v{width:var(--large);margin:0 auto}
.v-bloc{padding-top:clamp(14px,2vw,22px);scroll-margin-top:80px}
.v-panneau{background:var(--v-panneau);border-radius:32px;padding:clamp(26px,5vw,64px);box-shadow:0 1px 0 var(--v-filet),0 30px 60px -48px rgba(20,33,61,.4)}
.v h1,.v h2,.v h3{color:var(--v-encre);text-wrap:balance}
.v-etape{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;font:700 13px var(--v-f);letter-spacing:.1em;text-transform:uppercase;color:var(--v-rouge)}
.v-etape b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--v-rouge);color:#fff;font:700 13px var(--v-n);letter-spacing:0}
.v-titre{margin:0;font:800 clamp(30px,4vw,50px)/1.05 var(--v-f);letter-spacing:-.03em;max-width:21em}
.v-chapeau{margin:14px 0 0;font-size:19px;max-width:38em}
.v-espace{margin-top:36px}
.v-note{margin:22px 0 0;font-size:14.5px;color:var(--v-doux);max-width:48em}
.v-main{font:700 25px/1.05 var(--v-main);color:var(--v-bleu)}
.v-nowrap{white-space:nowrap}
.v-lien{display:inline-block;margin-top:18px;font:700 16px var(--v-f);color:var(--v-rouge);text-decoration:none}
.v-lien:hover{text-decoration:underline}
.v-bouton{font:700 15.5px var(--v-f);border:0;border-radius:999px;padding:12px 22px;background:var(--v-encre);color:#fff;cursor:pointer;transition:transform .2s var(--v-ressort)}
.v-bouton:hover{transform:translateY(-2px)}
.v-panneau .sources{margin-top:18px}
.rv{opacity:0;transform:translateY(30px);transition:opacity .8s,transform 1s var(--v-sortie)}
.rv.vu{opacity:1;transform:none}

/* 1. vous */
.v-vous{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(28px,4vw,56px);align-items:start}
.v-sur{display:block;margin-bottom:10px;font:700 26px/1 var(--v-main);color:var(--v-bleu)}
.v-vous h1{margin:0;font:800 clamp(40px,5vw,66px)/1 var(--v-f);letter-spacing:-.04em}
.v-reglage{margin-top:28px;display:grid;gap:8px}
.v-lbl{display:block;font:700 15px var(--v-f);color:var(--v-encre)}
.v-lbl+.v-choix{margin-top:2px}
.v-reglage .v-lbl:not(:first-child){margin-top:14px}
.v-salaire{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0}
.v-salaire b{font:700 clamp(40px,4.4vw,54px)/1 var(--v-n);color:var(--v-encre);white-space:nowrap;font-variant-numeric:tabular-nums}
.v-salaire em{font:700 22px var(--v-main);font-style:normal;color:var(--v-rouge)}
.v-curseur{-webkit-appearance:none;appearance:none;width:100%;height:34px;background:transparent;margin:0;cursor:pointer}
.v-curseur::-webkit-slider-runnable-track{height:8px;border-radius:9px;background:linear-gradient(90deg,var(--v-encre) var(--v,50%),#e2e0da var(--v,50%))}
.v-curseur::-moz-range-track{height:8px;border-radius:9px;background:#e2e0da}
.v-curseur::-moz-range-progress{height:8px;border-radius:9px;background:var(--v-encre)}
.v-curseur::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-11px;border-radius:50%;background:#fff;border:3px solid var(--v-encre);box-shadow:0 4px 10px -2px rgba(20,33,61,.35)}
.v-curseur::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--v-encre)}
.v-curseur:focus-visible{outline:2px solid var(--v-bleu);outline-offset:4px;border-radius:9px}
.v-bornes{display:flex;justify-content:space-between;font-size:13.5px;color:var(--v-doux)}
.v-choix{display:flex;flex-wrap:wrap;gap:8px}
.v-choix button{font:600 15.5px var(--v-f);padding:10px 16px;border-radius:999px;border:1.5px solid var(--v-filet);background:#fff;color:var(--v-encre);cursor:pointer;transition:background .2s,color .2s}
.v-choix button[aria-pressed="true"]{background:var(--v-encre);border-color:var(--v-encre);color:#fff}
.v-somme{margin-top:30px;padding:24px 26px;border-radius:24px;background:var(--v-creme)}
.v-somme p{margin:0}
.v-somme-l{font:700 16px var(--v-f);color:var(--v-encre)}
.v-somme-n{font:700 clamp(46px,5.4vw,64px)/1.05 var(--v-n);color:var(--v-rouge);font-variant-numeric:tabular-nums}
.v-explique{margin-top:10px!important;font-size:16.5px}
.v-explique b{color:var(--v-encre)}
.v-annot{margin-top:10px!important;font-size:26px;color:var(--v-rouge);transform:rotate(-1.5deg);transform-origin:left}
.v-cta{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:14px 22px;border-radius:999px;background:var(--v-rouge);color:#fff;font:700 16.5px var(--v-f);text-decoration:none;box-shadow:0 12px 26px -12px rgba(216,52,58,.7);transition:transform .2s var(--v-ressort)}
.v-cta:hover{transform:translateY(-2px)}
.v-retour{margin:16px 0 0;font-size:14.5px;color:var(--v-doux)}
.v-retour b{color:var(--v-encre)}
.v-vous-doc{min-width:0}

/* 2. votre argent */
.v-devinette{margin-top:28px;padding:24px 26px;border-radius:22px;background:var(--v-creme);display:grid;gap:12px}
.v-devinette p{margin:0}
.v-question{font:700 20px/1.35 var(--v-f);color:var(--v-encre)}
.v-question .v-main{display:block;margin-bottom:2px}
.v-aide{font-size:15.5px;color:var(--v-texte)}
.v-options{display:flex;flex-wrap:wrap;gap:10px}
.v-options button{font:700 20px var(--v-n);padding:12px 22px;border-radius:16px;border:2px solid var(--v-encre);background:#fff;color:var(--v-encre);cursor:pointer;transition:background .2s}
.v-options button:not(:disabled):hover{background:var(--v-fluo)}
.v-options button.bon{background:var(--v-vert);border-color:var(--v-vert);color:#fff;animation:v-pop .45s var(--v-ressort)}
.v-options button.faux{opacity:.4}
.v-reponse{font-size:17px;color:var(--v-encre)}
.v-reponse b{color:var(--v-rouge)}
.v-repart{margin-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 44px}
.v-rp{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:end;padding:8px 0}
.v-rp p{margin:0;display:grid;line-height:1.3}
.v-rp p b{font:600 16.5px var(--v-f);color:var(--v-encre)}
.v-rp p span{font-size:14px;color:var(--v-doux)}
.v-rp-n{font:700 17px var(--v-n);color:var(--v-encre);white-space:nowrap}
.v-rp i{grid-column:1/-1;height:8px;border-radius:9px;background:#efece5;overflow:hidden}
.v-rp i::after{content:"";display:block;height:100%;width:0;border-radius:9px;background:var(--v-bleu);transition:width 1.1s var(--v-sortie)}
.vu .v-rp i::after{width:var(--l)}
.v-rp.v-fort p b,.v-rp.v-fort .v-rp-n{color:var(--v-rouge)}
.v-rp.v-fort i::after{background:var(--v-rouge)}

/* 3. vos dépenses : les papiers */
.v-onglets{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.v-onglets button{font:600 15.5px var(--v-f);padding:10px 18px;border-radius:999px;border:1.5px solid var(--v-filet);background:#fff;color:var(--v-encre);cursor:pointer}
.v-onglets button[aria-pressed="true"]{background:var(--v-encre);border-color:var(--v-encre);color:#fff}
.v-doc{margin-top:26px;display:grid;grid-template-columns:minmax(0,26rem) minmax(0,1fr);gap:28px 44px;align-items:center}
.v-doc-texte p{margin:0;font-size:19px;line-height:1.55;color:var(--v-encre)}

/* 4. la France en une minute */
.v-comptes{margin-top:28px;display:grid;gap:20px}
.v-ct{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}
.v-ct>p{margin:0;font:700 17px/1.25 var(--v-f);color:var(--v-encre)}
.v-ct>p small{display:block;font:400 14px var(--v-f);color:var(--v-doux)}
.v-ct .v-piste{position:relative;height:60px}
.v-jauge{position:absolute;inset:0 auto 0 0;width:0;border-radius:16px;background:var(--c);display:flex;align-items:center;gap:8px;padding:0 20px;color:#fff;white-space:nowrap;overflow:hidden;transition:width 1.3s var(--v-sortie)}
.vu .v-jauge{width:var(--l)}
.v-jauge b{font:700 28px var(--v-n);font-variant-numeric:tabular-nums}
.v-jauge small{font-size:14px;opacity:.85}
.v-trou{position:absolute;top:0;bottom:0;left:calc(var(--l) + 4px);right:0;border-radius:16px;border:2px dashed var(--v-rouge);background:repeating-linear-gradient(-45deg,var(--v-rouge-p) 0 7px,transparent 7px 14px);opacity:0;transition:opacity .5s 1.2s}
.vu .v-trou{opacity:1}
.v-phrase{margin:4px 0 0;font:800 clamp(24px,2.8vw,34px)/1.2 var(--v-f);letter-spacing:-.02em;color:var(--v-encre)}
.v-phrase b{color:var(--v-rouge);font-family:var(--v-n);font-weight:700}
.v-foyer{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v-foyer p{margin:0;padding:18px;border-radius:18px;background:var(--v-creme);font-size:15.5px;line-height:1.4}
.v-foyer b{display:block;font:700 26px/1.1 var(--v-n);color:var(--v-encre);margin:4px 0}
.v-foyer .v-rouge b{color:var(--v-rouge)}

/* 5. votre part */
.v-part{margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.v-grand{background:var(--v-encre);color:#fff;border-radius:26px;padding:30px;display:grid;align-content:space-between;gap:12px}
.v-grand small{font:700 13px var(--v-f);letter-spacing:.1em;text-transform:uppercase;opacity:.8}
.v-grand b{font:700 clamp(52px,6vw,78px)/1 var(--v-n);font-variant-numeric:tabular-nums}
.v-grand p{margin:0;font-size:17px;opacity:.92}
.v-grand .v-main{color:var(--v-or);font-size:26px}
.v-petits{display:grid;gap:12px}
.v-petits p{margin:0;padding:20px 22px;border-radius:20px;background:var(--v-creme);font-size:16px}
.v-petits b{display:block;font:700 28px/1.15 var(--v-n);color:var(--v-encre);margin-bottom:4px}

/* 6. ce que vous recevez : les prix à deviner */
.v-cartes{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v-etq{perspective:1100px}
.v-etq-in{position:relative;height:270px;transform-style:preserve-3d;transition:transform .8s var(--v-sortie)}
.v-etq.retournee .v-etq-in{transform:rotateY(180deg)}
.v-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:22px;background:var(--v-creme);padding:22px;display:grid;grid-template-rows:auto auto 1fr auto auto;gap:6px}
.v-face .ico{width:28px;height:28px;color:var(--v-rouge)}
.v-face b{font:700 18px/1.25 var(--v-f);color:var(--v-encre)}
.v-estim{align-self:end;font:700 34px/1 var(--v-n);color:var(--v-encre);font-variant-numeric:tabular-nums}
.v-etq:not(.touchee) .v-estim{color:var(--v-pale)}
.v-glisse{display:grid;gap:2px}
.v-face .v-curseur::-webkit-slider-runnable-track{height:5px;background:var(--v-encre)}
.v-face .v-curseur::-webkit-slider-thumb{width:24px;height:24px;margin-top:-9.5px}
.v-reperes{position:relative;display:block;height:16px;font-size:12px;color:var(--v-doux);white-space:nowrap}
.v-reperes span{position:absolute;translate:-50% 0}
.v-reperes span:first-child{translate:0}
.v-face button{justify-self:start;margin-top:6px;font:700 14.5px var(--v-f);border:0;border-radius:999px;padding:9px 16px;background:var(--v-encre);color:#fff;cursor:pointer}
.v-dos{transform:rotateY(180deg);background:var(--v-encre);color:#fff;grid-template-rows:auto auto 1fr auto}
.v-prixv{font:700 42px/1 var(--v-n);color:var(--v-or)}
.v-ecart{font:700 24px/1.05 var(--v-main)}
.v-etq.juste .v-dos{background:var(--v-vert)}
.v-etq.loin .v-dos{background:#8f2b2e}
.v-dos>span:nth-child(3){font-size:15px;line-height:1.45}
.v-dos button{background:rgba(255,255,255,.16)}
.v-score{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:18px 22px;border-radius:20px;background:var(--v-fluo);animation:v-pop .45s var(--v-ressort)}
.v-score p{margin:0;font-size:17.5px;color:var(--v-encre)}
.v-carres{font-size:26px;letter-spacing:4px}

/* 7. votre 2027 */
.v-panneau>.v-choix{margin-top:22px}
.v-dit{margin-top:20px;padding:24px 26px;border-radius:22px;background:var(--v-bleu-p);max-width:50rem;font-size:19px;line-height:1.55;color:var(--v-encre)}
.v-dit p{margin:0}
.v-dit p:first-child{font-weight:600}
.v-dit p+p{margin-top:10px;font-size:16px;color:var(--v-texte)}

/* 8. votre carte */
.v-carte-zone{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,60px);align-items:center}
.v-ma-carte{position:relative;min-height:480px;max-width:400px;width:100%;justify-self:center;border-radius:30px;padding:30px;background:radial-gradient(120% 80% at 100% 0%,#2c3f78 0%,transparent 60%),var(--v-encre);color:#fff;display:grid;align-content:space-between;gap:22px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(20,33,61,.8);transform:rotate(-2deg)}
.v-ma-carte::after{content:"";position:absolute;right:-60px;bottom:-60px;width:210px;height:210px;border-radius:50%;background:var(--v-rouge)}
.v-ma-carte>*{position:relative;z-index:1}
.v-ma-carte .v-main{font-size:34px;color:var(--v-or)}
.v-ma-carte ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.v-ma-carte li{font-size:16.5px;line-height:1.3}
.v-ma-carte li b{display:block;font:700 32px/1.05 var(--v-n)}
.v-carte-pied{margin:0;display:flex;justify-content:space-between;font:700 14px var(--v-f)}

/* 9. le défi du jour */
.v-defi-zone{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:start}
.v-defi{display:grid;gap:14px}
.v-defi p{margin:0}
.v-defi-tete{display:flex;gap:14px;align-items:center;font:700 13px var(--v-f);letter-spacing:.1em;text-transform:uppercase;color:var(--v-doux)}
.v-defi-tete span:first-child{color:var(--v-rouge)}
.v-defi-q{font:800 clamp(24px,2.8vw,34px)/1.2 var(--v-f);letter-spacing:-.02em;color:var(--v-encre)}
.v-defi-boutons{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:480px}
.v-defi-boutons button{font:800 19px var(--v-f);padding:16px;border-radius:18px;border:2px solid var(--v-encre);background:#fff;color:var(--v-encre);cursor:pointer;transition:transform .15s,background .2s}
.v-defi-boutons button:hover{background:var(--v-fluo)}
.v-defi-boutons button:active{transform:scale(.96)}
.v-verdict{font:700 34px/1 var(--v-main);animation:v-pop .45s var(--v-ressort)}
.v-verdict.ok{color:var(--v-vert)}.v-verdict.non{color:var(--v-rouge)}
.v-defi .v-bouton{justify-self:start}
.v-defi-score{font:700 20px var(--v-f);color:var(--v-encre)}
.v-defi-score b{font:700 52px var(--v-n);color:var(--v-rouge)}
.v-flamme{display:grid;justify-items:center;gap:2px;padding:18px 22px;border-radius:22px;background:var(--v-creme);text-align:center;font-size:13.5px}
.v-flamme svg{width:40px;height:40px;fill:none;stroke:var(--v-rouge);stroke-width:1.8;stroke-linejoin:round}
.v-flamme b{font:700 34px/1 var(--v-n);color:var(--v-rouge)}

/* 10. toutes les questions */
.v .recherche-q{margin-top:26px}
.v-outils{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;margin-top:18px}
.v-outils .sommaire-compte{margin:0}
.v-prog{display:flex;align-items:center;gap:10px;margin:0;font:600 14.5px var(--v-f);color:var(--v-encre)}
.v-prog i{width:140px;height:8px;border-radius:9px;background:#e8e5de;overflow:hidden}
.v-prog i::after{content:"";display:block;height:100%;width:var(--p,0%);background:var(--v-vert);border-radius:9px;transition:width .6s}
.v-themes{margin-top:28px;columns:3 280px;column-gap:36px}
.v-theme{break-inside:avoid;margin-bottom:30px}
.v-theme h3{display:flex;align-items:center;gap:10px;margin:0 0 6px;font:800 19px/1.2 var(--v-f)}
.v-theme h3 .ico{width:22px;height:22px;flex:none;color:var(--v-rouge)}
.v-theme ul{list-style:none;margin:0;padding:0}
.v-theme li a{display:grid;grid-template-columns:1fr auto;gap:0 10px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--v-filet);text-decoration:none}
.v-theme li a b{grid-column:1/-1;font:700 14px var(--v-n);color:var(--v-rouge)}
.v-theme li a span{font:600 16.5px/1.35 var(--v-f);color:var(--v-encre)}
.v-theme li a::after{content:"→";color:var(--v-pale);transition:transform .2s}
.v-theme li a:hover::after{transform:translateX(3px);color:var(--v-rouge)}
.v-theme li.lue a::after{content:"✓";color:var(--v-vert);font-weight:800}
.v-theme li.lue a span{color:var(--v-doux)}
.v-theme-seul{columns:auto;margin-top:20px}

/* 11. qui décide */
.v-decide{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.v-pers{display:grid;gap:6px;justify-items:start}
.v-pers img,.v-rond{width:84px;height:84px;border-radius:50%;object-fit:cover}
.v-rond{display:grid;place-items:center;background:var(--v-encre);color:#fff;font:700 24px var(--v-n)}
.v-pers small{font:700 12.5px var(--v-f);letter-spacing:.1em;text-transform:uppercase;color:var(--v-rouge)}
.v-pers b{font:800 20px/1.2 var(--v-f);color:var(--v-encre)}
.v-pers p{margin:0;font-size:15.5px}
.v-bientot{margin-top:30px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;background:var(--v-encre);color:#fff;border-radius:26px;padding:30px 34px}
.v-bientot-n{margin:0;font:600 15px var(--v-f);opacity:.9}
.v-bientot-n b{display:block;font:700 clamp(60px,7vw,88px)/.95 var(--v-n);color:var(--v-or)}
.v-bientot h3{margin:0;color:#fff;font:800 clamp(22px,2.4vw,28px)/1.2 var(--v-f)}
.v-bientot p{margin:8px 0 0;opacity:.9}
.v-partage{display:block;margin-top:30px}

/* ── Les papiers, comme les vrais ── */
.doc-main{margin:10px 0 0;font:700 23px/1.1 var(--v-main);color:var(--v-rouge);transform:rotate(-1.5deg)}
/* le bulletin de paie */
.bulletin{margin:0;background:#fff;border-radius:6px;padding:18px 18px 14px;box-shadow:0 1px 1px rgba(20,33,61,.08),0 26px 50px -30px rgba(20,33,61,.5);font:400 12.5px/1.35 var(--v-f);color:#1d2433}
.bp-tete{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:10px;border-bottom:2px solid var(--v-encre)}
.bp-tete>div:first-child b{display:block;font:800 16px/1.2 var(--v-f);letter-spacing:.08em;text-transform:uppercase;color:var(--v-encre)}
.bp-tete>div:first-child span{font-size:12px;color:var(--v-doux)}
.bp-qui{display:flex;gap:10px}
.bp-qui span{display:grid;padding:5px 10px;border:1px solid var(--v-filet);border-radius:6px;font-weight:600;color:var(--v-encre)}
.bp-qui small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--v-doux);font-weight:600}
.bp-table{overflow-x:auto}
.bulletin table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.bulletin th{padding:7px 6px;font:700 10px/1.2 var(--v-f);letter-spacing:.06em;text-transform:uppercase;color:var(--v-doux);text-align:right;background:#f3f1ec;border-bottom:1px solid #d9d6cf}
.bulletin th:first-child,.bulletin td:first-child{text-align:left}
.bulletin td{padding:4px 6px;text-align:right;vertical-align:top;border-bottom:1px solid #eeece6;white-space:nowrap}
.bulletin td:first-child{white-space:normal;min-width:11rem}
.bulletin td:nth-child(4),.bulletin td:nth-child(5){font-family:var(--v-n);font-weight:500}
.bp-note{display:block;font:700 16px/1.05 var(--v-main);color:var(--v-rouge)}
.bp-rub td{padding-top:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:11px;color:var(--v-encre);border-bottom:0}
.bp-rub .bp-note{text-transform:none;letter-spacing:0;font-size:16px}
.bp-fort td{font-weight:700;color:var(--v-encre)}
.bp-moins td:nth-child(5){color:var(--v-vert)}
.bp-total td{font-weight:700;color:var(--v-encre);background:#f6f4ef;border-top:1.5px solid var(--v-encre)}
.bp-pied{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.bp-pied p{margin:0;display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 12px;border-radius:6px}
.bp-net{background:var(--v-encre);color:#fff}
.bp-net b{font:700 19px var(--v-n)}
.bp-cout{border:1.5px solid var(--v-encre);color:var(--v-encre)}
.bp-cout b{font:700 16px var(--v-n)}
.bp-pied span{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
/* le ticket de caisse et le ticket de plein */
.ticket{position:relative;margin:10px 0;padding:22px 20px 20px;background:#fffefb;transform:rotate(-.6deg);box-shadow:0 22px 40px -26px rgba(20,33,61,.6);font:400 13px/1.45 var(--v-ticket);color:#24262b;max-width:22rem;
  -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / 12px 100%;
  mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / 12px 100%}
.ticket .tk-tete{display:grid;justify-items:center;gap:1px;margin:0 0 12px;text-align:center;text-transform:none;letter-spacing:0;font-weight:400}
.ticket .tk-tete b{font-size:15px;text-transform:uppercase;letter-spacing:.08em}
.ticket .tk-tete span{color:#6b6f78;font-size:12px}
.ticket table{width:100%;border-collapse:collapse}
.ticket td{padding:1px 0;vertical-align:top;font-weight:400;font-size:13px;border:0}
.ticket td+td{text-align:right;white-space:nowrap;padding-left:8px}
.tk-art td:nth-child(3){width:1.6em;color:#6b6f78}
.tk-nb{margin:6px 0 0;color:#6b6f78;font-size:12px}
.tk-tot{display:flex;justify-content:space-between;margin:8px 0 0;padding-top:8px;border-top:1px dashed #8b8f98;font-weight:700;font-size:16px}
.tk-ligne{display:flex;justify-content:space-between;margin:2px 0 0}
.tk-recap{margin-top:10px;border-top:1px dashed #8b8f98}
.tk-recap th{padding:6px 0 2px;font:700 11px var(--v-ticket);text-align:right;color:#6b6f78}
.tk-recap th:first-child,.tk-recap td:first-child{text-align:left}
.tk-recap td{text-align:right;font-size:12.5px!important}
.tk-recap tfoot td{font-weight:700;color:var(--v-rouge);border-top:1px dashed #c9ccd2;padding-top:3px}
.ticket .doc-main{font-family:var(--v-main);font-size:22px}
.ticket .tk-pied{margin:12px 0 0;text-align:center;color:#6b6f78;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
/* la facture et le relevé de remboursement */
.papier.facture,.papier.soins{padding:20px 20px 16px;border-radius:6px;background:#fff;font:400 13.5px/1.4 var(--v-f);color:#1d2433;box-shadow:0 1px 1px rgba(20,33,61,.08),0 26px 50px -30px rgba(20,33,61,.5)}
.papier.facture *,.papier.soins *{font-family:inherit}
.fa-tete{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:12px;margin-bottom:10px;border-bottom:2px solid var(--v-encre)}
.fa-tete b{display:block;font:800 16px/1.2 var(--v-f);color:var(--v-encre)}
.fa-tete span{font-size:12px;color:var(--v-doux)}
.fa-montant{margin:0;padding:8px 12px;border-radius:8px;background:var(--v-encre);color:#fff;text-align:right}
.fa-montant small{display:block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.fa-montant b{font:700 18px var(--v-n)!important;color:#fff}
.fa-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.fa-table th{padding:6px 6px;font:700 10px/1.2 var(--v-f);letter-spacing:.06em;text-transform:uppercase;color:var(--v-doux);text-align:right;background:#f3f1ec}
.fa-table th:first-child,.fa-table td:first-child{text-align:left}
.fa-table td{padding:6px;text-align:right;vertical-align:top;border-bottom:1px solid #eeece6}
.fa-table td:last-child{white-space:nowrap;font-family:var(--v-n);font-weight:500}
.fa-table .fp-note{display:block;font:400 11.5px/1.3 var(--v-f);color:var(--v-doux)}
.fa-table .fp-note::before{content:none}
.fa-table .pa-taxe td:last-child,.fa-table .pa-taxe td:first-child{color:var(--v-rouge)}
.fa-sous td{font-weight:600}
.fa-table .pa-total td{font-weight:700;color:var(--v-encre);border-top:1.5px solid var(--v-encre);border-bottom:0}
.fa-mois{margin:8px 0 0;font-size:12.5px;color:var(--v-doux)}
.papier .pa-tampon{display:none}

@keyframes v-pop{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}
@keyframes v-pouls{0%{box-shadow:0 0 0 0 rgba(216,52,58,.55)}70%{box-shadow:0 0 0 10px rgba(216,52,58,0)}100%{box-shadow:0 0 0 0 rgba(216,52,58,0)}}

@media (max-width:980px){
  .v-vous,.v-carte-zone,.v-part,.v-doc{grid-template-columns:1fr}
  .v-cartes,.v-decide,.v-foyer{grid-template-columns:1fr 1fr}
  .v-repart{grid-template-columns:1fr}
}
@media (max-width:600px){
  body{font-size:16px}
  .v-direct{font-size:13px;gap:6px}
  .v-panneau{border-radius:26px;padding:26px 18px}
  .v-chapeau{font-size:17px}
  .v-somme{padding:20px}
  .v-ct{grid-template-columns:1fr;gap:6px}
  .v-ct .v-piste{height:52px}
  .v-jauge b{font-size:22px}
  .v-cartes,.v-decide{grid-template-columns:1fr}
  .v-defi-zone{grid-template-columns:1fr}
  .v-flamme{grid-auto-flow:column;align-items:center;justify-self:start;gap:10px;padding:10px 16px}
  .v-flamme svg{width:28px;height:28px}
  .v-flamme b{font-size:24px}
  .v-bientot{grid-template-columns:1fr;padding:26px 22px}
  .bulletin{padding:14px 10px 12px}
  .bulletin th:nth-child(2),.bulletin td:nth-child(2),.bulletin th:nth-child(3),.bulletin td:nth-child(3){display:none}
  .bulletin td:first-child{min-width:0}
  .bp-pied{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  .v-point,.v-score,.v-verdict,.v-options button.bon{animation:none}
  .v-jauge,.v-rp i::after,.v-etq-in,.v-trou{transition:none}
}
/* les papiers dans la feuille : la calculette sur toute la largeur, la facture et le relevé assez larges pour leurs colonnes */
.fenetre .calc{display:block;padding:0;border-radius:0;background:none;box-shadow:none}
.fenetre .calc2 .bulletin{max-width:46rem}
.doc-duo:has(.facture),.doc-duo:has(.soins){grid-template-columns:minmax(0,30rem) minmax(0,1fr)}
.v-doc:has(.facture),.v-doc:has(.soins){grid-template-columns:minmax(0,30rem) minmax(0,1fr)}
.fa-montant b{white-space:nowrap}
@media (max-width:860px){.doc-duo:has(.facture),.doc-duo:has(.soins),.v-doc:has(.facture),.v-doc:has(.soins){grid-template-columns:minmax(0,1fr)}}
/* le direct, bien visible en haut ; la fiche de paie en mots simples (08/10/2026) */
.v-direct{display:grid;justify-items:center;gap:6px;width:var(--large);margin:14px auto 0}
.v-direct p{margin:0}
.v-direct>p:first-child{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;padding:12px 22px;border-radius:18px;background:var(--v-encre);color:#fff;font:600 17px/1.35 var(--v-f);text-align:center}
.v-direct b{color:var(--v-or);font:700 19px var(--v-n);font-variant-numeric:tabular-nums}
.v-direct-n{padding-left:16px;border-left:1px solid rgba(255,255,255,.25)}
.v-direct .v-retour{margin:0;font-size:15px;color:var(--v-encre)}
.v-direct .v-retour b{color:var(--v-rouge);font-size:15px}
.bp-tete{align-items:flex-end}
.bp-traduit{margin:0;font:700 22px/1 var(--v-main);color:var(--v-rouge);transform:rotate(-2deg)}
.bulletin td{padding:8px 8px;vertical-align:middle}
.bulletin td:first-child b{display:block;font:600 14.5px/1.3 var(--v-f);color:var(--v-encre)}
.bulletin td:first-child small{display:block;margin-top:1px;font-size:11px;color:var(--v-pale);letter-spacing:.01em}
.bulletin td:nth-child(2),.bulletin td:nth-child(3){font:500 14px var(--v-n);width:7.5rem}
.bulletin th{white-space:normal;line-height:1.25}
.bp-total td:first-child b,.bp-fort td:first-child b{font-weight:800}
.bp-pied span{text-transform:none;letter-spacing:0;font-size:13.5px}
@media (max-width:600px){
  .v-direct>p:first-child{font-size:14.5px;padding:10px 14px;gap:4px 10px}
  .v-direct b{font-size:16px}
  .v-direct-n{padding-left:0;border-left:0}
  .v-direct .v-point{display:none}
  .bulletin td:nth-child(2),.bulletin td:nth-child(3),.bulletin th:nth-child(2),.bulletin th:nth-child(3){display:table-cell;width:4.6rem;font-size:12.5px}
  .bulletin td:first-child b{font-size:13.5px}
}
/* l'en-tête, version A (08/10/2026) : les mêmes onglets et le même rond que tout le site (assets/barre.css) */
.barre-droite{display:flex;align-items:center;gap:12px}
.lc-onglets{display:inline-flex;padding:4px;border-radius:999px;background:#ece5d6}
.lc-onglets a{display:inline-flex;align-items:center;min-height:34px;padding:0 16px;border-radius:999px;font:600 15px/1 Spectral,Georgia,serif;color:#0d2241;text-decoration:none;white-space:nowrap}
.lc-onglets a:hover{background:rgba(255,255,255,.6)}
.lc-onglets a[aria-current]{background:#fff;box-shadow:0 2px 8px -3px rgba(13,34,65,.35)}
.lc-court{display:none}
.barre-compte{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#1c3372;color:#fff}
.barre-compte svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
@media (max-width:760px){.lc-onglets a{min-height:30px;padding:0 11px;font-size:13.5px}.lc-long{display:none}.lc-court{display:inline}.barre-compte{width:36px;height:36px}}
html{background:var(--v-fond)}
/* dans l'app La Criée (?app=1) : la page seule */
.en-app .barre,.en-app .pied{display:none}
.en-app .v-direct{margin-top:10px}
/* la barre du haut est celle de tout le site (assets/barre.css) ; le filet de lecture se pose en haut de l'écran */
.v-lecture{position:fixed;top:0;left:0;right:0;bottom:auto;z-index:70;height:3px}
.lc-barre{background:var(--v-fond)}
.en-app .lc-barre,.en-app .lc-quiz-bandeau,.en-app .lc-quiz{display:none!important}
/* dans l'app, le fond blanc de l'app (08/10/2026) : passer du fil à La France ne change pas de papier */
.en-app{--v-fond:#fff}
.en-app,.en-app body{background:#fff}
/* Un schéma ou des exemples de cinq cartes au plus : une seule rangée, jamais une carte seule en dessous (fiches.js, --n) */
@media (min-width:641px){.fr-schema[style*="--n"],.fr-exemples[style*="--n"]{grid-template-columns:repeat(var(--n),minmax(0,1fr))}}
@media (min-width:641px){.fr-schema[style*="--n:5"] span,.fr-exemples[style*="--n:5"] span{font-size:14px}}
/* La courbe d'une fiche (fiches.js, courbe) : un trait, son aire pâle, la suite en pointillé */
.fr-courbe{margin:0}
.fr-courbe svg{display:block;width:100%;height:auto;overflow:visible}
.fr-courbe .c-g{stroke:var(--filet);stroke-width:1}
.fr-courbe .c-t{font:500 12px/1 var(--f-chiffre,var(--f-texte));fill:var(--doux)}
.fr-courbe .c-aire{fill:var(--nuit);opacity:.07}
.fr-courbe .c-trait{fill:none;stroke:var(--nuit);stroke-width:2.2;stroke-linejoin:round}
.fr-courbe .c-suite{fill:none;stroke:var(--rouge);stroke-width:2.2;stroke-dasharray:5 5}
.fr-courbe .c-p{fill:var(--nuit);stroke:var(--carte);stroke-width:2}
.fr-courbe .c-prevu{fill:var(--rouge)}
.fr-courbe .c-v{font:700 13.5px/1 var(--f-chiffre,var(--f-texte));fill:var(--nuit)}
.fr-courbe .c-prevu-t{fill:var(--rouge)}
.fr-courbe .c-cible{fill:transparent}
.fr-courbe .c-cible:hover{fill:var(--rouge);fill-opacity:.25}
.fr-courbe figcaption{margin-top:6px;font-size:13.5px;color:var(--doux)}