.markdown, .markdown& {
  .subnav, .subnav& {
    @apply .flex;
    @apply .mt-6;
    @apply .pb-2;
    @apply .border-b;

    .subnav-link, .subnav-link& {
      @apply .mr-6;
      @apply .leading-none;
      @apply .text-dark-soft;
      @apply .text-sm;
    }
  }

  a, a& {
    @apply .text-blue;
  }

  p code, p& code& {
    @apply .inline-block;
    @apply .bg-light-soft;
    @apply .rounded-sm;
    @apply .text-sm;
    @apply .p-1;
    @apply .leading-none;
    @apply .wrap-none;
    @apply .text-pink-dark;
    vertical-align: middle;
  }

  blockquote, blockquote& {
    @apply .text-em;
    @apply .text-dark-soft;
    @apply .text-sm;
  }

  h1, h1& {
    @apply .mb-4;
    @apply .leading-none;
    @apply .text-dark;
    @apply .text-bold;
    @apply .text-3xl;
  }

  h2, h2& {
    @apply .mt-16;
    @apply .mb-8;
    @apply .text-dark;
    @apply .leading-none;
    @apply .text-bold;
    @apply .text-xl;
  }

  h3, h3& {
    @apply .mt-16;
    @apply .mb-8;
    @apply .text-dark;
    @apply .leading-none;
    @apply .text-medium;
    @apply .text-lg;
  }

  p, p& {
    @apply .text-dark-soft;
    @apply .mt-8;
    @apply .mb-3;
    line-height: 1.75;
  }
}