.articleDetail {
}
.article {
  @apply bg-gray-50 m-2 overflow-hidden rounded-xl;

  :global(.dark) & {
    @apply bg-gray-800;
  }
  & > header {
      @apply my-8 mx-4;
    h1 {
      @apply text-2xl font-medium;

      :global(.dark) & {
        @apply text-gray-200;
      }
    }
    time {
      @apply text-sm text-gray-500;
      :global(.dark) & {
        @apply text-gray-400;
      }
    }
  }
  & > div {
    @apply my-4 leading-8 mx-4 lg:mx-6 xl:mx-8 text-justify;
  }
}