/* Invitation compacte placée dès le début de l’accueil. */
.quiz-promo{background:#f2f5f9;color:#102a50;border-bottom:1px solid #dce4ee;border-top:1px solid #dce4ee;padding:25px 0}
.quiz-promo-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:34px;border-left:4px solid #d7194e;padding-left:26px}
.quiz-promo-copy{min-width:0}
.quiz-promo-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:#c31747;margin:0 0 8px}
.quiz-promo h2{font-family:Georgia,serif;color:#102a50;font-weight:400;font-size:clamp(23px,2.6vw,33px);line-height:1.18;letter-spacing:-.025em;margin:0 0 5px}
.quiz-promo p:not(.quiz-promo-kicker){color:#52647a;font-size:14px;line-height:1.45;margin:0}
.quiz-promo-link{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:#d7194e;color:#fff;padding:14px 20px;font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap;min-height:48px;transition:background .2s,transform .2s}
.quiz-promo-link:hover,.quiz-promo-link:focus-visible{background:#a91239;color:#fff;transform:translateY(-2px)}
.quiz-promo-link:focus-visible{outline:3px solid #102a50;outline-offset:3px}
@media(max-width:700px){.quiz-promo{padding:22px 0}.quiz-promo-inner{grid-template-columns:minmax(0,1fr);gap:16px;padding-left:17px}.quiz-promo h2{font-size:clamp(22px,6vw,29px)}.quiz-promo-link{justify-self:start}.quiz-promo p:not(.quiz-promo-kicker){font-size:13px}}

/* Original supplied banner: desktop only, text retained for small screens and reduced motion. */
.quiz-promo-visual{display:none}
@media(min-width:1000px) and (prefers-reduced-motion:no-preference){
 .quiz-promo{padding:20px 0;background:#fff}
 .quiz-promo .quiz-promo-inner{display:none}
 .quiz-promo-visual{display:block}
 .quiz-promo-banner{display:block;width:100%;aspect-ratio:1388 / 112;background:url('/assets/quiz-banner-general-20261109.gif') center / contain no-repeat;border-radius:4px}
 .quiz-promo-banner:focus-visible{outline:3px solid #102a50;outline-offset:5px}
}