/* Markdown styling based on Tailwind CSS prose */

.markdown {
  --md-body: #374151;
  --md-headings: #111827;
  --md-links: #4f46e5;
  --md-bold: #111827;
  --md-counters: #6b7280;
  --md-bullets: #111827;
  --md-hr: #e5e7eb;
  --md-quotes: #111827;
  --md-quote-borders: #e5e7eb;
  --md-captions: #6b7280;
  --md-code: #111827;
  --md-pre-code: #e5e7eb;
  --md-pre-bg: #1f2937;
  --md-th-borders: #d1d5db;
  --md-td-borders: #e5e7eb;
  font-size: 1rem;
  line-height: 1.75;
}

.markdown {
  color: var(--md-body);
}

.markdown :where(a) {
  color: var(--md-links);
  font-weight: 500;
  text-decoration: underline;
}

.markdown :where(strong) {
  color: var(--md-bold);
  font-weight: 600;
}

.markdown :where(ol) {
  padding-left: 1.625em;
  list-style-type: decimal;
}

.markdown :where(ol[type="A"]) {
  list-style-type: upper-alpha;
}

.markdown :where(ol[type="a"]) {
  list-style-type: lower-alpha;
}

.markdown :where(ol[type="A" s]) {
  list-style-type: upper-alpha;
}

.markdown :where(ol[type="a" s]) {
  list-style-type: lower-alpha;
}

.markdown :where(ol[type="I"]) {
  list-style-type: upper-roman;
}

.markdown :where(ol[type="i"]) {
  list-style-type: lower-roman;
}

.markdown :where(ol[type="I" s]) {
  list-style-type: upper-roman;
}

.markdown :where(ol[type="i" s]) {
  list-style-type: lower-roman;
}

.markdown :where(ol[type="1"]) {
  list-style-type: decimal;
}

.markdown :where(ul) {
  padding-left: 1.25em;
  list-style-type: disc;
}

.markdown :where(ol > li)::marker {
  color: var(--md-counters);
  font-weight: 400;
}

.markdown :where(ul > li)::marker {
  color: var(--md-bullets);
}

.markdown :where(hr) {
  margin-top: 3em;
  margin-bottom: 3em;
  border-top-width: 1px;
  border-color: var(--md-hr);
}

.markdown :where(blockquote) {
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  border-left-width: 0.25rem;
  border-left-color: var(--md-quote-borders);
  padding-left: 1em;
  quotes: "\201C" "\201D" "\2018" "\2019";
  color: var(--md-quotes);
  font-style: italic;
  font-weight: 500;
}

.markdown
  :where(blockquote p:first-of-type):not(
    :where([class~="not-markdown"] *)
  )::before {
  content: open-quote;
}

.markdown :where(blockquote p:last-of-type)::after {
  content: close-quote;
}

.markdown :where(h1) {
  margin-top: 0;
  margin-bottom: 0.8888889em;
  color: var(--md-headings);
  font-weight: 800;
  font-size: 2.25em;
  line-height: 1.1111111;
}

.markdown :where(h1 strong) {
  font-weight: 900;
}

.markdown :where(h2) {
  margin-top: 2em;
  margin-bottom: 1em;
  color: var(--md-headings);
  font-weight: 700;
  font-size: 1.5em;
  line-height: 1.3333333;
}

.markdown :where(h2 strong) {
  font-weight: 800;
}

.markdown :where(h3) {
  margin-top: 1em;
  margin-bottom: 0.4em;
  padding-top: 0.2em;
  color: var(--md-headings);
  font-weight: 600;
  font-size: 1.25em;
  line-height: 1.2;
}

.markdown :where(h3 strong) {
  font-weight: 700;
}

.markdown :where(h4) {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  color: var(--md-headings);
  font-weight: 600;
  line-height: 1.5;
}

.markdown :where(h4 strong) {
  font-weight: 700;
}

.markdown :where(figure > *) {
  margin-top: 0;
  margin-bottom: 0;
}

.markdown :where(figcaption) {
  margin-top: 0.8571429em;
  color: var(--md-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
}

.markdown :where(code) {
  color: var(--md-code);
  font-weight: 600;
  font-size: 0.875em;
}

.markdown :where(code)::before {
  content: "`";
}

.markdown :where(code)::after {
  content: "`";
}

.markdown :where(a code) {
  color: var(--md-links);
}

.markdown :where(pre) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  background-color: var(--md-pre-bg);
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
  overflow-x: auto;
  color: var(--md-pre-code);
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.markdown :where(pre code) {
  border-width: 0;
  border-radius: 0;
  background-color: transparent;
  padding: 0;
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}

.markdown :where(pre code)::before {
  content: none;
}

.markdown :where(pre code)::after {
  content: none;
}

.markdown :where(table) {
  margin-top: 2em;
  margin-bottom: 2em;
  width: 100%;
  table-layout: auto;
  font-size: 0.875em;
  line-height: 1.7142857;
  text-align: left;
}

.markdown :where(thead) {
  border-bottom-width: 1px;
  border-bottom-color: var(--md-th-borders);
}

.markdown :where(thead th) {
  vertical-align: bottom;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
  color: var(--md-headings);
  font-weight: 600;
}

.markdown :where(tbody tr) {
  border-bottom-width: 1px;
  border-bottom-color: var(--md-td-borders);
}

.markdown :where(tbody tr:last-child) {
  border-bottom-width: 0;
}

.markdown :where(tbody td) {
  vertical-align: baseline;
  padding-top: 0.5714286em;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.markdown :where(p) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.markdown :where(img) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.markdown :where(video) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.markdown :where(figure) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.markdown :where(h2 code) {
  font-size: 0.875em;
}

.markdown :where(h3 code) {
  font-size: 0.9em;
}

.markdown :where(li) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.markdown :where(ol > li) {
  padding-left: 0.375em;
}

.markdown :where(ul > li) {
  padding-left: 0.375em;
}

.markdown > :where(ul > li p) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.markdown > :where(ul > li > *:first-child) {
  margin-top: 1.25em;
}

.markdown > :where(ul > li > *:last-child) {
  margin-bottom: 1.25em;
}

.markdown > :where(ol > li > *:first-child) {
  margin-top: 1.25em;
}

.markdown > :where(ol > li > *:last-child) {
  margin-bottom: 1.25em;
}

.markdown :where(ul ul, ul ol, ol ul, ol ol) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.markdown :where(hr + *) {
  margin-top: 0;
}

.markdown :where(h2 + *) {
  margin-top: 0;
}

.markdown :where(h3 + *) {
  margin-top: 0;
}

.markdown :where(h4 + *) {
  margin-top: 0;
}

.markdown :where(thead th:first-child) {
  padding-left: 0;
}

.markdown :where(thead th:last-child) {
  padding-right: 0;
}

.markdown :where(tbody td:first-child) {
  padding-left: 0;
}

.markdown :where(tbody td:last-child) {
  padding-right: 0;
}

.markdown > :where(:first-child) {
  margin-top: 0;
}

.markdown > :where(:last-child) {
  margin-bottom: 0;
}