/* Encart contextuel des articles (inc/class-insuffle-encart-article.php). Préfixe ea-.
   Posé dans .prose, sur fond blanc : il doit trancher sans crier. Nuit, filet jaune, photo à droite. */
.prose .ea,.ea{--ea-nuit:#0B1220;--ea-jaune:#FFDE59;--ea-gris:#C9CFDB;--ea-trait:rgba(255,255,255,.12);
  display:grid;grid-template-columns:1fr;gap:0;margin:48px 0;border-radius:20px;overflow:hidden;background:var(--ea-nuit);color:#fff;
  box-shadow:0 24px 60px rgba(11,18,32,.28);position:relative;isolation:isolate;font-family:Inter,system-ui,sans-serif;clear:both}
.prose .ea--visuel,.ea--visuel{grid-template-columns:1.25fr .95fr}
.ea::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--ea-jaune);z-index:2}
.ea::after{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,222,89,.18),transparent 70%);pointer-events:none}
.ea-corps{padding:34px 34px 30px 40px;position:relative;z-index:1}
.prose .ea p,.prose .ea li,.ea p,.ea li{margin:0;color:#fff!important;font-family:Inter,system-ui,sans-serif}
.prose .ea .ea-kicker,.ea .ea-kicker{font:800 11px/1.3 Inter,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--ea-jaune)!important;margin:0 0 14px!important;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ea-etiquette{display:inline-block;background:var(--ea-jaune);color:var(--ea-nuit);font-size:10px;letter-spacing:.14em;padding:3px 8px;border-radius:999px}
.prose .ea .ea-titre,.ea .ea-titre{font-size:clamp(22px,2.4vw,30px);font-weight:900;line-height:1.1;letter-spacing:-.03em;color:#fff!important;margin:0 0 14px!important;text-transform:none}
.prose .ea .ea-texte,.ea .ea-texte{font-size:16px;line-height:1.6;color:var(--ea-gris)!important;margin:0 0 16px!important}
.prose .ea-puces,.ea-puces{list-style:none;margin:0 0 22px!important;padding:0;display:grid;gap:7px}
.prose .ea-puces li,.ea-puces li{position:relative;padding-left:22px;font-size:14px;line-height:1.5;color:#fff!important;margin:0!important}
.prose .ea-puces li::before,.ea-puces li::before{content:"";position:absolute;left:0;top:9px;width:10px;height:3px;background:var(--ea-jaune);border-radius:2px}
.prose .ea .ea-cta,.ea .ea-cta{display:inline-flex;align-items:center;gap:.6em;background:var(--ea-jaune);color:var(--ea-nuit)!important;text-decoration:none!important;font:900 13px/1 Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:16px 22px;border-radius:4px;transition:transform .2s,background .2s}
.prose .ea .ea-cta:hover,.ea .ea-cta:hover{background:#fff;transform:translateY(-1px)}
.prose .ea-cta:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ea-cta span{transition:transform .2s}.ea-cta:hover span{transform:translateX(3px)}
.ea-visuel{display:block;position:relative;min-height:260px;overflow:hidden}
.prose .ea .ea-visuel img,.ea .ea-visuel img{width:100%;height:100%;object-fit:cover;display:block;margin:0!important;border-radius:0;filter:saturate(.9) contrast(1.05);transform:scale(1.02);transition:transform .6s ease}
.ea:hover .ea-visuel img{transform:scale(1.06)}
.ea-visuel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ea-nuit) 0%,rgba(11,18,32,.35) 30%,transparent 60%)}
.ea--guide .ea-visuel img{object-fit:contain;object-position:center;background:#0B1220;padding:18px;transform:rotate(-2deg) scale(.92)}
.ea--guide .ea-visuel::after{background:none}
/* Apparition douce quand l'encart entre dans l'écran (rien n'est caché sans JS) */
.ea .ea-corps>*{transition:opacity .6s ease,transform .6s ease}
@media (prefers-reduced-motion:no-preference){.ea.ea-anim:not(.ea--vu) .ea-corps>*{opacity:0;transform:translateY(10px)}.ea--vu .ea-corps>*{opacity:1;transform:none}
.ea--vu .ea-corps>:nth-child(2){transition-delay:.08s}.ea--vu .ea-corps>:nth-child(3){transition-delay:.16s}.ea--vu .ea-corps>:nth-child(4){transition-delay:.24s}.ea--vu .ea-corps>:nth-child(5){transition-delay:.32s}}
@media (max-width:860px){
  .prose .ea--visuel,.ea--visuel{grid-template-columns:1fr}
  .ea-visuel{min-height:0;height:180px;order:-1}
  .ea-visuel::after{background:linear-gradient(180deg,transparent 40%,var(--ea-nuit) 100%)}
  .ea-corps{padding:26px 22px 26px 28px}
  .ea-titre{font-size:22px}
}

/* Les gabarits d'articles posent leurs couleurs avec un identifiant et !important (#ins-scope .ins-prose p) :
   on remonte d'un cran, via l'identifiant du conteneur de contenu, pour que l'encart garde les siennes. */
#post-content .ea .ea-corps p,#post-content .ea .ea-corps li{color:#fff!important}
#post-content .ea .ea-corps .ea-kicker{color:var(--ea-jaune)!important}
#post-content .ea .ea-corps .ea-texte{color:var(--ea-gris)!important}
#post-content .ea .ea-corps .ea-cta{color:var(--ea-nuit)!important;text-decoration:none!important;background:var(--ea-jaune)}
#post-content .ea .ea-corps .ea-cta:hover{background:#fff}
#post-content .ea .ea-corps .ea-etiquette{color:var(--ea-nuit)!important}
#post-content .ea .ea-corps .ea-titre{font-size:clamp(22px,2.4vw,30px)!important;font-weight:900!important;line-height:1.1!important;letter-spacing:-.03em!important;font-family:Inter,system-ui,sans-serif!important}
#post-content .ea .ea-corps .ea-texte{font-size:16px!important;line-height:1.6!important}
#post-content .ea .ea-corps .ea-kicker{font-size:11px!important;line-height:1.3!important;letter-spacing:.2em!important}
#post-content .ea .ea-corps .ea-puces{list-style:none!important;padding-left:0!important;margin-left:0!important}
#post-content .ea .ea-corps .ea-puces li{list-style:none!important;font-size:14px!important;line-height:1.5!important;padding-left:22px!important;margin:0!important}
#post-content .ea .ea-corps .ea-puces li::marker{content:""}
#post-content .ea .ea-corps .ea-cta{font-size:13px!important;line-height:1.3!important;text-align:left}
@media (max-width:860px){#post-content .ea .ea-corps .ea-titre{font-size:22px!important}.ea .ea-cta{letter-spacing:.06em}}