.typography p,
.typography ol,
.typography ul {
  max-width: 600px;
}

.typography a {
  @apply ariadne-font-medium ariadne-underline;
}

.typography strong {
  @apply ariadne-font-bold;
}

.typography ol {
  @apply ariadne-pl-6 ariadne-relative ariadne-list-none;

  counter-reset: list-number;
}

.typography ol > li::before {
  @apply ariadne-absolute ariadne-left-0 ariadne-overflow-hidden ariadne-w-5 ariadne-text-right;

  counter-increment: list-number;
  content: counter(list-number) '.';
}

.typography ul {
  @apply ariadne-pl-6 ariadne-relative ariadne-list-none;
}

.typography ul > li::before {
  @apply ariadne-absolute ariadne-left-0 ariadne-overflow-hidden ariadne-w-5 ariadne-text-center;

  content: '\25AA';
}

.typography dt {
  @apply ariadne-font-semibold;
}

.typography hr {
  @apply ariadne-border-t;
}

.typography blockquote {
  @apply ariadne-font-medium ariadne-italic ariadne-border-l-4 ariadne-pl-2;
}

.typography blockquote p:first-of-type::before {
  content: open-quote;
}

.typography blockquote p:last-of-type::after {
  content: close-quote;
}

.typography kbd {
  @apply ariadne-font-medium ariadne-text-inherit;

  font-family: inherit;
}

.typography code {
  @apply ariadne-font-mono ariadne-font-semibold;
}

.typography pre {
  @apply ariadne-px-3 ariadne-py-2 ariadne-rounded-lg ariadne-bg-zinc-300 dark:ariadne-bg-zinc-700 ariadne-bg-opacity-10 dark:ariadne-bg-opacity-10 ariadne-font-mono ariadne-overflow-x-auto;
}

.typography pre code {
  @apply ariadne-text-inherit;

  font: inherit;
}

.typography :not(pre) > code {
  @apply ariadne-p-1 ariadne-bg-zinc-300 dark:ariadne-bg-zinc-700 ariadne-bg-opacity-10 dark:ariadne-bg-opacity-10 ariadne-rounded-lg;
}

.typography pre code::before,
.typography pre code::after {
  @apply ariadne-content-none;
}

.typography table {
  @apply ariadne-w-full ariadne-table-auto ariadne-text-left;
}

.typography thead {
  @apply ariadne-border-b ariadne-border-b-slate-50/10;
}

.typography thead th {
  @apply ariadne-font-semibold ariadne-align-bottom ariadne-py-1;
}

.typography tbody tr {
  @apply ariadne-border-b ariadne-border-b-slate-50/10;
}

.typography tbody tr:last-child {
  @apply ariadne-border-b-0;
}

.typography tbody td {
  @apply ariadne-align-baseline ariadne-py-1;
}

.typography tfoot {
  @apply ariadne-border-t;
}

.typography tfoot td {
  @apply ariadne-align-top;
}