.blog-post__layout{--blog-aside:320px;align-items:start;display:grid;gap:var(--sp-9);grid-template-columns:minmax(0,1fr) var(--blog-aside)}.body-container--blog-post{background:var(--bg);--blog-content:calc(var(--container-max) + (var(--sp-6) + var(--sp-2))*2);--blog-pad:min(var(--container-pad),var(--sp-9))}.body-container--blog-post .blog-post,.body-container--blog-post .hero-article{--bg:var(--bg-white);background:var(--bg)}.body-container--blog-post .blog-post>.container,.body-container--blog-post .grille-articles>.container{max-width:calc(var(--blog-content) + var(--blog-pad)*2);padding-inline:var(--blog-pad)}@media (min-width:768px){.body-container--blog-post .blog-post,.body-container--blog-post .grille-articles,.body-container--blog-post .hero-article{padding-block:var(--sp-9)}}.body-container--blog-post .blog-post__layout{--blog-measure:calc(var(--blog-content) - var(--sp-9)*2 - var(--blog-aside));max-width:calc(var(--blog-content) - var(--sp-9))}.body-container--blog-post .blog-post__body{max-width:var(--blog-measure)}@media (min-width:1024px){.body-container--blog-post .blog-post__aside{align-self:stretch;order:1}.body-container--blog-post .blog-post__aside>*{position:sticky;top:var(--sp-7)}}.body-container--blog-post .grille-articles__title{font-size:var(--fs-heading-l);letter-spacing:var(--ls-heading-l);line-height:var(--lh-heading-l)}.body-container--blog-post .blog-post__body h1,.body-container--blog-post .blog-post__body h2{font-size:var(--fs-heading-l);letter-spacing:var(--ls-heading-l);line-height:var(--lh-heading-s);margin:var(--sp-7) 0 var(--sp-5)}.body-container--blog-post .blog-post__body blockquote{line-height:var(--lh-label-s)}.body-container--blog-post .blog-post__body figcaption{color:var(--text-title)}.blog-post__body .dw-faq{background:none!important;border:0!important;border-top:1px solid var(--border)!important}.blog-post__body .dw-faq h2,.blog-post__body .dw-faq summary{color:var(--text-title)!important}.blog-post__body .dw-faq p{color:var(--text)!important}.blog-post__body .dw-faq details{border-bottom:1px solid var(--border)!important}.blog-post__body .dw-cluster-mesh,.blog-post__body .dw-uptoo-signature{background:var(--surface)!important;border:1px solid var(--border)!important;border-left:4px solid var(--accent)!important;color:var(--text)!important}.blog-post__body .dw-cluster-mesh a,.blog-post__body .dw-uptoo-signature a{color:var(--accent-text)!important}.blog-post__body .dw-cluster-mesh p{color:var(--text-title)!important}.blog-post__body table[style],.blog-post__body td[style],.blog-post__body th[style]{border-color:var(--border)!important}.blog-post__body tr[style*=background],.blog-post__body tr[style*=background]>*{background:var(--surface)!important;color:var(--text-title)!important}.blog-post__body a[style*=color]:not(.article-cta *){color:var(--accent-text)!important}.blog-post__body span[style*=color]{color:inherit!important}.body-container--blog-index{background:var(--bg);--blog-content:calc(var(--container-max) + (var(--sp-6) + var(--sp-2))*2);--blog-pad:min(var(--container-pad),var(--sp-9))}.body-container--blog-index .grille-articles>.container{max-width:calc(var(--blog-content) + var(--blog-pad)*2);padding-inline:var(--blog-pad)}@media (min-width:768px){.body-container--blog-index .grille-articles{padding-block:calc(var(--sp-9) + var(--sp-4)) var(--sp-9)}}.body-container--blog-index .hero-page.hero-page--listing.section--dark{width:min(var(--blog-content),calc(100% - var(--blog-pad)*2))}.body-container--blog-index .hero-page.hero-page--listing.section--dark>.container{padding-inline:var(--sp-7)}.body-container--blog-index .hero-page.hero-page--listing.section--dark .hero-page__title{margin-bottom:0}@media (max-width:1023px){.body-container--blog-index .hero-page.hero-page--listing.section--dark .hero-page__text{gap:var(--sp-3);grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.body-container--blog-index .hero-page.hero-page--listing.section--dark{margin-top:calc(var(--sp-7) + var(--sp-2))}.body-container--blog-index .hero-page.hero-page--listing.section--dark>.container{padding-inline:var(--sp-6)}}.blog-post__aside,.blog-post__body{min-width:0}.blog-post__layout:not(:has(.sommaire:not([hidden]))){grid-template-columns:minmax(0,1fr)}.blog-post__layout:not(:has(.sommaire:not([hidden]))) .blog-post__aside{display:none}@media (max-width:1023px){.blog-post__layout{gap:var(--sp-7);grid-template-columns:minmax(0,1fr)}}