.fullpage.actus {
  @media (min-width: $breakpoint_tablet) {
    .actus_list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width: $breakpoint_desktop) {
    .actus_list {
        grid-template-columns: repeat(3, 1fr);
    }
  }

  // En grille, deux teasers voisins peuvent se toucher : on déplace le
  // border-bottom fluo de l'article vers le .preview_sous_titre pour qu'il
  // reste à l'intérieur du teaser (padding de l'article en dessous).
  // Spécifique à l'index actus — carousel home conserve son trait au bord.
  .actus_list article.actu-teaser {
    border-bottom: none;
    .preview_sous_titre {
      border-bottom: 7px solid $fluo_green;
    }
  }
}

.fullpage {
  .actus_list {
    h2 {
      @media screen and (min-width: $breakpoint_tablet) {
        font-size: $fs_xl !important;
      }
    }
    .sous_titre {
      @media screen and (min-width: $breakpoint_tablet) {
        font-size: $fs_sm !important;
      }
    }
  }
}