.ads-Markdown {
  @apply text-body
    text-gray-800
    leading-normal;
}

.ads-Markdown a {
  @apply text-blue-400
    transition-colors
    underline
    font-medium;
}

.ads-Markdown a:link,
.ads-Markdown a:visited {
  @apply text-blue-400;
}

.ads-Markdown a:hover,
.ads-Markdown a:active,
.ads-Markdown a:focus {
  @apply text-blue-500;
}

.ads-Markdown a:focus {
  @apply outline-none
    shadow-focus;
}

.ads-Markdown h1,
.ads-Markdown h2,
.ads-Markdown h3,
.ads-Markdown h4,
.ads-Markdown h5,
.ads-Markdown h6 {
  @apply font-medium mb-6;
}

.ads-Markdown h1 {
  @apply text-h1;
}

.ads-Markdown h2 {
  @apply text-h2;
}

.ads-Markdown h3 {
  @apply text-h3;
}

.ads-Markdown h4 {
  @apply text-h4;
}

.ads-Markdown h5 {
  @apply text-h5;
}

.ads-Markdown h6 {
  @apply text-h6;
}

.ads-Markdown p,
.ads-Markdown ul,
.ads-Markdown ol,
.ads-Markdown blockquote,
.ads-Markdown hr,
.ads-Markdown pre {
  @apply mb-6
    mt-0;
}

.ads-Markdown ul,
.ads-Markdown ol {
  @apply pl-8;
}

.ads-Markdown ul {
  @apply list-disc;
}

.ads-Markdown ol {
  @apply list-decimal;
}

.ads-Markdown ul p,
.ads-Markdown ol p {
  @apply mb-0;
}

.ads-Markdown li input[type="checkbox"] {
  @apply -ml-4
    mr-2;
}

.ads-Markdown blockquote {
  @apply border-l-2
    border-gray-600
    pl-4;
}

.ads-Markdown code {
  @apply bg-gray-200
    rounded
    py-px
    px-1
    text-gray-800
    font-mono;
}

.ads-Markdown pre {
  @apply bg-gray-200
    py-2
    px-4
    border
    border-dashed
    border-gray-500;
}

.ads-Markdown pre code {
  @apply bg-transparent
    rounded-none
    p-0;
}