.archive-page-header {
  @apply bg-primary text-white text-center pb-12 max-w-screen-xl mx-auto
    mt-8 rounded-2xl;
  &__icon {
    @apply absolute left-1/2 -translate-x-1/2 -translate-y-[75%] w-20 block;
  }
  &__title {
    @apply uppercase font-semibold text-xl tracking-widest pt-12;
  }
  &__icon + &__title {
    @apply pt-16;
  }
  &__description {
    @apply font-bold text-4xl max-w-screen-md mx-auto pt-4;
  }
  /* POUR TEMPLATE ARCHIVE CONSEILS ET ARCHIVE QUESTIONS */
  &__terms-grid {
    @apply grid grid-cols-4 max-w-screen-md mx-auto gap-4 p-4 pt-8;

    .term {
      @apply bg-white rounded-3xl px-4 py-6 font-bold leading-4;
    }
    .term img {
      @apply rounded-lg pb-4 max-w-[80px] mx-auto;
    }
  }
  /* POUR PUBLICATIONS */
  &__search-grid {
    @apply grid grid-cols-4 max-w-screen-md mx-auto gap-4 p-4 pt-8;

    .term {
      @apply bg-white rounded-3xl px-4 py-6 font-bold leading-4;
    }
    .term img {
      @apply rounded-lg pb-4 max-w-[80px] mx-auto;
    }
  }
}