.markup {
  @apply leading-normal;

  h2,
  h3 {
    @apply text-black mb-3
  }

  h2 {
    @apply mt-6 mb-2
  }

  p,
  ul,
  ol,
  table,
  figure,
  pre,
  [v-pre] {
    &:not(:last-child) {
      @apply mb-6
    }
  }

  code {
    @apply bg-grey-lighter font-mono text-sm
  }

  p,
  li {
    code {
      @apply inline-block border border-grey-light font-bold mx-px p-1 leading-none
    }
  }

  pre code,
  .hljs {
    @apply block leading-loose overflow-x-scroll p-6
  }

  figure,
  img {
    @apply block
  }

  figcaption {
    @apply italic text-sm text-grey-darker text-center mb-0 mt-1
  }
}