/* Styles des briques communes (bandeau, horoscope, 1MF, compteur).
   Neutres exprès : chaque variante les repeint via ses propres variables.
   Une variante qui ne redéfinit rien obtient un rendu gris correct. */
:root{
  --n2k-alert:#c00; --n2k-alert-ink:#fff;
  --n2k-ink:#000; --n2k-paper:#fff; --n2k-line:#999; --n2k-grey:#666;
}

/* ---- bandeau d'alerte défilant ---- */
.n2k-band{overflow:hidden;white-space:nowrap;background:var(--n2k-alert);color:var(--n2k-alert-ink);
  font-size:12px;padding:5px 0;position:relative;border-bottom:1px solid rgba(0,0,0,.35)}
.n2k-band-piste{display:inline-flex;animation:n2k-defile 34s linear infinite}
.n2k-band-txt{padding-right:60px;flex:none}
@keyframes n2k-defile{to{transform:translateX(-50%)}}
.n2k-band-crit{animation:n2k-clign 1.1s steps(2,end) infinite}
@keyframes n2k-clign{50%{opacity:.62}}
/* Le défilement est un marqueur d'époque, pas une information :
   à l'arrêt on rend le texte lisible d'un coup. */
@media(prefers-reduced-motion:reduce){
  .n2k-band{white-space:normal}
  .n2k-band-piste{animation:none;display:block}
  .n2k-band-txt:nth-child(2){display:none}
  .n2k-band-txt{padding-right:0;white-space:normal}
  .n2k-band-crit{animation:none}
}

/* ---- horoscope ---- */
.n2k-horo-jour{margin:0 0 12px;padding:10px 12px;border:1px solid var(--n2k-line);
  background:rgba(0,0,0,.04);font-size:13.5px;line-height:1.45}
.n2k-horo-list{list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:7px}
.n2k-horo-list li{font-size:12px;line-height:1.4;color:var(--n2k-grey);
  border-bottom:1px dotted var(--n2k-line);padding-bottom:6px}
.n2k-sg{display:block;color:var(--n2k-ink);font-weight:700;font-size:12.5px}

/* ---- jeu-concours 1MF ---- */
.n2k-million{border:2px solid var(--n2k-alert);padding:13px 15px;background:rgba(255,220,0,.16)}
.n2k-million h3{margin:0 0 8px;font-size:17px;color:var(--n2k-alert)}
.n2k-million form{display:flex;gap:7px;flex-wrap:wrap;margin:0}
.n2k-million input{flex:1 1 190px;min-width:0;padding:8px;border:1px solid var(--n2k-line);font:inherit;font-size:16px}
.n2k-million button{padding:8px 16px;border:2px outset var(--n2k-line);background:#e8e8e8;font:inherit;cursor:pointer}
.n2k-million button:active{border-style:inset}
.n2k-million-out{margin:11px 0 0;padding:10px;border:1px dashed var(--n2k-alert);
  background:var(--n2k-paper);font-size:13px;line-height:1.5}
.n2k-legal{font-size:10.5px;color:var(--n2k-grey);margin:8px 0 0;line-height:1.4}

/* ---- compteur de visiteurs ---- */
.n2k-compteur{display:inline-flex;gap:2px;padding:3px;background:#000;border:2px inset #888}
.n2k-d{font-family:"Courier New",monospace;font-size:17px;font-weight:700;color:#3f3;
  background:#111;padding:2px 4px;min-width:15px;text-align:center;line-height:1.1}

/* ---- accessibilité ---- */
.n2k-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ============================================================
   SORTIE DE PISTE — transition "Mise au point" (B3)

   Historique des deux ratages, pour ne pas y revenir :
   1) wrapper .n2k-flou autour de TOUTE la page -> tout l'ecran flou.
   2) calque backdrop-filter pose sur la strate finale -> il se
      superposait a la strate (meme `top`), donc il ne floutait
      rien de l'epoque. Mesure au navigateur : calque top=302,
      sortie top=302.

   Solution retenue : on floute DIRECTEMENT les derniers blocs de
   la page d'epoque, marques `data-n2k-fin`. Pas de calque, pas de
   backdrop-filter, pas de superposition : un filter:blur sur les
   elements eux-memes, ce qui marche partout et se voit vraiment.
   ============================================================ */
:root{
  --n2k-m-ink:#1d1033; --n2k-m-paper:#fff; --n2k-m-grey:#6f5c8c;
  --n2k-m-line:#e6d9f7; --n2k-m-fill:#6d28d9; --n2k-m-accent:#db2777;
}

/* Les derniers blocs d'epoque : nets, puis flous quand la strate arrive.
   Le degrade de flou est obtenu en echelonnant l'intensite par element. */
[data-n2k-fin]{transition:filter .9s ease,opacity .9s ease,transform .9s ease}
[data-n2k-fin].n2k-net{filter:blur(3px);opacity:.55;transform:scale(1.008)}
[data-n2k-fin].n2k-net[data-n2k-fin="2"]{filter:blur(5px);opacity:.42}
[data-n2k-fin].n2k-net[data-n2k-fin="3"]{filter:blur(7px);opacity:.3}

/* La strate finale, aux tokens de moderne.html. */
.n2k-sortie{position:relative;z-index:2;margin-top:-26px;
  background:var(--n2k-m-paper);color:var(--n2k-m-ink);
  font-family:Outfit,system-ui,-apple-system,"Segoe UI",sans-serif;
  border-radius:16px 16px 0 0;border-top:1px solid var(--n2k-m-line);
  box-shadow:0 -16px 48px rgba(29,16,51,.3);
  padding:clamp(28px,4.5vw,48px) clamp(18px,3.5vw,40px) clamp(30px,4.5vw,48px);
  display:grid;grid-template-columns:.62fr 1.38fr;gap:clamp(18px,3.5vw,36px);
  align-items:start;text-align:left;
  transform:translateY(34px);opacity:0;
  transition:transform .85s cubic-bezier(.16,.84,.34,1),opacity .5s ease}
.n2k-sortie.n2k-monte{transform:none;opacity:1}

@media(max-width:700px){.n2k-sortie{grid-template-columns:1fr}}
@media(max-width:560px){
  /* v2 : l'image passe en premier sur mobile aussi (demande Florian). */
  section.n2k-sortie>figure{max-width:210px;margin:0 auto 4px}   /* section. : passe devant `.n2k-sortie figure{margin:0}` plus bas */
  .n2k-sortie .n2k-cta{display:block;text-align:center}}
.n2k-sortie figure{margin:0}
.n2k-sortie img{display:block;width:100%;height:auto;border:3px solid var(--n2k-m-fill);
  border-radius:12px;filter:saturate(1.12) contrast(1.02)}
.n2k-sortie p{max-width:62ch;font-size:15px;color:var(--n2k-m-grey);margin:0 0 13px;
  line-height:1.6;font-family:inherit;text-shadow:none;text-align:left}
.n2k-sortie p:last-child{margin-bottom:0}
.n2k-sortie strong,.n2k-sortie b{color:var(--n2k-m-ink);font-weight:600}
.n2k-sortie .n2k-lead{font-size:clamp(18px,2.4vw,24px);color:var(--n2k-m-ink);
  line-height:1.35;letter-spacing:-.02em;margin-bottom:15px}
.n2k-sortie .n2k-cta-row{margin:20px 0 0}
.n2k-sortie .n2k-cta{display:inline-block;padding:15px 26px;
  background:var(--n2k-m-accent);color:#fff;border:2px solid var(--n2k-m-accent);
  font-family:inherit;font-size:14.5px;font-weight:600;letter-spacing:.04em;
  text-decoration:none;border-radius:999px;box-shadow:0 6px 0 #9d1750}
.n2k-sortie .n2k-cta:hover{background:transparent;color:var(--n2k-m-accent)}
.n2k-sortie .n2k-cta:focus-visible{outline:3px solid var(--n2k-m-grey);outline-offset:3px}
.n2k-sortie .n2k-assoc{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--n2k-m-grey);margin-top:18px}

/* La bascule est un effet, pas une information : a l'arret tout reste net. */
@media(prefers-reduced-motion:reduce){
  [data-n2k-fin],[data-n2k-fin].n2k-net{filter:none;opacity:1;transform:none;transition:none}
  .n2k-sortie{margin-top:0;box-shadow:none;transform:none;opacity:1;transition:none}
}

/* ================= LA PUB PARAPLUIE =================
   Une pop-up, ouverte au clic sur « Donne les sous pour voir la suite ».
   Pas de cascade, pas de chaîne : une fenêtre, on la ferme, c'est fini.

   Le cadre reprend une fenêtre Win98 : biseaux sortants/rentrants, barre de
   titre bleue, boutons _ et X. La créa brillante vient du format 468 relevé
   sur Le Monde 2002 (pub_OAS_468, régie pubs.lemonde.fr/RealMedia/ads/).

   Les proportions sont FIXES et identiques sur toutes les pages : les
   variantes d'époque ont des font-size de base différentes (13px sur Élysée),
   qui rétrécissaient la pub. Tout est donc en px absolus, jamais en em. */
.n2k-pub-zone{position:fixed;inset:0;z-index:60;display:flex;
  align-items:center;justify-content:center;padding:16px}
.n2k-pub-zone[hidden]{display:none}
.n2k-pub-voile{position:absolute;inset:0;background:rgba(12,6,26,.5);
  opacity:0;transition:opacity .22s ease}
.n2k-pub-zone.n2k-pub-on .n2k-pub-voile{opacity:1}

.n2k-pub{position:relative;width:606px;max-width:100%;padding:3px;background:#c0c0c0;
  border:2px solid;border-color:#fff #404040 #404040 #fff;
  box-shadow:5px 5px 0 rgba(0,0,0,.5);
  font-family:Tahoma,"MS Sans Serif",Verdana,sans-serif;font-size:11px;color:#000;
  line-height:1.45;text-align:left;
  opacity:0;transform:scale(.94);transition:opacity .18s ease,transform .18s ease}
.n2k-pub-zone.n2k-pub-on .n2k-pub{opacity:1;transform:none}
.n2k-pub-tb{background:linear-gradient(90deg,#000080,#1084d0);color:#fff;padding:3px 4px;
  display:flex;align-items:center;gap:6px;font-weight:700;font-size:11px}
.n2k-pub-tb .n2k-pub-ico{flex:none}
.n2k-pub-tb .n2k-pub-ttl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n2k-pub-tb .n2k-pub-btns{display:flex;gap:2px;flex:none}
.n2k-pub-tb button{width:17px;height:15px;font:inherit;font-size:9px;line-height:1;padding:0;
  border:2px solid;border-color:#fff #404040 #404040 #fff;background:#c0c0c0;color:#000;cursor:pointer}
.n2k-pub-tb button:active{border-color:#404040 #fff #fff #404040}
.n2k-pub-tb button:focus-visible{outline:2px solid #ff0;outline-offset:1px}
.n2k-pub-ct{padding:8px}
.n2k-pub-lbl{font-size:9px;letter-spacing:.2em;color:#555;text-transform:uppercase;margin:0 0 6px}

/* La créa : dégradé chaud + balayage brillant, comme les GIF animés de 2001. */
.n2k-pub-crea{position:relative;overflow:hidden;padding:13px 15px;
  border:2px solid;border-color:#404040 #fff #fff #404040;
  background:linear-gradient(100deg,#ffe68a,#ff9f1c 55%,#ff5d5d);
  display:flex;align-items:center;gap:14px}
.n2k-pub-crea::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.75) 50%,transparent 62%);
  transform:translateX(-120%);animation:n2k-brille 2.8s linear infinite}
@keyframes n2k-brille{to{transform:translateX(120%)}}
/* Le parapluie clignote : il fallait bien que quelque chose clignote. */
.n2k-pub-ico-gros{font-size:36px;line-height:1;flex:none;
  animation:n2k-clign 1.1s steps(2,end) infinite;position:relative;z-index:1}
@keyframes n2k-clign{50%{opacity:.35}}
.n2k-pub-mots{flex:1;min-width:0;position:relative;z-index:1}
.n2k-pub-t{margin:0;font:700 15px/1.12 Arial,Helvetica,sans-serif;color:#7a2600;
  text-shadow:1px 1px 0 rgba(255,255,255,.6)}
.n2k-pub-s{margin:4px 0 0;font:10.5px/1.4 Arial,Helvetica,sans-serif;color:#8a3a00}
/* Les mentions légales : le vrai gag est là, en tout petit. */
.n2k-pub-legal{margin:7px 0 0;font:9px/1.5 Tahoma,"MS Sans Serif",Verdana,sans-serif;color:#555}

/* Le paywall devient cliquable : c'est lui qui ouvre la pub. */
.n2k-paywall-lien{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;
  letter-spacing:inherit;text-transform:inherit;cursor:pointer;text-decoration:underline;
  text-underline-offset:3px}
.n2k-paywall-lien:focus-visible{outline:2px solid currentColor;outline-offset:3px}

@media(max-width:560px){
  .n2k-pub-crea{flex-wrap:wrap;gap:10px;padding:11px 12px}
  .n2k-pub-t{font-size:13.5px}
  .n2k-pub-mots{flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce){
  .n2k-pub-crea::after{animation:none;display:none}
  .n2k-pub-ico-gros{animation:none}
  .n2k-pub,.n2k-pub-voile{transition:none}
  .n2k-pub{opacity:1;transform:none}
}

/* ================= AJOUTS V2 ================= */
/* Bouton de la pub vers la vraie cagnotte : bouton Win98, lisible. */
.n2k-pub-go{margin:8px 0 0;text-align:center}
.n2k-pub-go a{display:inline-block;padding:5px 12px;background:#c0c0c0;color:#000;
  border:2px solid;border-color:#fff #404040 #404040 #fff;font:700 11px Tahoma,Verdana,sans-serif;
  text-decoration:none}
.n2k-pub-go a:active{border-color:#404040 #fff #fff #404040}
.n2k-pub-go a:focus-visible{outline:2px dotted #000;outline-offset:2px}

/* Cagnotte + paliers, dans la strate finale (tokens de moderne). */
.n2k-cag{margin:18px 0 0;padding:14px 16px;border:1.5px solid var(--n2k-m-line);border-radius:12px}
.n2k-sortie .n2k-cag-chif{margin:0 0 6px;font-size:15px;color:var(--n2k-m-ink)}
.n2k-sortie .n2k-cag-meta{margin:6px 0 0;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.n2k-cag-bar{height:12px;border-radius:999px;background:var(--n2k-m-line);overflow:hidden}
.n2k-cag-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--n2k-m-fill),var(--n2k-m-accent))}
.n2k-sortie .n2k-pal-intro{font-size:13.5px;margin:18px 0 8px}
/* En liste : la colonne de la strate est étroite, 3 cartes y tombaient en 2+1. */
.n2k-pal{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.n2k-pal a{border:1.5px solid var(--n2k-m-line);border-radius:12px;padding:9px 12px;
  display:grid;grid-template-columns:26px 1fr auto;column-gap:10px;align-items:center;
  text-decoration:none;color:inherit;transition:border-color .15s ease}
/* v3 : les paliers sont des liens vers HelloAsso */
.n2k-pal a:hover{border-color:var(--n2k-m-accent)}
.n2k-pal a:focus-visible{outline:3px solid var(--n2k-m-grey);outline-offset:2px}
.n2k-pal-pic{grid-row:span 2;font-size:20px;color:var(--n2k-m-accent);line-height:1;text-align:center}
.n2k-pal-nom{font-weight:600;color:var(--n2k-m-ink);font-size:14px}
.n2k-pal-px{grid-row:span 2;grid-column:3;font-weight:700;color:var(--n2k-m-accent);font-size:16px;white-space:nowrap}
.n2k-pal-txt{grid-column:2;font-size:12.5px;color:var(--n2k-m-grey);line-height:1.4}

/* Signature, sous la strate finale. */
.n2k-credit{position:relative;z-index:2;margin:0;padding:10px 16px 14px;text-align:center;
  background:var(--n2k-m-paper);color:var(--n2k-m-grey);font:11px/1.4 Outfit,system-ui,sans-serif;
  letter-spacing:.02em}
.n2k-credit a{color:inherit;text-underline-offset:2px;display:inline-block;padding:5px 0}

/* Recherches fréquentes, sous le champ (Élysée, Le Monde) : de simples liens. */
.n2k-sugg{flex-basis:100%;margin:7px 0 0;font-size:11px;color:var(--n2k-grey)}
.n2k-sugg a{color:var(--n2k-ink);text-underline-offset:2px}

/* ================= AJOUTS V3 ================= */
/* Suivre + partager, sous le bouton HelloAsso de la strate finale. */
.n2k-sortie .n2k-social{margin:14px 0 0;font-size:14px;color:var(--n2k-m-grey)}
.n2k-sortie .n2k-social a{color:var(--n2k-m-ink);font-weight:600;text-underline-offset:3px}
.n2k-partage{font:600 13px/1 Outfit,system-ui,sans-serif;padding:9px 16px;margin:12px 0 0;cursor:pointer;
  border:2px solid var(--n2k-m-fill);background:transparent;color:var(--n2k-m-fill);border-radius:999px}
.n2k-partage:hover{background:var(--n2k-m-fill);color:#fff}
.n2k-partage:focus-visible{outline:3px solid var(--n2k-m-grey);outline-offset:2px}

/* recette : « J-93 » se coupait en « J- / 93 » sur mobile */
[data-n2k="rebours"]{white-space:nowrap}

/* Mini-barre de progression de la cagnotte, repeinte par chaque variante. */
.n2k-prog-bar{display:block;height:8px;margin:5px 0 3px;background:#fff;border:1px solid var(--n2k-line)}
.n2k-prog-bar span{display:block;height:100%;background:var(--n2k-alert)}
.n2k-prog-txt{display:block;font-size:10.5px}

/* ================= AJOUTS V4 ================= */
/* Le scale(1.008) des blocs flous faisait dépasser le pied de 0,49 px : selon
   l'arrondi, 1 px de scroll horizontal à 375 (recette v4). Invisible, on le retire. */
[data-n2k-fin].n2k-net{transform:none}
/* Jauge : « Direct dans 3… », avant que la décroissance parte. */
.n2k-decompte [data-n2k-note]{animation:n2k-clign .9s steps(2,end) infinite;font-weight:700}
@media(prefers-reduced-motion:reduce){.n2k-decompte [data-n2k-note]{animation:none}}

/* Traînées derrière la souris (curseur d'époque). */
.n2k-trace{position:fixed;pointer-events:none;z-index:70}
.n2k-trace-fantome{width:12px;height:19px;background:no-repeat;opacity:.55;animation:n2k-fantome .32s steps(3,end) forwards}
@keyframes n2k-fantome{to{opacity:0}}
.n2k-trace-lettres{font:italic 700 12px Georgia,"Times New Roman",serif;color:var(--n2k-alert);
  animation:n2k-lettre .9s ease-out forwards}
@keyframes n2k-lettre{to{transform:translateY(10px);opacity:0}}
.n2k-trace-etoiles{color:#ff0;font-size:14px;animation:n2k-etoile .7s ease-out forwards}
@keyframes n2k-etoile{to{transform:translateY(18px) scale(.3);opacity:0}}

/* ================= RÉVÉLATION ISO LANDING (06/10/2026) =================
   Mêmes valeurs que la révélation de index.php (section #soutien, variables de .break) : à reporter ici
   à chaque retouche de l'une ou l'autre. Placé en fin de fichier pour passer devant les règles plus haut. */
.n2k-sortie{--rv-ink:#1d1033;--rv-grey:#6f5c8c;--rv-line:#e6d9f7;--rv-fill:#6d28d9;--rv-accent:#db2777;--rv-bar:#f3e8ff;
  --rv-body:Outfit,"Outfit Fallback",system-ui,sans-serif;--rv-display:Montserrat,"Montserrat Fallback",system-ui,sans-serif;
  font-family:var(--rv-body);line-height:1.5;grid-template-columns:.7fr 1.3fr;gap:clamp(20px,4vw,40px);
  padding:clamp(28px,4.5vw,48px) max(20px,calc(50vw - 520px)) clamp(36px,5vw,60px)}
@media(max-width:760px){.n2k-sortie{grid-template-columns:1fr}}
@media(max-width:480px){.n2k-sortie{padding-left:16px;padding-right:16px}}
@media(min-width:761px){.n2k-sortie>figure{position:sticky;top:24px}}
@media(max-width:560px){section.n2k-sortie>figure{max-width:260px;width:100%;margin:0 auto 4px}}
.n2k-sortie p{font-size:15.5px;color:var(--rv-grey);margin:0 0 14px;line-height:1.5}
.n2k-sortie strong{color:var(--rv-ink);font-weight:700}
.n2k-sortie a:not(.n2k-cta){color:var(--rv-ink);text-underline-offset:3px}
/* Diaporama des coulisses */
.n2k-diapo{display:grid}
.n2k-sortie .n2k-diapo img{grid-area:1/1;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;opacity:0;transition:opacity .6s ease}
.n2k-sortie .n2k-diapo img.on{opacity:1}
@media(prefers-reduced-motion:reduce){.n2k-sortie .n2k-diapo img{transition:none}}
/* Cagnotte */
.n2k-sortie .n2k-cag{margin:22px 0 0;padding:16px 18px;border:2px solid var(--rv-line);border-radius:16px}
.n2k-sortie .n2k-cag-chif{margin:0;font-size:16px;color:var(--rv-ink)}
.n2k-sortie .n2k-cag-chif b{font-weight:700}
.n2k-sortie .n2k-cag-bar{height:12px;border-radius:999px;background:var(--rv-bar);margin:8px 0 0}
.n2k-sortie .n2k-cag-meta{margin:6px 0 0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--rv-grey)}
.n2k-sortie .n2k-cag-bar{overflow:hidden}
.n2k-sortie .n2k-cag-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--rv-fill),var(--rv-accent))}
/* Bouton HelloAsso (même relief et même survol que les boutons de la landing) */
.n2k-sortie .n2k-cta-row{margin:18px 0 0}
.n2k-sortie .n2k-cta{padding:15px 24px;font:700 14px/1.2 var(--rv-display);letter-spacing:.04em;background:var(--rv-accent);color:#fff;
  border:2px solid var(--rv-accent);border-radius:999px;box-shadow:0 5px 0 #9d1750;transition:transform .08s ease,box-shadow .08s ease}
.n2k-sortie .n2k-cta:hover{background:var(--rv-accent);color:#fff;box-shadow:0 5px 0 #9d1750,inset 0 0 0 100vmax rgba(255,255,255,.22)}
.n2k-sortie .n2k-cta:active{transform:translateY(3px);box-shadow:none}
@media(max-width:560px){.n2k-sortie .n2k-cta{display:block;text-align:center;padding:17px 20px}}
/* Réassurance */
.n2k-sortie .n2k-reassure{display:inline-flex;align-items:center;gap:9px;margin:14px 0 18px;padding:8px 14px 8px 9px;border-radius:999px;
  background:var(--rv-bar);color:var(--rv-ink);font:600 14px/1.3 var(--rv-body);max-width:100%}
.n2k-sortie .n2k-reassure span{font-size:18px;line-height:1}
/* Contreparties : cartes, puis liste compacte sur téléphone */
.n2k-sortie .n2k-pal-intro{margin:22px 0 10px;font-size:14.5px}
.n2k-sortie .n2k-pal{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.n2k-sortie .n2k-pal-apart{margin:16px 0 10px}
.n2k-sortie .n2k-pal li{border:2px solid var(--rv-line);border-radius:16px;transition:border-color .15s ease}
.n2k-sortie .n2k-pal li:hover{border-color:var(--rv-accent)}
.n2k-sortie .n2k-pal a,.n2k-sortie .n2k-pal a:hover{display:block;height:100%;padding:14px;border:0;border-radius:16px;color:inherit;text-decoration:none}
.n2k-sortie .n2k-pal-pic{display:flex;align-items:center;height:34px;font-size:28px;line-height:1;color:var(--rv-accent);text-align:left}
.n2k-sortie .n2k-pal-pic svg{width:34px;height:34px;display:block}
.n2k-sortie .n2k-pal-nom{display:block;font-weight:600;margin:8px 0 0;font-size:15px;color:var(--rv-ink)}
.n2k-sortie .n2k-pal-px{display:block;font-weight:700;color:var(--rv-accent);font-size:20px;margin:2px 0 0}
.n2k-sortie .n2k-pal-txt{display:block;font-size:13px;color:var(--rv-grey);margin:6px 0 0;line-height:1.4}
@media(max-width:560px){
  .n2k-sortie .n2k-pal{grid-template-columns:1fr;gap:6px}
  .n2k-sortie .n2k-pal a,.n2k-sortie .n2k-pal a:hover{display:grid;grid-template-columns:34px 1fr auto;gap:2px 10px;align-items:center;padding:10px 12px}
  .n2k-sortie .n2k-pal-pic{grid-row:span 2;height:auto}
  .n2k-sortie .n2k-pal-nom{margin:0}
  .n2k-sortie .n2k-pal-px{margin:0;grid-column:3;grid-row:1;font-size:16px}
  .n2k-sortie .n2k-pal-txt{grid-column:2/4;margin:0}}
/* Réseaux */
.n2k-sortie .n2k-social{margin:16px 0 0;font-size:15px}
.n2k-sortie .n2k-social a{color:var(--rv-ink);font-weight:600}
/* Inscription : encart violet foncé */
.n2k-capture{margin:24px 0 6px;border:2px solid var(--rv-ink);padding:clamp(22px,4vw,40px);background:var(--rv-ink);color:#fff;border-radius:16px}
.n2k-capture h2{font:800 clamp(22px,2.6vw,30px)/1.1 var(--rv-display);text-transform:uppercase;text-wrap:balance;margin:0 0 12px;color:#fff;letter-spacing:0;text-shadow:none}
.n2k-sortie .n2k-capture p{margin:0 0 22px;max-width:62ch;font-size:15px;color:#fff;opacity:.85}
.n2k-capture form{display:flex;gap:10px;flex-wrap:wrap;margin:0}
.n2k-capture input{flex:1 1 260px;min-width:0;padding:14px 16px;line-height:1.2;border:2px solid #fff;background:transparent;color:#fff;
  font:16px var(--rv-body);border-radius:16px;box-shadow:none;height:auto}
.n2k-capture input::placeholder{color:rgba(255,255,255,.45)}
.n2k-capture button{align-self:center;padding:15px 24px;font:700 14px/1.2 var(--rv-display);letter-spacing:.04em;text-transform:none;cursor:pointer;
  background:var(--rv-accent);color:#fff;border:2px solid var(--rv-accent);border-radius:999px;box-shadow:0 5px 0 #9d1750;transition:transform .08s ease,box-shadow .08s ease}
.n2k-capture button:hover{box-shadow:0 5px 0 #9d1750,inset 0 0 0 100vmax rgba(255,255,255,.22)}
.n2k-capture button:active{transform:translateY(3px);box-shadow:none}
.n2k-capture :is(input,button):focus-visible{outline:3px solid var(--rv-grey);outline-offset:2px}
.n2k-sortie .n2k-capture .n2k-legal{font:11.5px/1.5 var(--rv-body);letter-spacing:.04em;margin:16px 0 0;max-width:62ch;opacity:.62}
.n2k-sortie .n2k-capture .n2k-merci{opacity:1;font-weight:700;font-size:17px;margin:0;display:flex;align-items:center}
.n2k-sortie .n2k-capture .n2k-news-err{margin:10px 0 0;font-weight:600;font-size:14px;color:#ffc4cf;opacity:1}
@media(max-width:560px){.n2k-capture form{flex-direction:column}.n2k-capture input{flex:0 0 auto}.n2k-capture button{width:100%}
  .n2k-capture{padding:22px 16px}.n2k-capture button{font-size:13px;letter-spacing:0;padding-left:10px;padding-right:10px}}   /* 09/10/2026 : bouton sur une ligne, comme la landing */
/* « Partager la page » : lien souligné avec flèche */
.n2k-sortie .n2k-partage{display:inline-block;margin:18px 0 0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;cursor:pointer;
  color:var(--rv-accent);font:700 15px/1.3 var(--rv-body);letter-spacing:0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.n2k-sortie .n2k-partage::after{content:" →"}
.n2k-sortie .n2k-partage:hover{background:none;color:var(--rv-ink)}
/* Pied de page */
.n2k-credit{padding:28px 16px calc(32px + env(safe-area-inset-bottom,0px));font:12px/1.4 var(--rv-body,Outfit,system-ui,sans-serif);letter-spacing:.02em}