.markup,
.comment-content,
.entry-content {
  @apply font-serif text-lg leading-loose;

  @screen md {
    @apply text-xl;
  }

  > * {
    @apply max-w-xl;

    @screen 2xl {
      @apply max-w-full;
    }
  }

  h2 {
    @apply text-2xl font-bold mt-8 -mb-5;
  }

  a {
    @apply text-blue-700 underline;

    &:hover {
      @apply text-blue-800 no-underline;
    }
  }

  * + * {
    @apply mt-6;
  }

  p {
    @apply font-serif;
  }

  ul {
    @apply list-disc ml-6;
  }

  li + li {
    @apply mt-0;
  }
}