@charset "UTF-8";
/** gérer changement de couleur pour gérer le contraste (accessibilité)
- Sur le parent qui applique une couleur de background autre que blanche, ajoutez `@include fix-contrast-container();`.
- sur les élements enfants nécessitant un changement de token de couleur, ajoutez :
  ```scss
  @include fix-contrast {
    ...surcharge ici...
  }
  ```
- Pour annuler la surcharge sur un enfant, ayant un background blanc par exemple, appliquez la mixin `@include fix-contrast-container(false);`.
**/
.c-article .c-textToSpeech {
  max-width: none;
}
@media (min-width: 64em) {
  .c-article {
    max-width: 100rem;
    margin: 50px auto 0 auto;
  }
  .c-article .c-headerArticle3,
  .c-article div:has(> .c-headerArticle3) {
    grid-area: header;
  }
  .c-article:has(.c-articleMenu) .c-article__container {
    display: grid;
    grid-template-areas: "menu header" "menu content";
    grid-template-columns: 260px 1fr;
    column-gap: 40px;
    align-items: flex-start;
  }
  .c-articleMenu {
    grid-area: menu;
    position: sticky;
    top: 0;
  }
  .c-article__wrapper {
    grid-area: content;
  }
}