:root {
    --article-hero-bg: var(--primary-teal);
    --article-hero-text: #fff;
    --article-hero-muted: rgba(255, 255, 255, 0.88);
    --article-feature-surface: #fff;
    --article-feature-shadow: 0 10px 22px rgba(14, 58, 52, 0.16);
    --articles-breadcrumb-bg: #F1F1F1;
    --article-breadcrumb-border: #e8e2db;
    --article-breadcrumb-text: #4f5855;
    --breadcrumb-icon-color: #2F3B40;
    --article-page-bg: #FBFBFB;
    --article-surface: var(--bg-primary);
    --article-border: #dbe7e1;
    --article-border-strong: #8ab7aa;
    --article-title: var(--text-dark);
    --article-copy: #6d7774;
    --article-copy-muted: var(--text-light);
    --article-link: var(--secondary-color);
    --article-tag-bg: #26776c;
    --article-tag-text: #fff;
    --article-note-bg: #edf8f4;
    --article-warning-bg: #ffe6d4;
    --article-tip-bg: #edf8f4;
    --article-cta-bg: var(--primary-teal);
    --article-cta-text: #fff;
    --article-cta-muted: rgba(255, 255, 255, 0.9);
    --article-cta-button-bg: #fff;
    --article-cta-button-text: var(--primary-teal);
    --article-cta-button-border: rgba(255, 255, 255, 0.7);
}

html.dark-mode {
    --article-hero-bg: linear-gradient(135deg, #2d3441 0%, #353944 100%);
    --article-hero-text: var(--text-dark);
    --article-hero-muted: rgba(252, 252, 252, 0.82);
    --article-feature-surface: var(--bg-primary);
    --article-feature-shadow: 0 10px 22px rgba(0, 0, 0, 0.28);
    --articles-breadcrumb-bg: #464B5A;
    --article-breadcrumb-border: var(--border-color);
    --article-breadcrumb-text: #FCFCFC;
    --breadcrumb-icon-color: #FCFCFC;
    --article-page-bg: var(--bg-primary);
    --article-surface: var(--bg-secondary);
    --article-border: var(--border-color);
    --article-border-strong: #5f8e83;
    --article-title: var(--text-dark);
    --article-copy: var(--text-secondary);
    --article-copy-muted: var(--text-secondary);
    --article-link: var(--secondary-color);
    --article-tag-bg: #2f756b;
    --article-tag-text: var(--text-dark);
    --article-note-bg: rgba(46, 117, 107, 0.14);
    --article-warning-bg: rgba(201, 128, 57, 0.2);
    --article-tip-bg: rgba(46, 117, 107, 0.14);
    --article-cta-bg: linear-gradient(135deg, #2f756b 0%, #275f58 100%);
    --article-cta-text: var(--text-dark);
    --article-cta-muted: rgba(252, 252, 252, 0.84);
    --article-cta-button-bg: var(--bg-primary);
    --article-cta-button-text: var(--primary-teal);
    --article-cta-button-border: rgba(252, 252, 252, 0.55);
}

body.article-page {
    background: var(--article-page-bg);
}

.hero.hero--referencement {
    background: var(--article-hero-bg);
}

.hero.hero--referencement .hero__inner {
    max-width: 1180px;
    padding: 44px 24px 34px;
    gap: 40px;
    align-items: center;
}

.hero.hero--referencement .hero__text {
    gap: 18px;
    max-width: 670px;
}

.hero.hero--referencement .hero__title {
    margin: 0;
    font-size: clamp(2.1rem, 2.6vw, 3rem);
    line-height: 1.08;
    letter-spacing: -0.03em;
    color: var(--article-hero-text);
}

.hero__sub-title {
    margin: 0;
    max-width: 560px;
    color: var(--article-hero-muted);
    font-size: 0.98rem;
    line-height: 1.65;
}

.hero__tags {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 6px;
}

.hero__tag {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: var(--article-hero-text);
    font-size: 0.95rem;
    line-height: 1.45;
}

.hero__tag::before {
    content: "";
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 10px;
    background-color: var(--article-feature-surface);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    box-shadow: var(--article-feature-shadow);
}

.hero__tag:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2326776c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3Cpath d='M12 3l7 4v5c0 5-3.5 8-7 9-3.5-1-7-4-7-9V7l7-4Z'/%3E%3C/svg%3E");
}

.hero__tag:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2326776c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2Z'/%3E%3C/svg%3E");
}

.hero__tag:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2326776c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
}

.hero__tag span {
    display: block;
    padding-top: 4px;
}

.hero.hero--referencement .hero__img {
    display: block;
    width: min(100%, 350px);
}

.breadcrumb {
    justify-content: center;
    margin-bottom: 0;
    background: var(--article-breadcrumb-bg);
}

.breadcrumb__container {
    max-width: 1180px;
    width: 100%;
    padding: 16px 15px;
    gap: 1rem;
    color: var(--article-breadcrumb-text);
    font-size: 1rem;
}

.breadcrumb__link,
.breadcrumb__current {
    color: var(--article-breadcrumb-text);
}

.breadcrumb__separator svg {
    display: block;
    width: 13px;
    height: 19px;
}

.body__article {
    max-width: 1180px;
    margin: 0 auto;
    padding: 44px 24px 88px;
}

.body__article__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 34px;
    align-items: center;
    margin-bottom: 36px;
}

.body__article__header__title h1 {
    margin: 0;
    color: var(--article-title);
    font-family: "Raleway", sans-serif;
    font-size: clamp(2rem, 2.6vw, 3.15rem);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.body__article__header__title > span {
    display: block;
    max-width: 650px;
    margin-top: 18px;
    color: var(--article-copy);
    font-size: 1rem;
    line-height: 1.7;
}

.body__article__header__infos {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 22px;
}

.body__article__header__infos > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--article-copy-muted);
    font-size: 0.84rem;
    line-height: 1.2;
}

.body__article__header__infos__theme {
    padding: 7px 12px;
    border-radius: 999px;
    background: var(--article-tag-bg);
    color: var(--article-tag-text) !important;
    font-weight: 700;
}

.body__article__header__infos__date::before,
.body__article__header__infos__time-to-read::before {
    content: "";
    width: 15px;
    height: 15px;
    background-color: currentColor;
}

.body__article__header__infos__date::before {
    -webkit-mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
    mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
}

.body__article__header__infos__time-to-read::before {
    -webkit-mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
    mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
}

.body__article__header__illu {
    display: flex;
    justify-content: center;
}

.body__article__header__illu img {
    display: block;
    width: 100%;
    max-width: 340px;
    height: auto;
}

.body__article__content {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 40px;
    align-items: start;
}

.body__article__content__side {
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: sticky;
    top: 24px;
}

.body__article__content__side__retenir,
.body__article__content__side__conctretiser {
    border-radius: 12px;
    background: var(--article-surface);
}

.body__article__content__side__retenir {
    padding: 16px 16px 14px;
    border: 1px solid var(--article-border-strong);
    background: var(--article-note-bg);
}

.body__article__content__side__retenir__title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.body__article__content__side__retenir > div > span svg {
    display: block;
    flex: 0 0 auto;
    background-color: var(--article-link);
}

.body__article__content__side__retenir__title h4,
.body__article__content__side__conctretiser h4 {
    margin: 0;
    color: var(--article-title);
    font-family: "Raleway", sans-serif;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.3;
}

.body__article__content__side__retenir > .body__article__content__side__retenir__content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.body__article__content__side__retenir > .body__article__content__side__retenir__content > span {
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr);
    gap: 10px;
    color: var(--article-copy);
    font-size: 0.82rem;
    line-height: 1.55;
}

.body__article__content__side__retenir > .body__article__content__side__retenir__content > span svg {
    width: 14px;
    height: 14px;
    margin-top: 3px;
    -webkit-mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");
    mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");
}

.body__article__content__side__conctretiser {
    padding: 18px 18px 20px;
    background: var(--article-cta-bg);
    color: var(--article-cta-text);
}

.body__article__content__side__conctretiser > svg {
    display: block;
    width: 118px;
    height: 98px;
    margin-bottom: 14px;
    background: center / contain no-repeat url("/articles/img/hub/call-to-action.svg");
}

.body__article__content__side__conctretiser h4 {
    color: var(--article-cta-text);
}

.body__article__content__side__conctretiser p {
    margin: 12px 0 0;
    color: var(--article-cta-muted);
    font-size: 0.82rem;
    line-height: 1.6;
}

.body__article__content__side__conctretiser a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    margin-top: 12px;
    padding: 0 18px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform 180ms ease, background-color 180ms ease, color 180ms ease, border-color 180ms ease;
    box-sizing: border-box;
}

.body__article__content__side__conctretiser a:first-of-type {
    margin-top: 18px;
    background: var(--article-cta-button-bg);
    color: var(--article-cta-button-text);
}

.body__article__content__side__conctretiser a:last-of-type {
    border: 1px solid var(--article-cta-button-border);
    color: var(--article-cta-text);
}

.body__article__content__side__conctretiser a:hover {
    transform: translateY(-1px);
    text-decoration: none;
}

.body__article__content__side__related {
    padding: 0;
}

.body__article__content__side__related h4 {
    margin: 0 0 14px;
    color: var(--article-title);
    font-family: "Raleway", sans-serif;
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.3;
}

.body__article__content__side__related__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.body__article__content__side__related__item {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 14px;
    gap: 12px;
    align-items: start;
    padding: 14px 12px;
    border: 1px solid var(--article-border);
    border-radius: 12px;
    background: var(--article-surface);
    text-decoration: none;
    transition: border-color 180ms ease, transform 180ms ease, background-color 180ms ease;
}

.body__article__content__side__related__item:hover {
    transform: translateY(-1px);
    border-color: var(--article-border-strong);
    text-decoration: none;
}

.body__article__content__side__related__item--current {
    border-color: var(--article-border-strong);
    background: var(--article-note-bg);
}

.body__article__content__side__related__item__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-top: 2px;
}

.body__article__content__side__related__item__icon img,
.body__article__content__side__related__item__icon svg {
    display: block;
    width: 28px;
    height: 28px;
}

.body__article__content__side__related__item__icon svg {
    background-color: var(--article-link);
    -webkit-mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2Z'/%3E%3C/svg%3E");
    mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2Z'/%3E%3C/svg%3E");
}

.body__article__content__side__related__item__content {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.body__article__content__side__related__item__content strong {
    color: var(--article-title);
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.45;
}

.body__article__content__side__related__item__meta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--article-copy-muted);
    font-size: 0.76rem;
    line-height: 1.2;
}

.body__article__content__side__related__item__meta::before {
    content: "";
    width: 13px;
    height: 13px;
    background-color: currentColor;
    -webkit-mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
    mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
}

.body__article__content__side__related__item__arrow {
    width: 14px;
    height: 14px;
    margin-top: 6px;
    background-color: var(--article-link);
    -webkit-mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 15 16' fill='none'%3E%3Cpath d='M1.25001 8.75721L10.7375 8.75721L6.61251 12.8697C6.37713 13.1051 6.24489 13.4243 6.24489 13.7572C6.24489 14.0901 6.37713 14.4093 6.61251 14.6447C6.84789 14.8801 7.16713 15.0123 7.50001 15.0123C7.83288 15.0123 8.15213 14.8801 8.38751 14.6447L14.6375 8.39471C14.7513 8.27584 14.8405 8.13565 14.9 7.98221C15.025 7.67789 15.025 7.33654 14.9 7.03221C14.8405 6.87878 14.7513 6.73859 14.6375 6.61971L8.38751 0.369716C8.2713 0.252555 8.13305 0.159561 7.98073 0.0960992C7.82841 0.0326379 7.66502 -3.30656e-05 7.50001 -3.30801e-05C7.33499 -3.30945e-05 7.17161 0.0326379 7.01929 0.0960992C6.86696 0.15956 6.72871 0.252555 6.61251 0.369716C6.49535 0.485919 6.40236 0.62417 6.33889 0.776493C6.27543 0.928817 6.24276 1.0922 6.24276 1.25721C6.24276 1.42223 6.27543 1.58561 6.33889 1.73794C6.40236 1.89026 6.49535 2.02851 6.61251 2.14471L10.7375 6.25721L1.25001 6.25721C0.918488 6.25721 0.600545 6.38891 0.366124 6.62333C0.131704 6.85775 8.31449e-06 7.17569 8.28551e-06 7.50721C8.25653e-06 7.83873 0.131704 8.15668 0.366124 8.3911C0.600545 8.62552 0.918488 8.75721 1.25001 8.75721Z' fill='black'/%3E%3C/svg%3E");
    mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 15 16' fill='none'%3E%3Cpath d='M1.25001 8.75721L10.7375 8.75721L6.61251 12.8697C6.37713 13.1051 6.24489 13.4243 6.24489 13.7572C6.24489 14.0901 6.37713 14.4093 6.61251 14.6447C6.84789 14.8801 7.16713 15.0123 7.50001 15.0123C7.83288 15.0123 8.15213 14.8801 8.38751 14.6447L14.6375 8.39471C14.7513 8.27584 14.8405 8.13565 14.9 7.98221C15.025 7.67789 15.025 7.33654 14.9 7.03221C14.8405 6.87878 14.7513 6.73859 14.6375 6.61971L8.38751 0.369716C8.2713 0.252555 8.13305 0.159561 7.98073 0.0960992C7.82841 0.0326379 7.66502 -3.30656e-05 7.50001 -3.30801e-05C7.33499 -3.30945e-05 7.17161 0.0326379 7.01929 0.0960992C6.86696 0.15956 6.72871 0.252555 6.61251 0.369716C6.49535 0.485919 6.40236 0.62417 6.33889 0.776493C6.27543 0.928817 6.24276 1.0922 6.24276 1.25721C6.24276 1.42223 6.27543 1.58561 6.33889 1.73794C6.40236 1.89026 6.49535 2.02851 6.61251 2.14471L10.7375 6.25721L1.25001 6.25721C0.918488 6.25721 0.600545 6.38891 0.366124 6.62333C0.131704 6.85775 8.31449e-06 7.17569 8.28551e-06 7.50721C8.25653e-06 7.83873 0.131704 8.15668 0.366124 8.3911C0.600545 8.62552 0.918488 8.75721 1.25001 8.75721Z' fill='black'/%3E%3C/svg%3E");
}

.body__article__content__side__related__item--current .body__article__content__side__related__item__arrow {
    opacity: 0.45;
}

.body__article__content__side__related__see-all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    color: var(--article-link);
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
    transition: gap 0.3s ease-in-out;
}

.body__article__content__side__related__see-all:hover {
    color: var(--article-link);
    gap: 15px;
}

.body__article__content__side__related__see-all::after {
    content: "";
    width: 14px;
    height: 14px;
    background-color: currentColor;
    -webkit-mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 15 16' fill='none'%3E%3Cpath d='M1.25001 8.75721L10.7375 8.75721L6.61251 12.8697C6.37713 13.1051 6.24489 13.4243 6.24489 13.7572C6.24489 14.0901 6.37713 14.4093 6.61251 14.6447C6.84789 14.8801 7.16713 15.0123 7.50001 15.0123C7.83288 15.0123 8.15213 14.8801 8.38751 14.6447L14.6375 8.39471C14.7513 8.27584 14.8405 8.13565 14.9 7.98221C15.025 7.67789 15.025 7.33654 14.9 7.03221C14.8405 6.87878 14.7513 6.73859 14.6375 6.61971L8.38751 0.369716C8.2713 0.252555 8.13305 0.159561 7.98073 0.0960992C7.82841 0.0326379 7.66502 -3.30656e-05 7.50001 -3.30801e-05C7.33499 -3.30945e-05 7.17161 0.0326379 7.01929 0.0960992C6.86696 0.15956 6.72871 0.252555 6.61251 0.369716C6.49535 0.485919 6.40236 0.62417 6.33889 0.776493C6.27543 0.928817 6.24276 1.0922 6.24276 1.25721C6.24276 1.42223 6.27543 1.58561 6.33889 1.73794C6.40236 1.89026 6.49535 2.02851 6.61251 2.14471L10.7375 6.25721L1.25001 6.25721C0.918488 6.25721 0.600545 6.38891 0.366124 6.62333C0.131704 6.85775 8.31449e-06 7.17569 8.28551e-06 7.50721C8.25653e-06 7.83873 0.131704 8.15668 0.366124 8.3911C0.600545 8.62552 0.918488 8.75721 1.25001 8.75721Z' fill='black'/%3E%3C/svg%3E");
    mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 15 16' fill='none'%3E%3Cpath d='M1.25001 8.75721L10.7375 8.75721L6.61251 12.8697C6.37713 13.1051 6.24489 13.4243 6.24489 13.7572C6.24489 14.0901 6.37713 14.4093 6.61251 14.6447C6.84789 14.8801 7.16713 15.0123 7.50001 15.0123C7.83288 15.0123 8.15213 14.8801 8.38751 14.6447L14.6375 8.39471C14.7513 8.27584 14.8405 8.13565 14.9 7.98221C15.025 7.67789 15.025 7.33654 14.9 7.03221C14.8405 6.87878 14.7513 6.73859 14.6375 6.61971L8.38751 0.369716C8.2713 0.252555 8.13305 0.159561 7.98073 0.0960992C7.82841 0.0326379 7.66502 -3.30656e-05 7.50001 -3.30801e-05C7.33499 -3.30945e-05 7.17161 0.0326379 7.01929 0.0960992C6.86696 0.15956 6.72871 0.252555 6.61251 0.369716C6.49535 0.485919 6.40236 0.62417 6.33889 0.776493C6.27543 0.928817 6.24276 1.0922 6.24276 1.25721C6.24276 1.42223 6.27543 1.58561 6.33889 1.73794C6.40236 1.89026 6.49535 2.02851 6.61251 2.14471L10.7375 6.25721L1.25001 6.25721C0.918488 6.25721 0.600545 6.38891 0.366124 6.62333C0.131704 6.85775 8.31449e-06 7.17569 8.28551e-06 7.50721C8.25653e-06 7.83873 0.131704 8.15668 0.366124 8.3911C0.600545 8.62552 0.918488 8.75721 1.25001 8.75721Z' fill='black'/%3E%3C/svg%3E");
}

.body__article__content__article {
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.body__article__content__article section {
    padding: 0;
}

.body__article__section {
    padding: 0;
}

.body__article__rich-content {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.body__article__heading,
.body__article__content__article h2 {
    margin: 0 0 14px;
    color: var(--article-title);
    font-family: "Raleway", sans-serif;
    font-size: 1.9rem;
    font-weight: 800;
    line-height: 1.15;
}

.body__article__heading--level-2 {
    margin-top: 8px;
}

.body__article__heading--level-3 {
    margin: 4px 0 10px;
    font-size: 1.4rem;
}

.body__article__paragraph,
.body__article__content__article p {
    margin: 0 0 16px;
    color: var(--article-copy);
    font-size: 0.95rem;
    line-height: 1.78;
}

.body__article__list {
    margin: -2px 0 4px;
    padding: 0 0 0 22px;
    color: var(--article-copy);
}

.body__article__list li {
    margin-bottom: 10px;
    line-height: 1.7;
}

.body__article__editorial {
    display: flex;
    gap: 14px;
    align-items: start;
    padding: 18px 20px;
    border-radius: 14px;
    background: var(--article-tip-bg);
}

.body__article__editorial--attention {
    background: var(--article-warning-bg);
}

.body__article__editorial--bonnes-pratiques,
.body__article__editorial--bonnes-pratique {
    background: var(--article-note-bg);
}

.body__article__editorial__icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    margin-top: 2px;
}

.body__article__editorial__body {
    min-width: 0;
}

.body__article__editorial__title {
    margin-bottom: 8px;
}

.body__article__editorial--conseil .body__article__editorial__icon {
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg%20width%3D'42'%20height%3D'42'%20viewBox%3D'0%200%2042%2042'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20clip-path%3D'url(%23clip0_196_2194)'%3E%3Cmask%20id%3D'mask0_196_2194'%20style%3D'mask-type%3Aluminance'%20maskUnits%3D'userSpaceOnUse'%20x%3D'0'%20y%3D'0'%20width%3D'42'%20height%3D'42'%3E%3Cpath%20d%3D'M42%200H0V42H42V0Z'%20fill%3D'white'%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D'url(%23mask0_196_2194)'%3E%3Cpath%20d%3D'M15.8781%2031.9871L15.8815%2031.957C16.0531%2030.3611%2014.4501%2027.1716%2013.3636%2025.9825C11.2214%2023.638%209.91982%2020.9657%2010.138%2017.7139C10.5238%2011.9624%2015.582%207.56313%2021.3232%207.97719C24.0286%208.17233%2026.8953%209.67577%2028.6176%2011.8139C30.3741%2013.9678%2031.2029%2016.7312%2030.9215%2019.4963C30.4395%2023.8571%2028.0887%2024.8048%2026.2425%2028.2491C25.6486%2029.3569%2025.3943%2030.7941%2025.2066%2032.0314C25.4387%2032.0751%2025.7269%2032.1072%2025.8707%2032.347C26.2033%2032.9015%2026.2665%2034.1462%2025.707%2034.5799C25.5424%2034.7075%2025.3039%2034.7326%2025.1901%2034.9611C25.2258%2035.2935%2025.2283%2035.2848%2025.5236%2035.562C25.9052%2036.0903%2025.3705%2036.5792%2025.1905%2037.1058C25.2142%2037.3833%2025.1954%2037.4095%2025.4385%2037.643C25.5118%2037.6682%2025.623%2037.6857%2025.6331%2037.7576C25.8234%2039.1211%2024.9093%2039.3931%2024.0102%2039.471C23.9918%2039.5019%2023.9495%2039.5635%2023.9442%2039.5935C23.5862%2040.5241%2022.9826%2041.187%2022.0502%2041.5709C21.0696%2041.971%2019.9697%2041.9629%2018.9949%2041.5485C18.0032%2041.1156%2017.4841%2040.4553%2017.1107%2039.4834C17.0516%2039.4619%2017.0596%2039.4588%2017.0108%2039.456C16.2946%2039.4156%2016.1235%2039.3259%2015.6306%2038.8492C15.4666%2038.4282%2015.2203%2037.8123%2015.7193%2037.5867L15.8349%2037.499C15.9332%2037.2654%2015.8775%2037.231%2015.8295%2036.9358C15.6006%2036.4548%2015.2145%2035.9471%2015.6421%2035.5013L15.9258%2035.211C15.9116%2035.1594%2015.8968%2035.1081%2015.8815%2035.0569C15.7798%2034.7233%2015.7444%2034.7717%2015.4593%2034.6123C14.8075%2034.2481%2014.8717%2032.9987%2015.1836%2032.4288C15.3444%2032.1349%2015.5766%2032.0702%2015.8781%2031.9871Z'%20fill%3D'%23FBC961'%2F%3E%3Cpath%20d%3D'M22.4094%2032.0063C22.4451%2029.1518%2022.3272%2026.0518%2022.4349%2023.2334C22.5142%2024.0181%2022.4725%2025.4547%2022.4722%2026.2775L22.4623%2032.0152C23.3283%2032.0019%2024.3479%2031.9713%2025.207%2032.0311C25.4391%2032.0749%2025.7274%2032.107%2025.8711%2032.3467C26.2037%2032.9012%2026.2669%2034.1459%2025.7075%2034.5796C25.5428%2034.7072%2025.3043%2034.7323%2025.1905%2034.9608C25.2263%2035.2932%2025.2287%2035.2845%2025.524%2035.5617C25.9057%2036.09%2025.3709%2036.5789%2025.1909%2037.1055C25.2146%2037.383%2025.1959%2037.4093%2025.439%2037.6427C25.5122%2037.6679%2025.6235%2037.6854%2025.6335%2037.7573C25.8239%2039.1208%2024.9097%2039.3928%2024.0106%2039.4707C23.9922%2039.5016%2023.9499%2039.5632%2023.9446%2039.5933C23.5866%2040.5238%2022.9831%2041.1867%2022.0506%2041.5706C21.07%2041.9708%2019.9701%2041.9627%2018.9953%2041.5482C18.0036%2041.1153%2017.4845%2040.455%2017.1111%2039.4832C17.052%2039.4616%2017.06%2039.4585%2017.0112%2039.4557C16.295%2039.4153%2016.1239%2039.3256%2015.631%2038.8489C15.467%2038.4279%2015.2207%2037.8121%2015.7198%2037.5864L15.8353%2037.4987C15.9336%2037.2651%2015.8779%2037.2308%2015.8299%2036.9355C15.601%2036.4545%2015.2149%2035.9468%2015.6425%2035.501L15.9262%2035.2107C15.912%2035.1592%2015.8972%2035.1078%2015.8819%2035.0566C15.7802%2034.7231%2015.7448%2034.7714%2015.4597%2034.6121C14.8079%2034.2478%2014.8722%2032.9984%2015.184%2032.4285C15.3448%2032.1346%2015.577%2032.0699%2015.8785%2031.9868C16.646%2032.0413%2017.7871%2031.9914%2018.6207%2032.0154C18.845%2032.0173%2019.3958%2032.036%2019.5939%2032.012C20.0902%2032.0067%2020.9907%2031.9721%2021.4541%2032.0221C21.7098%2032.0337%2022.1401%2032.0112%2022.4094%2032.0063Z'%20fill%3D'%23689B89'%2F%3E%3Cpath%20d%3D'M15.8294%2036.9356C16.6188%2036.8663%2017.9196%2036.9438%2018.7536%2036.9591C20.3435%2036.9825%2021.9336%2036.9807%2023.5234%2036.9537C23.8242%2036.9461%2024.9709%2036.8665%2025.1443%2036.9591L25.1904%2037.1056C25.2141%2037.3831%2025.1954%2037.4094%2025.4385%2037.6428C25.5118%2037.668%2025.623%2037.6855%2025.6331%2037.7574C25.8234%2039.1209%2024.9092%2039.3929%2024.0101%2039.4708C23.9917%2039.5017%2023.9494%2039.5633%2023.9441%2039.5934C23.5861%2040.5239%2022.9826%2041.1868%2022.0501%2041.5707C21.0695%2041.9709%2019.9696%2041.9628%2018.9948%2041.5483C18.0032%2041.1154%2017.484%2040.4551%2017.1106%2039.4833C17.0515%2039.4617%2017.0595%2039.4586%2017.0107%2039.4558C16.2946%2039.4154%2016.1234%2039.3257%2015.6305%2038.849C15.4665%2038.428%2015.2202%2037.8122%2015.7193%2037.5865L15.8348%2037.4988C15.9331%2037.2652%2015.8774%2037.2309%2015.8294%2036.9356Z'%20fill%3D'%23689B89'%2F%3E%3Cpath%20d%3D'M17.1104%2039.4835C17.9756%2039.4552%2023.6359%2039.3253%2023.9439%2039.5936C23.5859%2040.5241%2022.9824%2041.187%2022.0499%2041.5709C21.0693%2041.9711%2019.9694%2041.963%2018.9946%2041.5485C18.0029%2041.1156%2017.4838%2040.4553%2017.1104%2039.4835Z'%20fill%3D'%23216E66'%2F%3E%3Cpath%20d%3D'M15.8299%2036.9356C16.6193%2036.8663%2017.92%2036.9438%2018.7541%2036.9591C20.3439%2036.9825%2021.9341%2036.9807%2023.5238%2036.9537C23.8247%2036.9461%2024.9713%2036.8665%2025.1447%2036.9591L25.1909%2037.1056C25.2146%2037.3831%2025.1958%2037.4094%2025.4389%2037.6428C25.4179%2037.6516%2025.295%2037.6983%2025.2656%2037.6986C22.1338%2037.7371%2018.9901%2037.7191%2015.8574%2037.6905C15.8011%2037.648%2015.7552%2037.6133%2015.7197%2037.5865L15.8353%2037.4988C15.9336%2037.2652%2015.8778%2037.2309%2015.8299%2036.9356Z'%20fill%3D'%23216E66'%2F%3E%3Cpath%20d%3D'M15.9253%2035.2107C15.9295%2034.9366%2015.8827%2034.8945%2016.0138%2034.7103C16.505%2034.619%2025.0224%2034.672%2025.1302%2034.7225L25.1897%2034.9608C25.2254%2035.2933%2025.2279%2035.2846%2025.5231%2035.5618C25.9048%2036.09%2025.37%2036.579%2025.19%2037.1055L25.1439%2036.959C24.9705%2036.8664%2023.8238%2036.946%2023.523%2036.9536C21.9332%2036.9806%2020.3431%2036.9824%2018.7532%2036.959C17.9192%2036.9438%2016.6184%2036.8663%2015.829%2036.9355C15.6001%2036.4545%2015.214%2035.9468%2015.6416%2035.501L15.9253%2035.2107Z'%20fill%3D'%23689B89'%2F%3E%3Cpath%20d%3D'M15.9253%2035.2107C15.9295%2034.9366%2015.8827%2034.8945%2016.0138%2034.7103C16.505%2034.619%2025.0224%2034.672%2025.1302%2034.7225L25.1896%2034.9608C25.2253%2035.2933%2025.2278%2035.2846%2025.5231%2035.5618C24.4955%2035.8216%2016.2591%2035.8656%2015.6416%2035.501L15.9253%2035.2107Z'%20fill%3D'%23216E66'%2F%3E%3Cpath%20d%3D'M21.4491%2022.1911C21.4173%2021.4032%2021.5491%2020.2152%2022.0783%2019.6103C22.8327%2018.748%2024.1204%2018.6069%2024.9865%2019.3999C25.4094%2019.7893%2025.654%2020.3352%2025.6629%2020.9099C25.6756%2021.4597%2025.4698%2021.9922%2025.0906%2022.3906C24.3788%2023.1351%2023.3919%2023.2142%2022.4343%2023.2334C22.3266%2026.0518%2022.4444%2029.1519%2022.4088%2032.0064C22.1394%2032.0113%2021.7092%2032.0337%2021.4534%2032.0221C20.99%2031.9721%2020.0896%2032.0067%2019.5933%2032.012C19.3952%2032.036%2018.8444%2032.0173%2018.6201%2032.0154C18.6197%2029.1268%2018.5762%2026.1152%2018.645%2023.2361C17.1781%2023.2275%2015.5209%2022.7963%2015.4398%2021.0242C15.414%2020.4737%2015.6101%2019.9358%2015.9843%2019.5313C16.7748%2018.668%2018.0668%2018.6953%2018.9059%2019.4859C19.5956%2020.1358%2019.5902%2021.3032%2019.6043%2022.1898L21.4491%2022.1911Z'%20fill%3D'%23216E66'%2F%3E%3Cpath%20d%3D'M19.5898%2023.229L21.4624%2023.2202L21.4537%2032.0221C20.9904%2031.9721%2020.0899%2032.0067%2019.5936%2032.012L19.5898%2023.229Z'%20fill%3D'%23FBC961'%2F%3E%3Cpath%20d%3D'M17.107%2019.9114C18.0655%2019.8413%2018.1747%2020.0698%2018.6195%2020.8636C18.6262%2021.2373%2018.7019%2021.8169%2018.5378%2022.1005C18.2739%2022.2513%2018.1749%2022.1959%2017.8423%2022.1883C16.4404%2022.0434%2015.7688%2020.7498%2017.107%2019.9114Z'%20fill%3D'%23FBC961'%2F%3E%3Cpath%20d%3D'M23.23%2019.9095C24.9065%2019.7943%2025.2279%2021.3136%2023.8205%2022.0895C23.2986%2022.1784%2022.9618%2022.1912%2022.4297%2022.2113C22.442%2021.9358%2022.4583%2021.6606%2022.4787%2021.3857C22.5386%2020.6697%2022.6975%2020.3608%2023.23%2019.9095Z'%20fill%3D'%23FBC961'%2F%3E%3Cpath%20d%3D'M17.8011%2010.3745C18.1665%2010.4598%2018.3917%2010.7583%2018.394%2011.1276C18.1484%2011.6172%2016.9549%2012.0307%2016.3781%2012.3848C15.9367%2012.6521%2015.5304%2012.9734%2015.1686%2013.3413C14.3299%2014.2089%2013.9193%2015.2719%2013.5154%2016.3804C13.4296%2016.6155%2013.3468%2016.7404%2013.1546%2016.8984C12.1749%2016.8277%2012.3273%2016.1261%2012.6076%2015.4088C13.6893%2012.6411%2015.1994%2011.5116%2017.8011%2010.3745Z'%20fill%3D'white'%2F%3E%3Cpath%20d%3D'M32.3284%206.34082C34.0611%206.89048%2031.8162%208.46299%2031.2731%209.06122C31.0443%209.31342%2030.6181%209.66587%2030.3319%209.83214C29.9525%209.68362%2029.7249%209.45842%2029.709%209.05175C29.9429%208.52765%2031.8281%206.70293%2032.3284%206.34082Z'%20fill%3D'%23216E66'%2F%3E%3Cpath%20d%3D'M8.57004%206.34766C9.02969%206.37045%2011.2666%208.56164%2011.3148%209.14301C11.3359%209.39646%2011.0342%209.66442%2010.875%209.8119C10.708%209.77328%2010.4249%209.67885%2010.276%209.50622C9.67744%208.81246%208.12717%207.87264%208.10845%206.90851C8.10403%206.68117%208.40922%206.47117%208.57004%206.34766Z'%20fill%3D'%23216E66'%2F%3E%3Cpath%20d%3D'M33.766%2017.9915C34.4673%2017.956%2037.2604%2017.7863%2037.6886%2018.2414C37.809%2018.6321%2037.7691%2018.9014%2037.3938%2019.0966C36.6693%2019.1925%2034.0374%2019.2869%2033.4719%2018.8687C33.2547%2018.4554%2033.4049%2018.2249%2033.766%2017.9915Z'%20fill%3D'%23216E66'%2F%3E%3Cpath%20d%3D'M3.71701%2017.9865C4.58333%2017.9396%206.97989%2017.8008%207.61914%2018.2521C7.85498%2018.6505%207.64919%2018.8493%207.32355%2019.1051C6.53771%2019.1907%203.96563%2019.3117%203.40899%2018.8293C3.21329%2018.3817%203.32865%2018.2177%203.71701%2017.9865Z'%20fill%3D'%23216E66'%2F%3E%3Cpath%20d%3D'M20.1575%201.12338C20.453%201.10722%2020.7361%201.05865%2020.9733%201.23633C21.0312%201.32191%2021.093%201.47589%2021.0889%201.57661C21.0539%202.44465%2021.3442%204.96742%2020.8547%205.58415C20.5881%205.65234%2020.5495%205.66408%2020.287%205.57987C20.1887%205.49166%2020.0809%205.4261%2020.0636%205.29748C19.967%204.57968%2019.8864%201.62842%2020.1575%201.12338Z'%20fill%3D'%23216E66'%2F%3E%3Cpath%20d%3D'M10.4429%2026.9512C10.8858%2026.9156%2011.1782%2026.9042%2011.3276%2027.375C11.2464%2028.1546%209.57283%2029.581%208.94456%2030.1516C8.8855%2030.1831%208.76357%2030.2426%208.69781%2030.2345C6.84062%2030.0068%209.89446%2027.4882%2010.4429%2026.9512Z'%20fill%3D'%23216E66'%2F%3E%3Cpath%20d%3D'M30.0513%2026.9397C30.9924%2026.8793%2031.9751%2028.4156%2032.6839%2029.028C33.2063%2029.4795%2033.0777%2029.8909%2032.5454%2030.2846C31.9449%2030.2025%2029.9503%2028.1605%2029.696%2027.5156C29.6443%2027.3845%2029.9675%2027.0318%2030.0513%2026.9397Z'%20fill%3D'%23216E66'%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D'clip0_196_2194'%3E%3Crect%20width%3D'42'%20height%3D'42'%20fill%3D'white'%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.body__article__editorial--bonnes-pratiques .body__article__editorial__icon,
.body__article__editorial--bonnes_pratiques .body__article__editorial__icon,
.body__article__editorial--bonnes-pratique .body__article__editorial__icon {
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42' fill='none'%3E%3Cpath d='M21 36C25.1421 36 28.8921 34.3211 31.6066 31.6066C34.3211 28.8921 36 25.1421 36 21C36 16.8579 34.3211 13.1079 31.6066 10.3934C28.8921 7.67893 25.1421 6 21 6C16.8579 6 13.1079 7.67893 10.3934 10.3934C7.67893 13.1079 6 16.8579 6 21C6 25.1421 7.67893 28.8921 10.3934 31.6066C13.1079 34.3211 16.8579 36 21 36Z' fill='%23216E66'/%3E%3Cpath d='M15 21L19.5 25.5L28.5 16.5' stroke='%23EFF9F5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.body__article__editorial--attention .body__article__editorial__icon {
    width: 50px;
    height: 50px;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M28.1197 8.53274C28.5334 7.6895 29.2337 7.02109 30.0954 6.64725C30.9866 6.26398 31.9456 6.22165 32.8517 6.5791C33.5322 6.75206 34.4295 7.42921 34.8052 8.01549C35.5928 9.24359 36.3481 10.5407 37.0979 11.7927L41.7657 19.5765L56.4088 43.8833C57.0909 45.0367 57.7834 46.1841 58.4868 47.325C59.3235 48.6915 60.2945 50.1027 60.7899 51.6264C61.6577 54.2981 59.6375 56.9381 56.873 56.9709C55.6556 56.9933 54.4126 56.9736 53.1838 56.9725L46.2872 56.9731L24.5658 56.9747L11.9731 56.972L9.02826 56.9736C8.11152 56.9769 6.72673 57.0435 5.88525 56.8158C4.86036 56.5389 3.98878 55.8639 3.46455 54.9403C2.43486 53.1037 3.09885 51.2288 4.06579 49.5352C5.84297 46.4228 7.65943 43.3338 9.46638 40.2383L21.543 19.6832L26.4941 11.2744C26.7727 10.8028 27.8174 8.86091 28.1197 8.53274Z' fill='%23F4A106'/%3E%3Cpath d='M28.1196 8.53274C28.5333 7.6895 29.2337 7.02109 30.0954 6.64725C30.9866 6.26398 31.9456 6.22165 32.8516 6.5791C32.4999 6.62978 31.3951 6.30805 31.045 6.45431C30.2289 6.79542 30.2038 7.43249 29.2193 7.55242C28.9546 7.76372 29.1643 7.7853 28.9691 7.94504C28.6951 8.16934 28.4165 8.30374 28.1196 8.53274Z' fill='%23FFC923'/%3E%3Cpath d='M15.5188 32.668C15.5938 32.4273 16.1213 31.6018 16.2703 31.3468L17.6091 29.0363L21.8511 21.678L27.0204 12.6589L28.6653 9.79357C29.1404 8.96847 29.5699 7.92486 30.4907 7.54305C32.2897 6.79709 33.4442 7.80569 34.1045 9.39309C34.1722 9.64098 34.1831 9.70696 34.1984 9.96343L34.2514 9.70603C34.484 9.95698 34.5146 9.97151 34.6768 10.2712C35.7615 12.2741 36.9646 14.1705 38.0803 16.1725C42.4959 23.9235 46.9917 31.6286 51.5672 39.2864C53.0893 41.8047 54.595 44.3333 56.0838 46.8723C56.3552 47.3381 56.6173 47.8237 56.8915 48.2851C57.2634 48.9099 57.6348 49.4473 57.9275 50.1142C58.6845 51.8361 58.0924 53.6886 56.4049 54.5613C55.8697 54.8388 55.3082 54.9311 54.7042 54.9486C52.749 54.9633 50.789 54.9475 48.8332 54.9464L36.9903 54.9442L17.6307 54.9349L12.2926 54.9327C11.3453 54.9327 10.363 54.9185 9.41832 54.9316C7.47866 54.9578 5.86815 54.8907 5.26653 52.6526C4.77064 50.9416 6.09223 49.1049 6.9057 47.6669L9.73311 42.7315L13.4973 36.1205C14.0604 35.1369 14.9168 33.543 15.5188 32.668Z' fill='%23FFC428'/%3E%3Cpath d='M15.5188 32.668C15.4963 33.0436 14.3502 34.8703 14.0936 35.2679C14.3413 35.5098 14.8264 35.6486 15.1572 35.6458C15.2269 35.6453 15.2966 35.642 15.3661 35.6371C15.3209 35.7578 15.1636 36.1144 15.1826 36.2073C15.3593 35.9074 15.8352 34.9817 16.0605 34.8343C15.6442 35.7272 14.9018 36.8823 14.4104 37.7736L9.79936 46.0295C8.81445 47.8225 7.8657 49.598 7.0009 51.4505C6.85688 51.7591 5.63648 52.4073 5.26653 52.6525C4.77064 50.9415 6.09223 49.1048 6.9057 47.6669L9.73311 42.7314L13.4973 36.1204C14.0604 35.1368 14.9168 33.5429 15.5188 32.668Z' fill='%23FFE071'/%3E%3Cpath d='M30.9534 17.6647C32.2171 17.4997 34.8184 18.0737 35.3137 19.4778C35.4694 19.9201 35.4453 21.1993 35.4197 21.7099C35.1455 27.1634 34.6436 32.6094 34.2165 38.0527C34.1292 39.169 33.2695 39.3427 32.3105 39.4869C31.5028 39.6174 30.252 39.5251 29.5356 39.08C29.1683 38.8517 29.0866 38.5781 29.0283 38.1603C28.8935 37.192 28.8269 36.1729 28.7498 35.197L28.3365 29.6473C28.1806 27.5975 28.0351 25.547 27.8999 23.4958C27.8358 22.4685 27.744 21.3637 27.7545 20.3381C27.7597 19.8293 27.7803 19.4243 28.0824 19.0199C28.7286 18.1548 29.9379 17.8171 30.9534 17.6647Z' fill='%23BA7607'/%3E%3Cpath d='M30.9403 41.353C33.204 40.9762 35.3427 42.5114 35.7108 44.7762C36.0783 47.0416 34.5355 49.1743 32.269 49.5336C30.0146 49.8908 27.8959 48.3578 27.53 46.105C27.1642 43.8522 28.6889 41.7277 30.9403 41.353Z' fill='%23BA7607'/%3E%3C/svg%3E");
}

.body__article__editorial__title strong {
    color: var(--article-title);
    font-size: 1rem;
    font-weight: 800;
}

.body__article__editorial__content {
    margin: 0;
}

.body__article__list--editorial {
    margin-top: 8px;
    margin-bottom: 0;
}

.body__article__content__side__related.mobile  {
    display: none;
}

@media (max-width: 980px) {
    .hero__tags {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .body__article__header {
        grid-template-columns: 1fr;
    }

    .body__article__header__illu {
        justify-content: flex-start;
    }

    .body__article__content {
        grid-template-columns: 1fr;
        grid-template-areas:
            "article"
            "aside";
    }

    .body__article__content__side {
        position: static;
    }

    .body__article__content__side__related {
        display: none;
    }

    .body__article__content__side__related.mobile  {
        display: block;
    }
}

@media (max-width: 720px) {
    .hero.hero--referencement .hero__inner {
        padding: 32px 20px 28px;
        gap: 28px;
    }

    .body__article__header__illu {
        display: none;
    }

    .hero__tags {
        grid-template-columns: 1fr;
    }

    .hero.hero--referencement .hero__img {
        display: none;
    }

    .body__article {
        padding: 36px 20px 64px;
    }

    .body__article__header__title > span {
        font-size: 0.92rem;
    }

    .body__article__header__infos {
        gap: 12px;
    }

    .body__article__content__article h2 {
        font-size: 1.55rem;
    }

    .body__article__heading--level-3 {
        font-size: 1.24rem;
    }

    .body__article__editorial {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 12px;
        padding: 16px;
    }

    .body__article__editorial--attention .body__article__editorial__icon {
        width: 52px;
        height: 52px;
        margin-left: -4px;
    }

    .body__article__content__article p {
        font-size: 0.92rem;
    }
}