/* Inherit affiliation typography, palette and hero rather than defining a second visual system. */
.benefit-page__container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.benefit-page__hero .v2-breadcrumb { flex-wrap: wrap; }
.benefit-page__icon { display: block; width: 56px; height: 56px; object-fit: contain; margin: 0 0 16px; }
.benefit-page .benefit-page__intro { max-width: 780px; color: #505057; font-size: 16px; line-height: 1.6; margin-bottom: 28px; }
.benefit-page__section { padding: 80px 0; }
.benefit-page__steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin-top: 32px; }
.benefit-page__steps article { padding: 28px; border: 1px solid var(--affiliation-border); border-radius: var(--v2-radius-card,16px); background: var(--affiliation-white); }
.benefit-page__steps p { color: #505057; margin-bottom: 0; }
.benefit-page__tinted { background: var(--affiliation-pale); }
.benefit-page__example { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.benefit-page__example > p { color: #505057; }
.benefit-page__proof { max-width: 890px; padding: 30px; border: 1px solid var(--affiliation-border); border-radius: var(--v2-radius-card,16px); background: var(--affiliation-white); }
.benefit-page__text-link { color: var(--v2-color-primary,var(--affiliation-red)); font-weight: 600; text-decoration: underline; text-underline-offset: 5px; line-height: 1.6; }
.benefit-page .benefit-page__note { font-size: 13px; color: var(--affiliation-muted); margin-top: 20px; }
.benefit-page__faq { margin-top: 28px; border: 1px solid var(--affiliation-border); border-radius: var(--v2-radius-card,16px); padding: 22px 26px; }
.benefit-page__faq summary { cursor: pointer; font-weight: 600; font-size: 16px; }
.benefit-page__faq p { margin: 18px 0 0; color: #505057; }
.benefit-page__contact { background: #f3f3f3; }
.benefit-page__sample { margin: 28px 0; display: flex; align-items: center; gap: 28px; }
.benefit-page__sample img { width: 220px; height: auto; border: 1px solid var(--affiliation-border); border-radius: var(--v2-radius-card,16px); }
.benefit-page__sample figcaption { max-width: 440px; font-size: 14px; line-height: 1.6; color: var(--affiliation-muted); }
.benefit-page #preuves { scroll-margin-top: 120px; }
.benefit-page a:focus-visible,.benefit-page summary:focus-visible { outline: 3px solid var(--affiliation-dark); outline-offset: 5px; }
@media(max-width:767px) {
    .benefit-page__container { width: calc(100% - 36px); }
    .benefit-page__section { padding: 56px 0; }
    .benefit-page__steps,.benefit-page__example { grid-template-columns: 1fr; gap: 22px; }
    .benefit-page .affiliation-v2__actions { align-items: stretch; }
    .benefit-page .affiliation-v2__button { white-space: normal; text-align: center; }
    .benefit-page__proof { padding: 22px; }
    .benefit-page__sample { flex-direction: column; align-items: flex-start; }
}