/* Blog quizpompier.fr : styles articles + encart affiliation. Base commune : /assets/site.css */
.page-head{padding:44px 0 86px}
.page-head .crumbs{font-size:.88rem;color:rgba(255,255,255,.6);margin-bottom:18px}
.page-head .crumbs a{color:rgba(255,255,255,.82);text-decoration:none}
.page-head .crumbs a:hover{color:#fff}
.page-head h1{font-family:var(--display);font-weight:700;font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.08;max-width:860px;margin:10px 0 14px}
.page-head .lead{font-size:1.1rem;color:rgba(255,255,255,.78);max-width:680px}
.page-head .meta{font-size:.9rem;color:rgba(255,255,255,.62);display:flex;flex-wrap:wrap;gap:14px}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:999px;background:rgba(244,107,30,.16);color:var(--amber);border:1px solid rgba(255,182,39,.3)}
.blog-main{padding:56px 0 80px}
.article-wrap{max-width:740px;margin:0 auto;padding:0 24px}
.intro p{font-size:1.18rem;line-height:1.7;color:#2a2e45;margin-bottom:16px}
article h2{font-family:var(--display);font-weight:700;font-size:clamp(1.55rem,2.6vw,1.9rem);line-height:1.15;color:var(--navy-d);margin:46px 0 14px;padding-top:4px;position:relative}
article h2::before{content:"";display:block;width:36px;height:3px;border-radius:3px;background:var(--flame);margin-bottom:12px}
article p{margin-bottom:16px}
article ul,article ol{margin:0 0 18px 1.2em}
article li{margin-bottom:8px;padding-left:4px}
article li::marker{color:var(--orange)}
article strong{color:var(--navy-d)}
.retenir{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 26px;margin:44px 0}
.retenir h3{font-family:var(--display);font-weight:700;font-size:1.35rem;color:var(--navy-d);margin-bottom:10px}
.retenir ul{margin-bottom:0}
.cta{position:relative;overflow:hidden;border-radius:18px;padding:34px 28px;text-align:center;color:#fff;margin:44px 0;background:radial-gradient(600px 220px at 50% 135%,rgba(244,107,30,.5),transparent 70%),linear-gradient(180deg,var(--navy-d),var(--navy-dd))}
.cta p{color:rgba(255,255,255,.8);margin-bottom:16px}
.cta p strong{display:block;font-family:var(--display);font-size:1.6rem;color:#fff;margin-bottom:-6px}
.sources{font-size:.9rem;color:var(--muted);margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
.sources h3{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);margin-bottom:8px}
.sources ul{margin-left:1.1em;margin-bottom:10px}
.related{max-width:1120px;margin:64px auto 0;padding:0 24px}
.related h3{font-family:var(--display);font-weight:700;font-size:1.8rem;color:var(--navy-d);margin-bottom:20px}
.blog-index .cta{max-width:1120px;margin:56px auto 0}
/* ===== Encart affiliation (composant partagé, emplacement fixe après l'intro) ===== */
.encart-affil{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:22px 22px 16px;margin:34px 0 10px;overflow:hidden}
.encart-affil::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--flame)}
.encart-affil .ea-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.encart-affil .ea-title{font-family:var(--display);font-weight:700;font-size:1.3rem;color:var(--navy-d);line-height:1.1}
.encart-affil .ea-sub{font-size:.88rem;color:var(--muted)}
.encart-affil .ea-live{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(215,38,61,.08);color:var(--red-d);padding:4px 10px;border-radius:999px;border:1px solid rgba(215,38,61,.2);animation:eaPulse 2.4s ease-in-out infinite}
@keyframes eaPulse{50%{opacity:.6}}
.encart-affil .ea-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.encart-affil .ea-item{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s,border-color .15s;animation:eaIn .45s ease both}
.encart-affil .ea-item:nth-child(2){animation-delay:.08s}.encart-affil .ea-item:nth-child(3){animation-delay:.16s}
@keyframes eaIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.encart-affil .ea-item:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:rgba(244,107,30,.45);background:#fff;color:var(--ink)}
.encart-affil .ea-ico{font-size:1.6rem;line-height:1}
.encart-affil .ea-name{font-weight:700;color:var(--navy-d);margin:8px 0 3px;font-size:.98rem}
.encart-affil .ea-txt{font-size:.86rem;color:var(--muted);flex:1}
.encart-affil .ea-go{margin-top:10px;font-weight:700;font-size:.84rem;color:var(--red-d)}
.encart-affil .ea-code{font-size:.82rem;margin:14px 0 0;padding:10px 12px;border-radius:10px;background:rgba(215,38,61,.06);border:1px dashed rgba(215,38,61,.35);color:var(--navy-d)}.encart-affil .ea-code a{color:var(--red-d);font-weight:700;text-decoration:none}.encart-affil .ea-code a:hover{text-decoration:underline}.encart-affil .ea-mention{font-size:.74rem;color:var(--muted);margin-top:12px}
@media (prefers-reduced-motion:reduce){.encart-affil *{animation:none!important}}