.content-area {
  @apply max-w-screen-2xl mx-auto w-full;
  .edito {
    @apply border border-primary p-6 mb-12;
    summary {
      cursor: pointer;
      @apply relative;
      &::marker {
        content: none;
      }
      &::after {
        @apply absolute top-1/2 right-0 -translate-y-1/2;
        transition: transform 0.3s ease-out;
        background-image: url('../resources/img/elements/select-drop-button.svg');
        /* background-image: url('../resources/img/icons/icon-activites.svg'); */

        content: ' ';
        @apply bg-contain;
        /* @apply bg-red-500; */
        @apply block w-12 h-12;
        @apply rounded-full;
        @apply mr-2;
      }
    }
    &[open] {
      summary::after {
        transform: rotate(-180deg) translateY(50%);
      }
    }
    &__title {
      @apply text-3xl font-bold;
    }
    &__content {
      @apply text-lg mt-6;
    }
    &__cta {
      @apply my-4;
    }
  }
  .table-matieres {
    &__title {
      @apply text-4xl font-bold mb-12;
    }
    .article-grid__list {
      @apply grid grid-cols-1 gap-4;
    }
  }
}