/* Email Impact — 2026-10-13. Styles limités au contenu de la landing Actualités. */
#primary.ei-actu {
    --ei-navy: #071b42;
    --ei-muted: #536786;
    --ei-orange: #eb422c;
    --ei-link: #eb442e;
    --ei-link-hover: #c93220;
    --ei-peach: #f68443;
    --ei-border: #eaf0f5;
    --ei-radius: 1rem;
    --ei-shadow: 0 7px 24px #18395206;
    width: 100%; max-width: none; margin: 0; padding: 0 0 2.5rem;
    display: block; color: var(--ei-navy); background: #fff;
    font-family: "Roboto", sans-serif; font-size: 1rem; line-height: 1.5;
    text-align: left; float: none; min-width: 0;
}
.ei-actu *, .ei-actu *::before, .ei-actu *::after { box-sizing: border-box; }
.ei-actu h1, .ei-actu h2, .ei-actu h3, .ei-actu p, .ei-actu ul { margin: 0; padding: 0; }
.ei-actu h1, .ei-actu h2, .ei-actu h3 { color: var(--ei-navy); font-family: "Roboto", sans-serif; font-weight: 700; text-transform: none; }
.ei-actu a { color: inherit; text-decoration: none; box-shadow: none; }
.ei-actu img { display: block; max-width: 100%; height: auto; border: 0; box-shadow: none; }
.ei-actu a:focus-visible, .ei-actu button:focus-visible, .ei-actu input:focus-visible { outline: 3px solid #9dc3f7; outline-offset: 3px; }
.ei-actu .ei-actu__container { width: calc(100% - 64px); max-width: 1360px; min-width: 0; margin-inline: auto; }
.ei-actu .ei-actu__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.ei-actu .ei-actu__icon { width: 1.1rem; height: 1.1rem; flex: 0 0 1.1rem; object-fit: contain; }
.ei-actu .ei-actu__hero { padding-block: 3.75rem 2.5rem; background: #fff; }
.ei-actu .ei-actu__hero-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 2.5rem; }
.ei-actu .ei-actu__intro { position: relative; z-index: 1; min-width: 0; padding-block: .75rem; }
.ei-actu .ei-actu__eyebrow { color: var(--ei-muted); font-size: .75rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.ei-actu #ei-actu-title { margin-top: .75rem; font-size: clamp(2.2rem, 1.7rem + 2vw, 3.5rem); letter-spacing: -.045em; line-height: 1.035; }
.ei-actu #ei-actu-title span { color: var(--ei-link); }
.ei-actu .ei-actu__lead { max-width: 37rem; margin-top: 1rem; color: var(--ei-navy); font-size: 1.125rem; line-height: 1.5; }
.ei-actu .ei-actu__search { width: 100%; max-width: 37rem; margin-top: 1.35rem; padding: .25rem .35rem .25rem 1rem; border: 1px solid #d6e0eb; border-radius: 2rem; display: flex; align-items: center; gap: .65rem; background: #fff; }
.ei-actu .ei-actu__search input { width: 0; min-width: 0; flex: 1 1 auto; margin: 0; padding: .55rem 0; border: 0; border-radius: 0; background: transparent; color: var(--ei-navy); box-shadow: none; font: inherit; font-size: .875rem; line-height: 1.5; text-transform: none; }
.ei-actu .ei-actu__search input::placeholder { color: #657793; opacity: 1; }
.ei-actu .ei-actu__search button { width: 2.75rem; height: 2.75rem; flex: 0 0 2.75rem; display: grid; place-items: center; padding: 0; margin: 0; border: 0; border-radius: 50%; background: #f5f8fb; color: var(--ei-navy); cursor: pointer; }
.ei-actu .ei-actu__search button:hover { background: #eaf0f5; }
.ei-actu .ei-actu__filters { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.ei-actu .ei-actu__filter { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; min-height: 2.75rem; padding: .55rem 1.05rem; border: 1px solid #d6e0eb; border-radius: 2rem; color: var(--ei-navy); background: #fff; font-size: .8rem; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; transition: border-color .18s, background .18s; }
.ei-actu .ei-actu__filter:hover { border-color: var(--ei-orange); background: #fff4ee; }
.ei-actu .ei-actu__filter.is-active { color: #fff; border-color: transparent; background: linear-gradient(45deg, #eb422c, #f68443); }
.ei-actu .ei-actu__hero-visual { position: relative; min-width: 0; height: 33rem; max-width: 39rem; width: 100%; justify-self: end; background: radial-gradient(ellipse at 52% 55%, #ffe7e999 0%, #fff5ef80 50%, #ffffff00 73%); }
.ei-actu .ei-actu__ideas { position: absolute; z-index: 1; left: 0; top: 5rem; width: 49%; padding: 1.35rem 1.15rem; border: 1px solid #f4eee9; border-radius: var(--ei-radius); background: #fff; box-shadow: 0 15px 40px #1839520a; }
.ei-actu .ei-actu__ideas-heading { display: flex; gap: .85rem; align-items: flex-start; }
.ei-actu .ei-actu__idea-icon { width: 3.1rem; height: 3.1rem; border-radius: .75rem; background: #fff0df; display: grid; place-items: center; flex: 0 0 3.1rem; }
.ei-actu .ei-actu__idea-icon img { width: 1.45rem; height: 1.45rem; }
.ei-actu .ei-actu__ideas-heading p { font-size: .95rem; line-height: 1.35; font-weight: 700; }
.ei-actu .ei-actu__ideas ul { margin-top: 1.5rem; list-style: none; }
.ei-actu .ei-actu__ideas li { display: flex; gap: .65rem; align-items: center; color: var(--ei-muted); font-size: .8rem; line-height: 1.4; padding-block: .4rem; }
.ei-actu .ei-actu__teaser { position: absolute; width: 35%; padding: .65rem .65rem 1rem; background: #fff; border: 1px solid #f4eee9; border-radius: var(--ei-radius); box-shadow: 0 15px 40px #1839520a; }
.ei-actu .ei-actu__teaser--conseils { left: 50%; top: .3rem; z-index: 2; transform: rotate(-3deg); }
.ei-actu .ei-actu__teaser--produit { right: 0; top: 17rem; z-index: 3; transform: rotate(3deg); }
.ei-actu .ei-actu__teaser > img { width: 100%; aspect-ratio: 1.58; object-fit: cover; border-radius: .65rem; }
.ei-actu .ei-actu__teaser .ei-actu__tag { position: relative; margin-top: -.7rem; margin-left: .5rem; }
.ei-actu .ei-actu__teaser p { margin: .65rem .5rem .55rem; font-weight: 700; font-size: .9rem; line-height: 1.35; }
.ei-actu .ei-actu__teaser a { display: inline-flex; gap: 8px; align-items: center; min-height: 2rem; margin-inline: .5rem; color: var(--ei-link); font-size: .7rem; font-weight: 600; line-height: 1.4; white-space: nowrap; text-decoration: none; }
.ei-actu .ei-actu__tag { display: inline-flex; align-items: center; min-width: 0; max-width: 100%; padding: .25rem .6rem; border-radius: .4rem; background: #fff0ed; color: #b92f24; font-size: .75rem; font-weight: 500; line-height: 1.35; overflow-wrap: anywhere; }
.ei-actu .ei-actu__tag--blue { color: #005cad; background: #e9f5ff; }
.ei-actu .ei-actu__content { padding-top: .5rem; }
.ei-actu .ei-actu__context { margin-bottom: 1.25rem; color: var(--ei-muted); font-size: .9rem; }
.ei-actu .ei-actu__context span { margin-inline: .5rem; color: var(--ei-orange); }
.ei-actu .ei-actu__featured { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 2rem; padding: .7rem; border: 1px solid var(--ei-border); border-radius: var(--ei-radius); box-shadow: var(--ei-shadow); background: #fff; }
.ei-actu .ei-actu__featured-image { min-width: 0; overflow: hidden; border-radius: .7rem; }
.ei-actu .ei-actu__featured-image img { width: 100%; height: 100%; min-height: 18rem; max-height: 25rem; object-fit: cover; aspect-ratio: 1.6; }
.ei-actu .ei-actu__featured-body { min-width: 0; padding: 1rem 1.5rem 1rem 0; align-self: center; }
.ei-actu .ei-actu__meta { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; min-width: 0; }
.ei-actu .ei-actu__meta time { color: var(--ei-muted); font-size: .75rem; line-height: 1.4; white-space: nowrap; }
.ei-actu .ei-actu__featured-label { display: inline-flex; align-items: center; gap: .4rem; margin-left: auto; padding: .6rem .8rem; color: #b44300; background: #fff6e6; border: 1px solid #ffe8c5; border-radius: .75rem; font-size: .8rem; white-space: nowrap; }
.ei-actu .ei-actu__featured h2 { margin-top: 1rem; font-size: clamp(1.4rem, 1.05rem + 1vw, 2rem); line-height: 1.16; letter-spacing: -.035em; }
.ei-actu .ei-actu__featured .ei-actu__excerpt { margin-top: .8rem; font-size: 1rem; line-height: 1.5; }
.ei-actu .ei-actu__button { display: inline-flex; justify-content: center; align-items: center; gap: .7rem; width: auto; max-width: 100%; min-height: 3rem; padding: 1.125rem 2rem; color: #fff; background: linear-gradient(45deg, #eb422c 0%, #f68443 100%); border: 0; border-radius: 1rem; box-shadow: 0 8px 20px #ff443c18; font-family: "Roboto", sans-serif; font-size: 1rem; font-weight: 500; line-height: 1.2; text-align: center; text-transform: none; transition: transform .18s, background .18s; }
.ei-actu .ei-actu__featured .ei-actu__button { margin-top: 1rem; }
.ei-actu .ei-actu__button > img { filter: brightness(0) invert(1); }
.ei-actu .ei-actu__button:hover { color: #fff; background: var(--ei-navy); transform: translateY(-2px); }
.ei-actu .ei-actu__button--secondary { color: var(--ei-navy); background: #fff; font-family: "Inter", "Roboto", sans-serif; border: 1px solid #7e8a9e; border-radius: .75rem; box-shadow: 0 3px 8px #0b285610; }
.ei-actu .ei-actu__latest { padding-top: 2.5rem; }
.ei-actu .ei-actu__section-heading { text-align: center; margin-bottom: 1.65rem; }
.ei-actu .ei-actu__section-heading h2 { font-size: clamp(1.6rem, 1.2rem + 1vw, 2.25rem); letter-spacing: -.04em; line-height: 1.18; }
.ei-actu .ei-actu__section-heading > p { max-width: 64rem; margin: .7rem auto 0; font-size: .95rem; color: var(--ei-muted); }
.ei-actu .ei-actu__section-heading p a { color: #b92f24; text-decoration: underline; }
.ei-actu .ei-actu__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.4rem; }
.ei-actu .ei-actu__card { min-width: 0; padding: .85rem; border: 1px solid var(--ei-border); border-radius: var(--ei-radius); background: #fff; box-shadow: var(--ei-shadow); display: flex; flex-direction: column; }
.ei-actu .ei-actu__card .ei-actu__meta { justify-content: space-between; gap: .4rem; margin-bottom: .65rem; }
.ei-actu .ei-actu__card-image { display: block; overflow: hidden; border-radius: .6rem; }
.ei-actu .ei-actu__card-image img { width: 100%; height: auto; aspect-ratio: 12 / 7; object-fit: cover; transition: transform .25s; }
.ei-actu .ei-actu__card-image:hover img { transform: scale(1.025); }
.ei-actu .ei-actu__card-body { display: flex; flex-direction: column; flex: 1; padding: 1rem .1rem .2rem; }
.ei-actu .ei-actu__card h3 { font-size: 1.2rem; line-height: 1.25; letter-spacing: -.025em; overflow-wrap: anywhere; }
.ei-actu .ei-actu__card h3 a:hover, .ei-actu .ei-actu__featured h2 a:hover,
.ei-actu .ei-actu__card h3 a:focus-visible, .ei-actu .ei-actu__featured h2 a:focus-visible { color: var(--ei-link); }
.ei-actu .ei-actu__excerpt { color: var(--ei-muted); }
.ei-actu .ei-actu__card .ei-actu__excerpt { margin-top: .7rem; font-size: .95rem; line-height: 1.5; }
.ei-actu .ei-actu__read-link { margin-top: auto; padding-top: .9rem; min-height: 2.75rem; display: inline-flex; align-self: flex-start; gap: 8px; align-items: center; color: var(--ei-link); font-size: .875rem; font-weight: 600; white-space: nowrap; text-decoration: none; }
.ei-actu .ei-actu__read-link--featured { margin-top: 1rem; padding-top: 0; }
.ei-actu .ei-actu__read-link:hover, .ei-actu .ei-actu__teaser a:hover,
.ei-actu .ei-actu__read-link:focus-visible, .ei-actu .ei-actu__teaser a:focus-visible { color: var(--ei-link-hover); text-decoration: none; }
/* Même span et déplacement que .ei-post-card-cta dans « À lire aussi ». */
.ei-actu .ei-actu__link-arrow { display: inline-block; color: currentColor; font-size: 20px; line-height: 1; transition: transform .2s ease; }
.ei-actu .ei-actu__read-link:hover .ei-actu__link-arrow,
.ei-actu .ei-actu__teaser a:hover .ei-actu__link-arrow,
.ei-actu .ei-actu__read-link:focus-visible .ei-actu__link-arrow,
.ei-actu .ei-actu__teaser a:focus-visible .ei-actu__link-arrow { transform: translateX(4px); }
.ei-actu .ei-actu__pagination { margin-top: 2rem; }
.ei-actu .ei-actu__pagination ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem; background: transparent; border: 0; margin: 0; padding: 0; box-shadow: none; border-radius: 0; width: auto; }
.ei-actu .ei-actu__pagination a, .ei-actu .ei-actu__pagination span { display: inline-flex; justify-content: center; align-items: center; min-width: 2.75rem; min-height: 2.75rem; padding: .6rem .85rem; border: 1px solid #d6e0eb; border-radius: .5rem; color: var(--ei-navy); background: #fff; font-size: .875rem; line-height: 1.2; }
.ei-actu .ei-actu__pagination a:hover { border-color: var(--ei-orange); background: #fff4ee; }
.ei-actu .ei-actu__pagination span.current { color: #fff; border-color: transparent; background: linear-gradient(45deg, #eb422c, #f68443); }
.ei-actu .ei-actu__pagination .dots { border-color: transparent; }
.ei-actu .ei-actu__empty { padding: 2.5rem 1.5rem; text-align: center; border: 1px solid var(--ei-border); border-radius: var(--ei-radius); background: #f7faff; }
.ei-actu .ei-actu__empty h3 { font-size: 1.3rem; line-height: 1.3; }
.ei-actu .ei-actu__empty p { margin-top: .75rem; color: var(--ei-muted); }
.ei-actu .ei-actu__empty .ei-actu__button { margin-top: 1.25rem; }
.ei-actu .ei-actu__cta { margin-top: 3rem; padding: 1.5rem 2.7rem; display: flex; gap: 1.8rem; align-items: center; border-radius: var(--ei-radius); color: #fff; background: linear-gradient(45deg, #eb422c 0%, #ff4437 53%, #f68443 100%); }
.ei-actu .ei-actu__plane { width: 4rem; height: 3.6rem; object-fit: contain; flex: 0 0 auto; }
.ei-actu .ei-actu__cta-copy { flex: 1 1 0; min-width: 0; }
.ei-actu .ei-actu__cta h2 { color: #fff; font-size: 1.6rem; letter-spacing: -.025em; line-height: 1.16; }
.ei-actu .ei-actu__cta p { margin-top: .3rem; color: #fff; font-size: 1rem; line-height: 1.5; }
.ei-actu .ei-actu__cta-actions { display: flex; flex-wrap: wrap; gap: 1.4rem; }
.ei-actu .ei-actu__cta .ei-actu__button { border-radius: .85rem; border: 1px solid transparent; padding: 1rem 2rem; box-shadow: none; }
.ei-actu .ei-actu__cta .ei-actu__button--navy { background: var(--ei-navy); color: #fff; border-color: var(--ei-navy); }
.ei-actu .ei-actu__cta .ei-actu__button--white { background: #fff; color: var(--ei-navy); border-color: #d6e0eb; box-shadow: 0 3px 8px #0b285610; }
.ei-actu .ei-actu__cta .ei-actu__button:hover { transform: translateY(-2px); }

@media (max-width: 1199px) {
    .ei-actu .ei-actu__hero-layout { gap: 1.5rem; }
    .ei-actu .ei-actu__ideas { padding: 1.1rem .85rem; }
    .ei-actu .ei-actu__ideas-heading { gap: .6rem; }
    .ei-actu .ei-actu__ideas-heading p { font-size: .85rem; }
    .ei-actu .ei-actu__idea-icon { width: 2.6rem; height: 2.6rem; flex-basis: 2.6rem; }
    .ei-actu .ei-actu__teaser p { font-size: .8rem; }
    .ei-actu .ei-actu__featured { gap: 1.3rem; }
    .ei-actu .ei-actu__featured-body { padding-right: .7rem; }
    .ei-actu .ei-actu__featured-label { margin-left: 0; }
    .ei-actu .ei-actu__cta { flex-wrap: wrap; }
}
@media (max-width: 1024px) {
    .ei-actu .ei-actu__container { width: calc(100% - 48px); }
    .ei-actu .ei-actu__hero { padding-block: 2.5rem 2rem; }
    .ei-actu .ei-actu__hero-layout { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 1.25rem; }
    .ei-actu #ei-actu-title { line-height: 1.08; }
    .ei-actu .ei-actu__hero-visual { height: 31rem; }
    .ei-actu .ei-actu__ideas { width: 58%; top: 4.5rem; }
    .ei-actu .ei-actu__ideas-heading { flex-direction: column; }
    .ei-actu .ei-actu__ideas ul { margin-top: .75rem; }
    .ei-actu .ei-actu__teaser { width: 44%; }
    .ei-actu .ei-actu__teaser--conseils { left: 54%; }
    .ei-actu .ei-actu__teaser--produit { top: 16rem; }
    .ei-actu .ei-actu__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
    .ei-actu .ei-actu__cta { padding: 2rem; gap: 1.25rem; flex-direction: column; align-items: stretch; }
    .ei-actu .ei-actu__plane { display: none; }
    .ei-actu .ei-actu__cta h2 { font-size: 1.45rem; }
    .ei-actu .ei-actu__cta-actions { gap: 1rem; }
}
@media (max-width: 767px) {
    #primary.ei-actu { padding-bottom: 1.5rem; }
    .ei-actu .ei-actu__container { width: calc(100% - 32px); }
    .ei-actu .ei-actu__hero { padding-block: 2rem 1.5rem; }
    .ei-actu .ei-actu__hero-layout { grid-template-columns: minmax(0, 1fr); gap: .5rem; }
    .ei-actu #ei-actu-title { letter-spacing: -.04em; line-height: 1.12; }
    .ei-actu .ei-actu__lead { font-size: 1.05rem; }
    .ei-actu .ei-actu__hero-visual { justify-self: center; width: 100%; max-width: 34rem; height: 31rem; margin-top: 1rem; }
    .ei-actu .ei-actu__ideas { width: 53%; left: 0; top: 3rem; }
    .ei-actu .ei-actu__ideas-heading { flex-direction: row; }
    .ei-actu .ei-actu__teaser { width: 40%; }
    .ei-actu .ei-actu__teaser--conseils { left: 56%; top: 0; }
    .ei-actu .ei-actu__teaser--produit { right: 0; top: 16rem; }
    .ei-actu .ei-actu__featured { grid-template-columns: minmax(0, 1fr); padding: .65rem; gap: .25rem; }
    .ei-actu .ei-actu__featured-image img { min-height: 0; max-height: none; height: auto; aspect-ratio: 1.6; }
    .ei-actu .ei-actu__featured-body { padding: 1rem .5rem .6rem; }
    .ei-actu .ei-actu__featured-label { padding: .4rem .55rem; font-size: .75rem; }
    .ei-actu .ei-actu__featured h2 { font-size: 1.4rem; }
    .ei-actu .ei-actu__button { padding: 1rem; }
    .ei-actu .ei-actu__latest { padding-top: 2rem; }
    .ei-actu .ei-actu__card h3 { font-size: 1.15rem; }
    .ei-actu .ei-actu__cta { margin-top: 2rem; padding: 1.5rem; gap: 1rem; }
    .ei-actu .ei-actu__cta h2 { font-size: 1.3rem; line-height: 1.25; }
    .ei-actu .ei-actu__cta-actions { flex-direction: column; gap: .75rem; }
    .ei-actu .ei-actu__cta .ei-actu__button { width: 100%; padding: 1rem; }
}
@media (max-width: 599px) {
    .ei-actu .ei-actu__grid { grid-template-columns: minmax(0, 1fr); }
    .ei-actu .ei-actu__ideas-heading { flex-direction: column; }
    .ei-actu .ei-actu__ideas li { font-size: .75rem; gap: .45rem; }
    .ei-actu .ei-actu__teaser { padding: .45rem .45rem .6rem; }
    .ei-actu .ei-actu__teaser p { margin-inline: .2rem; font-size: .75rem; }
    .ei-actu .ei-actu__teaser a { margin-inline: .2rem; font-size: .65rem; }
    .ei-actu .ei-actu__featured .ei-actu__button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .ei-actu a, .ei-actu img { transition: none !important; }
    .ei-actu .ei-actu__link-arrow { transition: none; }
    .ei-actu .ei-actu__button:hover, .ei-actu .ei-actu__card-image:hover img { transform: none; }
}