.markdown {
  .subnav {
    .flex;
    .mt-5;
    .pb-2;
    .border-b;

    .subnav-link {
      .mr-4;
      .leading-none;
      .text-dark-soft;
      .text-sm;
    }
  }

  a {
    .text-primary;
  }

  code.inline {
    .border;
    .rounded;
    .text-sm;
    .px-1;
    .text-no-wrap;
    color: #DD4A68;
  }

  blockquote {
    .text-em;
    .text-dark-soft;
    .text-sm;
  }

  h1 {
    .mb-4;
    .leading-none;
    .text-dark-softer;
    .text-thin;
    .text-2xl;
    .text-primary;
  }

  h2 {
    .mt-8;
    .mb-6;
    .leading-none;
    .text-dark-softer;
    .text-thin;
    .text-xl;
    .text-primary;
  }

  p {
    .mt-6;
    .mb-3;
  }
}