:root {
  color-scheme: light dark;
}

html,
body {
  margin: 0;
  padding: 0;
  background: transparent;
  overflow-x: hidden;
}

body {
  color: var(--slate-text-primary);
  font-family: var(--slate-body-font-family);
  font-size: var(--slate-body-font-size);
  line-height: var(--slate-body-line-height);
  letter-spacing: var(--slate-body-letter-spacing);
  word-spacing: var(--slate-body-word-spacing);
  font-weight: var(--slate-body-font-weight);
  text-align: var(--slate-text-align);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-hyphens: var(--slate-hyphens);
  hyphens: var(--slate-hyphens);
}

main.markdown-body {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 0 56px;
  overflow-wrap: break-word;
  --slate-rule-width: 1px;
  --slate-rule-color: var(--slate-border-muted);
  --slate-table-rule-color: var(--slate-rule-color);
  --slate-radius-inline: var(--slate-inline-code-radius);
  --slate-radius-control: 5px;
  --slate-radius-block: var(--slate-blockquote-radius);
  --slate-radius-media: 10px;
  --slate-radius-highlight: 0.18em;
  --slate-radius-pill: 999px;
}

.markdown-body > :first-child {
  margin-top: 0 !important;
}

.markdown-body > :last-child {
  margin-bottom: 0 !important;
}

.markdown-body :where(p, ul, ol, blockquote, pre, table, figure, hr, details, .slate-alert, .slate-callout, .slate-inline-toc, .slate-footnotes) {
  margin-top: 0;
  margin-bottom: var(--slate-paragraph-spacing);
}

.markdown-body :where(ul, ol) {
  padding-left: var(--slate-list-inset);
  margin-bottom: var(--slate-list-spacing);
}

.markdown-body :where(li) {
  margin: 0;
}

.markdown-body :where(li + li) {
  margin-top: var(--slate-list-item-spacing);
}

.markdown-body :where(li > p) {
  margin-bottom: 0.8em;
}

.markdown-body :where(.slate-task-list-item) {
  list-style: none;
  display: grid;
  grid-template-columns: var(--slate-task-checkbox-size, 1em) minmax(0, 1fr);
  align-items: start;
  column-gap: var(--slate-task-checkbox-gap, 0.42em);
  margin-inline-start: var(--slate-task-list-marker-shift, 0);
  --slate-task-checkbox-column-width: calc(
    var(--slate-task-checkbox-size, 1em) + var(--slate-task-checkbox-gap, 0.42em)
  );
  --slate-task-checkbox-optical-offset: 0.08em;
  --slate-task-checkbox-block-offset: 0.34em;
  --slate-task-checkbox-block-offset: max(
    0px,
    calc((1lh - var(--slate-task-checkbox-size, 1em)) / 2 + var(--slate-task-checkbox-optical-offset))
  );
}

.markdown-body :where(.slate-task-list-item > input[type="checkbox"]) {
  grid-column: 1;
  inline-size: var(--slate-task-checkbox-size, 1em);
  block-size: var(--slate-task-checkbox-size, 1em);
  margin-block-start: max(0px, var(--slate-task-checkbox-block-offset));
}

.markdown-body :where(.slate-task-list-content) {
  grid-column: 2;
  min-width: 0;
}

.markdown-body :where(.slate-task-list-content > p:first-child) {
  margin-top: 0;
}

.markdown-body :where(.slate-task-list-content > p:last-child) {
  margin-bottom: 0;
}

.markdown-body :where(h1, h2, h3, h4, h5, h6) {
  color: var(--slate-heading);
  font-family: var(--slate-heading-font-family);
  font-weight: var(--slate-heading-font-weight);
  letter-spacing: 0;
  text-align: start;
  text-wrap: balance;
}

.markdown-body :where(h1) {
  font-size: var(--slate-h1-font-size);
  line-height: var(--slate-h1-line-height);
  margin-top: var(--slate-h1-margin-top);
  margin-bottom: var(--slate-h1-margin-bottom);
}

.markdown-body :where(h2) {
  font-size: var(--slate-h2-font-size);
  line-height: var(--slate-h2-line-height);
  margin-top: var(--slate-h2-margin-top);
  margin-bottom: var(--slate-h2-margin-bottom);
}

.markdown-body :where(h3) {
  font-size: var(--slate-h3-font-size);
  line-height: var(--slate-h3-line-height);
  margin-top: var(--slate-h3-margin-top);
  margin-bottom: var(--slate-h3-margin-bottom);
}

.markdown-body :where(h4) {
  font-size: var(--slate-h4-font-size);
  line-height: var(--slate-h4-line-height);
  margin-top: var(--slate-h4-margin-top);
  margin-bottom: var(--slate-h4-margin-bottom);
}

.markdown-body :where(h5) {
  font-size: var(--slate-h5-font-size);
  line-height: var(--slate-h5-line-height);
  margin-top: var(--slate-h5-margin-top);
  margin-bottom: var(--slate-h5-margin-bottom);
}

.markdown-body :where(h6) {
  font-size: var(--slate-h6-font-size);
  line-height: var(--slate-h6-line-height);
  margin-top: var(--slate-h6-margin-top);
  margin-bottom: var(--slate-h6-margin-bottom);
}

.markdown-body :where(a) {
  color: var(--slate-link);
  text-decoration: none;
}

.markdown-body :where(a:hover) {
  text-decoration: underline;
  text-underline-offset: 0.16em;
}

.markdown-body :where(strong) {
  color: var(--slate-heading);
}

.markdown-body :where(em) {
  font-style: italic;
}

.markdown-body :where(blockquote) {
  color: var(--slate-text-secondary);
  background: var(--slate-quote-background);
  padding: var(--slate-blockquote-padding-y) var(--slate-blockquote-padding-leading);
  border-left: var(--slate-blockquote-border-width) solid var(--slate-quote-border);
  border-radius: var(--slate-blockquote-radius);
  text-align: start;
}

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

.markdown-body :where(details) {
  color: var(--slate-text-primary);
  background: var(--slate-quote-background);
  padding: var(--slate-blockquote-padding-y) var(--slate-blockquote-padding-leading);
  border-radius: var(--slate-blockquote-radius);
}

.markdown-body :where(summary) {
  cursor: default;
  color: var(--slate-heading);
  font-weight: 600;
}

.markdown-body :where(.slate-callout) {
  display: block;
  color: var(--slate-text-secondary);
  background: var(--slate-quote-background);
  padding: var(--slate-blockquote-padding-y) var(--slate-blockquote-padding-leading);
  border-left: var(--slate-blockquote-border-width) solid var(--slate-quote-border);
  border-radius: var(--slate-blockquote-radius);
  text-align: start;
}

.markdown-body :where(.slate-alert) {
  display: block;
  color: var(--slate-text-primary);
  background: var(--slate-quote-background);
  padding: var(--slate-blockquote-padding-y) var(--slate-blockquote-padding-leading);
  border-left: var(--slate-blockquote-border-width) solid var(--slate-quote-border);
  border-radius: var(--slate-blockquote-radius);
  text-align: start;
}

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

.markdown-body :where(.slate-alert-title) {
  color: var(--slate-heading);
  font-weight: 700;
  margin-bottom: 0.4em;
}

.markdown-body :where(.slate-alert-note) {
  border-left-color: var(--slate-state-note);
}

.markdown-body :where(.slate-alert-tip) {
  border-left-color: var(--slate-state-tip);
}

.markdown-body :where(.slate-alert-important) {
  border-left-color: var(--slate-state-important);
}

.markdown-body :where(.slate-alert-warning) {
  border-left-color: var(--slate-state-warning);
}

.markdown-body :where(.slate-alert-caution) {
  border-left-color: var(--slate-state-caution);
}

.markdown-body :where(.slate-inline-toc, .slate-resource-placeholder) {
  display: block;
  color: var(--slate-text-secondary);
  background: var(--slate-inline-code-background);
  border-radius: var(--slate-inline-code-radius);
  padding: 0.55em 0.75em;
  text-align: start;
}

.markdown-body :where(.slate-inline-toc) {
  border: 0;
}

.markdown-body :where(.slate-resource-placeholder) {
  border: var(--slate-rule-width) solid var(--slate-rule-color);
}

.markdown-body :where(.slate-mention) {
  color: var(--slate-link);
  background: var(--slate-inline-code-background);
  border-radius: var(--slate-inline-code-radius);
  padding: 0.05em 0.35em;
}

.markdown-body :where(mark) {
  color: var(--slate-heading);
  background: color-mix(in srgb, #fde68a 52%, transparent);
  border-radius: var(--slate-radius-highlight);
  padding: 0.02em 0.16em;
}

.markdown-body :where(pre, code, kbd, samp) {
  font-family: var(--slate-code-font-family);
  letter-spacing: var(--slate-code-letter-spacing);
  font-variant-ligatures: none;
}

.markdown-body :where(pre) {
  font-size: var(--slate-code-font-size);
  line-height: var(--slate-code-line-height);
  overflow-x: auto;
  padding: var(--slate-code-block-padding-y) var(--slate-code-block-padding-x);
  border-radius: var(--slate-code-block-radius);
  background: var(--slate-code-background);
  border: var(--slate-rule-width) solid var(--slate-rule-color);
  text-align: left;
}

.markdown-body :where(pre code) {
  background: transparent;
  padding: 0;
  border-radius: 0;
  font-size: inherit;
}

.markdown-body :where(.slate-code-block) {
  position: relative;
}

.markdown-body :where(.slate-code-copy) {
  position: absolute;
  top: 0.45em;
  right: 0.45em;
  z-index: 1;
  appearance: none;
  color: var(--slate-text-secondary);
  background: var(--slate-inline-code-background);
  border: var(--slate-rule-width) solid var(--slate-rule-color);
  border-radius: var(--slate-inline-code-radius);
  padding: 0.16em 0.56em;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;
  font-size: 0.74em;
  line-height: 1.45;
  cursor: default;
}

.markdown-body :where(.slate-code-copy:hover) {
  color: var(--slate-heading);
  border-color: var(--slate-link);
}

.markdown-body :where(.slate-code-copy[data-slate-copied="true"]) {
  color: var(--slate-link);
}

.markdown-body :where(.slate-code-block figcaption) {
  display: inline-flex;
  align-items: center;
  min-height: 1.6em;
  margin: 0 0 0.45em;
  padding: 0.08em 0.45em;
  color: var(--slate-text-secondary);
  background: var(--slate-inline-code-background);
  border: var(--slate-rule-width) solid var(--slate-rule-color);
  border-radius: var(--slate-inline-code-radius);
  font-family: var(--slate-code-font-family);
  font-size: 0.78em;
  line-height: 1.3;
}

.markdown-body :where(.slate-code-block pre) {
  margin-bottom: 0;
  padding-right: calc(var(--slate-code-block-padding-x) + 4.8em);
}

.markdown-body :where(.slate-math-block pre, pre.slate-math-block) {
  white-space: pre-wrap;
  text-align: center;
}

.markdown-body :where(.slate-mermaid-block) {
  position: relative;
}

.markdown-body :where(.slate-mermaid-block figcaption) {
  display: inline-flex;
  align-items: center;
  min-height: 1.6em;
  margin: 0 0 0.45em;
  padding: 0.08em 0.45em;
  color: var(--slate-text-secondary);
  background: var(--slate-inline-code-background);
  border: var(--slate-rule-width) solid var(--slate-rule-color);
  border-radius: var(--slate-inline-code-radius);
  font-family: var(--slate-code-font-family);
  font-size: 0.78em;
  line-height: 1.3;
}

.markdown-body :where(.slate-mermaid-render) {
  overflow-x: auto;
  box-sizing: border-box;
  padding: var(--slate-code-block-padding-y) var(--slate-code-block-padding-x);
  background: color-mix(in srgb, var(--slate-primary) 3%, var(--slate-content-surface));
  border: var(--slate-rule-width) solid var(--slate-rule-color);
  border-radius: var(--slate-code-block-radius);
}

.markdown-body :where(.slate-mermaid-render:empty) {
  display: none;
}

.markdown-body :where(.slate-mermaid-render svg) {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.markdown-body :where(.slate-mermaid-error) {
  margin: 0.72em 0;
  padding: 0.52em 0.7em;
  color: var(--slate-text-secondary);
  background: var(--slate-reader-alert-warning-background, var(--slate-block-surface));
  border: var(--slate-rule-width) solid var(--slate-rule-color);
  border-radius: var(--slate-inline-code-radius);
  font-size: 0.9em;
  line-height: 1.45;
}

.markdown-body :where(.slate-mermaid-error[hidden]) {
  display: none;
}

.markdown-body :where(.slate-mermaid-source) {
  margin-top: 0.72em;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.markdown-body :where(.slate-mermaid-block[data-slate-mermaid-state="rendered"] .slate-mermaid-source) {
  display: none;
}

.markdown-body :where(.slate-diagram-fallback pre) {
  background: var(--slate-quote-background);
}

.markdown-body :where(.slate-token-key) {
  color: color-mix(in srgb, var(--slate-link) 82%, var(--slate-heading));
}

.markdown-body :where(.slate-token-string) {
  color: color-mix(in srgb, #15803d 78%, var(--slate-heading));
}

.markdown-body :where(.slate-token-number, .slate-token-literal) {
  color: color-mix(in srgb, #7c3aed 72%, var(--slate-heading));
}

.markdown-body :where(.slate-token-keyword, .slate-token-tag) {
  color: color-mix(in srgb, var(--slate-link) 76%, var(--slate-heading));
  font-weight: 600;
}

.markdown-body :where(.slate-token-comment) {
  color: var(--slate-text-secondary);
  font-style: italic;
}

.markdown-body :where(
  p code,
  li code,
  td code,
  th code,
  blockquote code,
  h1 code,
  h2 code,
  h3 code,
  h4 code,
  h5 code,
  h6 code
) {
  font-size: var(--slate-inline-code-font-size);
  padding: var(--slate-inline-code-padding-y) var(--slate-inline-code-padding-x);
  border-radius: var(--slate-inline-code-radius);
  background: var(--slate-inline-code-background);
}

.markdown-body :where(hr) {
  border: 0;
  border-top: var(--slate-rule-width) solid var(--slate-rule-color);
}

.markdown-body :where(.slate-table-scroll) {
  max-width: 100%;
  overflow-x: auto;
  margin-bottom: var(--slate-paragraph-spacing);
}

.markdown-body :where(.slate-front-matter) {
  color: var(--slate-text-secondary);
  background: var(--slate-inline-code-background);
  border: var(--slate-rule-width) solid var(--slate-rule-color);
}

.markdown-body :where(.slate-front-matter pre) {
  margin: 0.7em 0 0;
  white-space: pre-wrap;
  background: transparent;
  border: 0;
  padding: 0;
}

.markdown-body :where(.slate-footnote-ref) {
  color: var(--slate-link);
  font-size: 0.74em;
  line-height: 0;
  vertical-align: super;
  margin-left: 0.08em;
}

.markdown-body :where(.slate-footnotes) {
  color: var(--slate-text-secondary);
  border-top: var(--slate-rule-width) solid var(--slate-rule-color);
  padding-top: 0.8em;
  font-size: 0.92em;
}

.markdown-body :where(.slate-footnotes h2) {
  font-size: var(--slate-h4-font-size);
  line-height: var(--slate-h4-line-height);
  margin: 0 0 0.6em;
}

.markdown-body :where(.slate-footnotes ol) {
  margin-bottom: 0;
}

.markdown-body :where(table) {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-variant-numeric: tabular-nums;
}

.markdown-body :where(th, td) {
  padding: var(--slate-table-cell-padding-y) var(--slate-table-cell-padding-x);
  border-bottom: var(--slate-rule-width) solid var(--slate-reader-table-rule-color, var(--slate-table-rule-color));
  vertical-align: top;
  text-align: left;
}

.markdown-body :where(tbody tr:nth-child(odd)) {
  background: var(--slate-table-stripe);
}

.markdown-body :where(th) {
  color: var(--slate-heading);
  font-weight: 600;
}

.markdown-body :where(th.slate-align-left, td.slate-align-left) {
  text-align: left;
}

.markdown-body :where(th.slate-align-center, td.slate-align-center) {
  text-align: center;
}

.markdown-body :where(th.slate-align-right, td.slate-align-right) {
  text-align: right;
}

.markdown-body :where(img, video, svg, picture) {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1.1em auto 1.25em;
  border-radius: var(--slate-radius-media);
}

.markdown-body :where(figcaption, caption) {
  margin-top: var(--slate-caption-margin-top);
  color: var(--slate-caption);
  font-size: var(--slate-caption-font-size);
  line-height: var(--slate-caption-line-height);
  text-align: start;
}

.markdown-body :where(figcaption p) {
  margin-bottom: 0;
}

.markdown-body :where(figure) {
  margin-left: 0;
  margin-right: 0;
}

html[data-slate-script="cjk"] body {
  line-break: strict;
  text-spacing-trim: auto;
}

html[data-slate-script="latin"] body {
  hanging-punctuation: first last;
}

html[data-slate-script="latin"] .markdown-body :where(p, li, blockquote) {
  text-wrap: pretty;
}

html[data-slate-override="true"] .markdown-body :where(
  p,
  li,
  blockquote,
  figcaption,
  td,
  th
) {
  font-family: var(--slate-body-font-family) !important;
  font-size: 1em !important;
  line-height: var(--slate-body-line-height) !important;
  letter-spacing: var(--slate-body-letter-spacing) !important;
  word-spacing: var(--slate-body-word-spacing) !important;
  color: inherit !important;
}

html[data-slate-override="true"] .markdown-body :where(h1, h2, h3, h4, h5, h6) {
  font-family: var(--slate-heading-font-family) !important;
  color: var(--slate-heading) !important;
  text-align: start !important;
}

html[data-slate-override="true"] .markdown-body :where(pre, code, kbd, samp) {
  font-family: var(--slate-code-font-family) !important;
}

html[data-slate-override="true"] .markdown-body :where(table, th, td) {
  color: inherit !important;
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) {
  --slate-slate-list-inset: 1.35em;
  --slate-slate-nested-list-inset: 1.25em;
  --slate-slate-quote-gutter: 0.46em;
  --slate-slate-quote-text-indent: 0.86em;
  --slate-slate-task-checkbox-size: 1.12em;
  --slate-slate-task-checkbox-gap: 0.42em;
  --slate-task-checkbox-size: var(--slate-slate-task-checkbox-size);
  --slate-task-checkbox-gap: var(--slate-slate-task-checkbox-gap);
  --slate-task-list-marker-shift: calc(var(--slate-task-checkbox-column-width) * -1);
  --slate-slate-block-gap: calc(var(--slate-paragraph-spacing) * 0.78);
  --slate-slate-list-gap: calc(var(--slate-list-spacing) * 0.72);
  --slate-slate-list-item-gap: calc(var(--slate-list-item-spacing) * 0.58);
  --slate-slate-block-padding-y: 0.72em;
  --slate-slate-block-padding-x: 0.92em;
  --slate-rule-width: 1px;
  --slate-rule-color: color-mix(in srgb, var(--slate-border-muted) 74%, transparent);
  --slate-table-rule-color: color-mix(in srgb, var(--slate-border-muted) 62%, transparent);
  --slate-radius-inline: 4px;
  --slate-radius-control: 5px;
  --slate-radius-block: 8px;
  --slate-radius-media: 8px;
  --slate-radius-highlight: 0.18em;
  --slate-radius-pill: 999px;
  --slate-inline-code-radius: var(--slate-radius-inline);
  --slate-code-block-radius: var(--slate-radius-block);
  --slate-blockquote-radius: var(--slate-radius-block);
  --slate-slate-block-radius: var(--slate-radius-block);
  --slate-slate-soft-block-background: color-mix(in srgb, var(--slate-primary) 5%, var(--slate-background));
  --slate-slate-note-background: color-mix(in srgb, var(--slate-state-note) 8%, var(--slate-background));
  --slate-slate-tip-background: color-mix(in srgb, var(--slate-state-tip) 9%, var(--slate-background));
  --slate-slate-important-background: color-mix(in srgb, var(--slate-state-important) 8%, var(--slate-background));
  --slate-slate-warning-background: color-mix(in srgb, var(--slate-state-warning) 10%, var(--slate-background));
  --slate-slate-caution-background: color-mix(in srgb, var(--slate-state-caution) 11%, var(--slate-background));
  --slate-slate-inline-code-background: color-mix(in srgb, var(--slate-primary) 6%, var(--slate-background));
  --slate-slate-code-background: color-mix(in srgb, var(--slate-primary) 4%, var(--slate-content-surface));
  --slate-slate-code-copy-background: color-mix(in srgb, var(--slate-primary) 5%, var(--slate-background));
  --slate-slate-code-copy-hover-background: color-mix(in srgb, var(--slate-primary) 10%, var(--slate-background));
  --slate-reader-list-inset: var(--slate-slate-list-inset);
  --slate-reader-nested-list-inset: var(--slate-slate-nested-list-inset);
  --slate-reader-block-gap: var(--slate-slate-block-gap);
  --slate-reader-list-gap: var(--slate-slate-list-gap);
  --slate-reader-list-item-gap: var(--slate-slate-list-item-gap);
  --slate-reader-block-padding-y: var(--slate-slate-block-padding-y);
  --slate-reader-block-padding-x: var(--slate-slate-block-padding-x);
  --slate-reader-block-radius: var(--slate-slate-block-radius);
  --slate-reader-marker-accent: var(--slate-marker-accent);
  --slate-reader-marker-nested: color-mix(in srgb, var(--slate-marker-accent) 68%, var(--slate-text-secondary));
  --slate-reader-marker-subtle: color-mix(in srgb, var(--slate-marker-accent) 48%, var(--slate-text-secondary));
  --slate-reader-ordered-marker: var(--slate-text-secondary);
  --slate-reader-quote-rule: var(--slate-marker-accent);
  --slate-reader-quote-text-indent: var(--slate-slate-quote-text-indent);
  --slate-reader-quote-single-weight: 560;
  --slate-reader-soft-block-background: var(--slate-slate-soft-block-background);
  --slate-reader-alert-note-background: var(--slate-slate-note-background);
  --slate-reader-alert-tip-background: var(--slate-slate-tip-background);
  --slate-reader-alert-important-background: var(--slate-slate-important-background);
  --slate-reader-alert-warning-background: var(--slate-slate-warning-background);
  --slate-reader-alert-caution-background: var(--slate-slate-caution-background);
  --slate-reader-inline-code-background: var(--slate-slate-inline-code-background);
  --slate-reader-code-background: var(--slate-slate-code-background);
  --slate-reader-code-copy-background: var(--slate-slate-code-copy-background);
  --slate-reader-code-copy-hover-background: var(--slate-slate-code-copy-hover-background);
  --slate-reader-code-caption-color: color-mix(in srgb, var(--slate-primary) 54%, var(--slate-text-secondary));
  --slate-reader-table-rule-color: var(--slate-table-rule-color);
  --slate-reader-task-checkbox-border: color-mix(in srgb, var(--slate-primary) 42%, var(--slate-text-secondary));
  --slate-reader-task-checkbox-background: color-mix(in srgb, var(--slate-primary) 3%, var(--slate-background));
  --slate-reader-task-checkbox-checked-background: var(--slate-primary);
  --slate-reader-alert-dot-size: 0.5em;
}

.markdown-body.slate-profile-editorialSerif {
  --slate-reader-marker-accent: color-mix(in srgb, var(--slate-primary) 58%, var(--slate-text-secondary));
  --slate-reader-marker-nested: color-mix(in srgb, var(--slate-primary) 44%, var(--slate-text-secondary));
  --slate-reader-marker-subtle: color-mix(in srgb, var(--slate-primary) 30%, var(--slate-text-secondary));
  --slate-reader-soft-block-background: color-mix(in srgb, var(--slate-primary) 3%, var(--slate-background));
  --slate-reader-inline-code-background: color-mix(in srgb, var(--slate-primary) 4%, var(--slate-background));
  --slate-reader-code-background: color-mix(in srgb, var(--slate-primary) 3%, var(--slate-content-surface));
  --slate-reader-code-caption-color: color-mix(in srgb, var(--slate-primary) 42%, var(--slate-text-secondary));
  --slate-reader-table-rule-color: color-mix(in srgb, var(--slate-border-muted) 52%, transparent);
  --slate-reader-quote-single-weight: 520;
}

.markdown-body.slate-preset-article {
  --slate-reader-list-inset: 1.28em;
  --slate-reader-nested-list-inset: 1.18em;
  --slate-reader-block-gap: calc(var(--slate-paragraph-spacing) * 1);
  --slate-reader-list-gap: calc(var(--slate-list-spacing) * 0.86);
  --slate-reader-list-item-gap: calc(var(--slate-list-item-spacing) * 0.68);
  --slate-reader-marker-accent: color-mix(in srgb, var(--slate-primary) 32%, var(--slate-text-secondary));
  --slate-reader-marker-nested: color-mix(in srgb, var(--slate-primary) 24%, var(--slate-text-secondary));
  --slate-reader-marker-subtle: color-mix(in srgb, var(--slate-primary) 18%, var(--slate-text-secondary));
  --slate-reader-quote-rule: color-mix(in srgb, var(--slate-primary) 30%, var(--slate-text-secondary));
  --slate-reader-soft-block-background: color-mix(in srgb, var(--slate-primary) 1.6%, var(--slate-background));
  --slate-reader-alert-note-background: color-mix(in srgb, var(--slate-state-note) 4.5%, var(--slate-background));
  --slate-reader-alert-tip-background: color-mix(in srgb, var(--slate-state-tip) 4.8%, var(--slate-background));
  --slate-reader-alert-important-background: color-mix(in srgb, var(--slate-state-important) 4.6%, var(--slate-background));
  --slate-reader-alert-warning-background: color-mix(in srgb, var(--slate-state-warning) 5.2%, var(--slate-background));
  --slate-reader-alert-caution-background: color-mix(in srgb, var(--slate-state-caution) 5.6%, var(--slate-background));
  --slate-reader-inline-code-background: color-mix(in srgb, var(--slate-primary) 2.4%, var(--slate-background));
  --slate-reader-code-background: color-mix(in srgb, var(--slate-primary) 2%, var(--slate-content-surface));
  --slate-reader-code-caption-color: color-mix(in srgb, var(--slate-primary) 28%, var(--slate-text-secondary));
  --slate-reader-table-rule-color: color-mix(in srgb, var(--slate-border-muted) 32%, transparent);
  --slate-reader-task-checkbox-border: color-mix(in srgb, var(--slate-primary) 28%, var(--slate-text-secondary));
  --slate-reader-quote-single-weight: 500;
  --slate-reader-alert-dot-size: 0.38em;
}

.markdown-body.slate-preset-technical,
.markdown-body.slate-profile-technicalMarkdown {
  --slate-reader-list-inset: 1.42em;
  --slate-reader-nested-list-inset: 1.3em;
  --slate-reader-marker-accent: color-mix(in srgb, var(--slate-primary) 82%, var(--slate-link));
  --slate-reader-marker-nested: color-mix(in srgb, var(--slate-link) 54%, var(--slate-text-secondary));
  --slate-reader-soft-block-background: color-mix(in srgb, var(--slate-primary) 5%, var(--slate-content-surface));
  --slate-reader-inline-code-background: color-mix(in srgb, var(--slate-link) 7%, var(--slate-background));
  --slate-reader-code-background: color-mix(in srgb, var(--slate-link) 5%, var(--slate-content-surface));
  --slate-reader-code-caption-color: color-mix(in srgb, var(--slate-link) 62%, var(--slate-text-secondary));
  --slate-reader-table-rule-color: color-mix(in srgb, var(--slate-border-muted) 82%, transparent);
  --slate-reader-quote-single-weight: 540;
}

.markdown-body.slate-preset-zen {
  --slate-reader-marker-accent: color-mix(in srgb, var(--slate-primary) 42%, var(--slate-text-secondary));
  --slate-reader-marker-nested: color-mix(in srgb, var(--slate-primary) 28%, var(--slate-text-secondary));
  --slate-reader-marker-subtle: color-mix(in srgb, var(--slate-primary) 18%, var(--slate-text-secondary));
  --slate-reader-soft-block-background: color-mix(in srgb, var(--slate-primary) 2.5%, var(--slate-background));
  --slate-reader-inline-code-background: color-mix(in srgb, var(--slate-primary) 3.5%, var(--slate-background));
  --slate-reader-code-background: color-mix(in srgb, var(--slate-primary) 2.5%, var(--slate-content-surface));
  --slate-reader-code-copy-background: color-mix(in srgb, var(--slate-primary) 3%, var(--slate-background));
  --slate-reader-code-caption-color: color-mix(in srgb, var(--slate-primary) 32%, var(--slate-text-secondary));
  --slate-reader-table-rule-color: color-mix(in srgb, var(--slate-border-muted) 42%, transparent);
  --slate-reader-quote-single-weight: 500;
  --slate-reader-alert-dot-size: 0.42em;
  --slate-zen-focus-current-opacity: 1;
  --slate-zen-focus-near-opacity: 0.86;
  --slate-zen-focus-dim-opacity: 0.68;
  --slate-zen-focus-rich-block-opacity: 0.80;
  --slate-zen-focus-near-blur: 0.12px;
  --slate-zen-focus-dim-blur: 0.28px;
  --slate-zen-focus-transition: opacity 160ms ease-in-out, filter 160ms ease-in-out;
}

.markdown-body.slate-preset-zen.slate-zen-focus-enabled :where(
  p,
  li,
  blockquote,
  pre,
  table,
  figure,
  details,
  .slate-alert,
  .slate-callout
) {
  opacity: var(--slate-zen-focus-dim-opacity);
  filter: blur(var(--slate-zen-focus-dim-blur));
  transition: var(--slate-zen-focus-transition);
}

.markdown-body.slate-preset-zen.slate-zen-focus-enabled :where(
  pre,
  table,
  figure,
  details,
  .slate-alert,
  .slate-callout
) {
  opacity: var(--slate-zen-focus-rich-block-opacity);
  filter: none;
}

.markdown-body.slate-preset-zen.slate-zen-focus-enabled :where(
  pre,
  table,
  figure,
  details,
  .slate-alert,
  .slate-callout
) :where(
  p,
  li,
  blockquote,
  pre,
  table,
  figure,
  details,
  .slate-alert,
  .slate-callout
) {
  opacity: 1;
  filter: none;
}

.markdown-body.slate-preset-zen.slate-zen-focus-enabled :where(.slate-zen-focus-near) {
  opacity: var(--slate-zen-focus-near-opacity);
  filter: blur(var(--slate-zen-focus-near-blur));
}

.markdown-body.slate-preset-zen.slate-zen-focus-enabled :where(
  pre,
  table,
  figure,
  details,
  .slate-alert,
  .slate-callout
).slate-zen-focus-near {
  opacity: 0.9;
  filter: none;
}

.markdown-body.slate-preset-zen.slate-zen-focus-enabled :where(.slate-zen-focus-current) {
  opacity: var(--slate-zen-focus-current-opacity);
  filter: none;
}

.markdown-body.slate-preset-zen.slate-zen-focus-enabled :where(.slate-zen-focus-current) :where(
  p,
  li,
  blockquote,
  pre,
  table,
  figure,
  details,
  .slate-alert,
  .slate-callout
),
.markdown-body.slate-preset-zen.slate-zen-focus-enabled :where(.slate-zen-focus-near) :where(
  p,
  li,
  blockquote,
  pre,
  table,
  figure,
  details,
  .slate-alert,
  .slate-callout
) {
  opacity: 1;
  filter: none;
}

@media (prefers-reduced-motion: reduce) {
  .markdown-body.slate-preset-zen.slate-zen-focus-enabled :where(
    p,
    li,
    blockquote,
    pre,
    table,
    figure,
    details,
    .slate-alert,
    .slate-callout
  ) {
    transition: none;
  }
}

@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .markdown-body.slate-preset-zen.slate-zen-focus-enabled :where(
    p,
    li,
    blockquote,
    pre,
    table,
    figure,
    details,
    .slate-alert,
    .slate-callout
  ) {
    opacity: 0.78;
    filter: none;
  }

  .markdown-body.slate-preset-zen.slate-zen-focus-enabled :where(.slate-zen-focus-near) {
    opacity: 0.9;
  }

  .markdown-body.slate-preset-zen.slate-zen-focus-enabled :where(.slate-zen-focus-current) {
    opacity: 1;
  }
}

.markdown-body.slate-preset-dark {
  --slate-reader-soft-block-background: color-mix(in srgb, var(--slate-primary) 7%, var(--slate-content-surface));
  --slate-reader-alert-note-background: color-mix(in srgb, var(--slate-state-note) 13%, var(--slate-background));
  --slate-reader-alert-tip-background: color-mix(in srgb, var(--slate-state-tip) 12%, var(--slate-background));
  --slate-reader-alert-important-background: color-mix(in srgb, var(--slate-state-important) 12%, var(--slate-background));
  --slate-reader-alert-warning-background: color-mix(in srgb, var(--slate-state-warning) 13%, var(--slate-background));
  --slate-reader-alert-caution-background: color-mix(in srgb, var(--slate-state-caution) 14%, var(--slate-background));
  --slate-reader-inline-code-background: color-mix(in srgb, var(--slate-primary) 10%, var(--slate-background));
  --slate-reader-code-background: color-mix(in srgb, var(--slate-primary) 8%, var(--slate-content-surface));
  --slate-reader-code-copy-background: color-mix(in srgb, var(--slate-primary) 8%, var(--slate-background));
  --slate-reader-code-copy-hover-background: color-mix(in srgb, var(--slate-primary) 16%, var(--slate-background));
  --slate-reader-table-rule-color: color-mix(in srgb, var(--slate-border-muted) 78%, transparent);
  --slate-reader-task-checkbox-background: color-mix(in srgb, var(--slate-primary) 7%, var(--slate-background));
}

.markdown-body.slate-preset-sepia {
  --slate-reader-marker-accent: color-mix(in srgb, var(--slate-primary) 66%, var(--slate-text-secondary));
  --slate-reader-marker-nested: color-mix(in srgb, var(--slate-primary) 46%, var(--slate-text-secondary));
  --slate-reader-marker-subtle: color-mix(in srgb, var(--slate-primary) 32%, var(--slate-text-secondary));
  --slate-reader-soft-block-background: color-mix(in srgb, var(--slate-primary) 4%, var(--slate-content-surface));
  --slate-reader-alert-warning-background: color-mix(in srgb, var(--slate-state-warning) 9%, var(--slate-background));
  --slate-reader-alert-caution-background: color-mix(in srgb, var(--slate-state-caution) 10%, var(--slate-background));
  --slate-reader-inline-code-background: color-mix(in srgb, var(--slate-primary) 5%, var(--slate-background));
  --slate-reader-code-background: color-mix(in srgb, var(--slate-primary) 4.5%, var(--slate-content-surface));
  --slate-reader-code-caption-color: color-mix(in srgb, var(--slate-primary) 48%, var(--slate-text-secondary));
  --slate-reader-table-rule-color: color-mix(in srgb, var(--slate-border-muted) 58%, transparent);
  --slate-reader-quote-single-weight: 520;
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(p, ul, ol, blockquote, pre, table, figure, hr, details, .slate-alert, .slate-callout, .slate-inline-toc, .slate-footnotes),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(p, ul, ol, blockquote, pre, table, figure, hr, details, .slate-alert, .slate-callout, .slate-inline-toc, .slate-footnotes) {
  margin-bottom: var(--slate-reader-block-gap);
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(ul, ol),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(ul, ol) {
  padding-inline-start: var(--slate-reader-list-inset);
  margin-bottom: var(--slate-reader-list-gap);
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(li > ul, li > ol),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(li > ul, li > ol) {
  padding-inline-start: var(--slate-reader-nested-list-inset);
  margin-top: 0.34em;
  margin-bottom: 0.2em;
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(li + li),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(li + li) {
  margin-top: var(--slate-reader-list-item-gap);
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(li > p),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(li > p) {
  margin-bottom: 0.32em;
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(li > p:last-child),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(li > p:last-child) {
  margin-bottom: 0;
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(ul),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(ul) {
  list-style-type: disc;
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(ul ul),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(ul ul) {
  list-style-type: circle;
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(ul ul ul),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(ul ul ul) {
  list-style-type: square;
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(ul > li)::marker,
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(ul > li)::marker {
  color: var(--slate-reader-marker-accent);
  font-size: 0.78em;
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(ul ul > li)::marker,
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(ul ul > li)::marker {
  color: var(--slate-reader-marker-nested);
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(ul ul ul > li)::marker,
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(ul ul ul > li)::marker {
  color: var(--slate-reader-marker-subtle);
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(ol > li)::marker,
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(ol > li)::marker {
  color: var(--slate-reader-ordered-marker);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-task-list-item > input[type="checkbox"]),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-task-list-item > input[type="checkbox"]) {
  position: absolute;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  display: block;
  inline-size: var(--slate-task-checkbox-size);
  block-size: var(--slate-task-checkbox-size);
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-task-list-item)::before,
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-task-list-item)::before {
  content: "";
  box-sizing: border-box;
  display: block;
  grid-column: 1;
  grid-row: 1;
  inline-size: var(--slate-task-checkbox-size);
  block-size: var(--slate-task-checkbox-size);
  margin-block-start: max(0px, var(--slate-task-checkbox-block-offset));
  justify-self: start;
  border: var(--slate-rule-width) solid var(--slate-reader-task-checkbox-border);
  border-radius: var(--slate-radius-control);
  background: var(--slate-reader-task-checkbox-background);
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-task-list-item:has(> input[type="checkbox"]:checked))::before,
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-task-list-item:has(> input[type="checkbox"]:checked))::before {
  border-color: var(--slate-primary);
  background:
    url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.1 9.4 7.3 12.4 13.9 5.6' fill='none' stroke='%23FAF8F3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 82% 82% no-repeat,
    var(--slate-reader-task-checkbox-checked-background);
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(
  p code,
  li code,
  td code,
  th code,
  blockquote code,
  h1 code,
  h2 code,
  h3 code,
  h4 code,
  h5 code,
  h6 code
),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(
  p code,
  li code,
  td code,
  th code,
  blockquote code,
  h1 code,
  h2 code,
  h3 code,
  h4 code,
  h5 code,
  h6 code
) {
  color: var(--slate-heading);
  background: var(--slate-reader-inline-code-background);
  border: 0;
  box-shadow: none;
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(pre),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(pre) {
  background: var(--slate-reader-code-background);
  border: 0;
  box-shadow: none;
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-code-copy),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-code-copy) {
  color: var(--slate-text-secondary);
  background: var(--slate-reader-code-copy-background);
  border: 0;
  box-shadow: none;
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-code-copy:hover),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-code-copy:hover) {
  color: var(--slate-primary);
  background: var(--slate-reader-code-copy-hover-background);
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-code-copy[data-slate-copied="true"]),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-code-copy[data-slate-copied="true"]) {
  color: var(--slate-primary);
  background: var(--slate-reader-code-copy-hover-background);
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-code-block figcaption),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-code-block figcaption) {
  min-height: auto;
  margin: 0 0 0.42em 0.1em;
  padding: 0;
  color: var(--slate-reader-code-caption-color);
  background: transparent;
  border: 0;
  border-radius: 0;
  font-weight: 650;
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(blockquote),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(blockquote) {
  color: var(--slate-text-primary);
  background: transparent;
  margin-inline-start: 0;
  padding: 0.1em 0;
  padding-inline-start: var(--slate-reader-quote-text-indent);
  border-left: 0;
  border-inline-start: var(--slate-rule-width) solid var(--slate-reader-quote-rule);
  border-radius: 0;
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(blockquote p),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(blockquote p) {
  margin-bottom: 0.35em;
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(blockquote p:only-child),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(blockquote p:only-child) {
  font-size: 1.04em;
  line-height: 1.68;
  font-weight: var(--slate-reader-quote-single-weight);
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(details, .slate-callout, .slate-alert),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(details, .slate-callout, .slate-alert) {
  color: var(--slate-text-primary);
  background: var(--slate-reader-soft-block-background);
  border: 0;
  border-radius: var(--slate-reader-block-radius);
  padding: var(--slate-reader-block-padding-y) var(--slate-reader-block-padding-x);
  box-shadow: none;
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-callout, .slate-alert),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-callout, .slate-alert) {
  border-left: 0;
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-alert-note),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-alert-note) {
  --slate-alert-accent: var(--slate-state-note);
  background: var(--slate-reader-alert-note-background);
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-alert-tip),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-alert-tip) {
  --slate-alert-accent: var(--slate-state-tip);
  background: var(--slate-reader-alert-tip-background);
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-alert-important),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-alert-important) {
  --slate-alert-accent: var(--slate-state-important);
  background: var(--slate-reader-alert-important-background);
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-alert-warning),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-alert-warning) {
  --slate-alert-accent: var(--slate-state-warning);
  background: var(--slate-reader-alert-warning-background);
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-alert-caution),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-alert-caution) {
  --slate-alert-accent: var(--slate-state-caution);
  background: var(--slate-reader-alert-caution-background);
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-alert-title),
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-alert-title) {
  color: var(--slate-alert-accent, var(--slate-heading));
  margin-bottom: 0.32em;
  font-weight: 650;
}

.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-alert-title)::before,
.markdown-body:is(.slate-preset-slate, .slate-preset-article, .slate-preset-technical, .slate-preset-zen, .slate-preset-dark, .slate-preset-sepia, .slate-profile-slate, .slate-profile-editorialSerif, .slate-profile-technicalMarkdown, .slate-profile-quietSans) :where(.slate-alert-title)::before {
  content: "";
  display: inline-block;
  width: var(--slate-reader-alert-dot-size);
  height: var(--slate-reader-alert-dot-size);
  margin-inline-end: 0.48em;
  border-radius: var(--slate-radius-pill);
  background: var(--slate-alert-accent, var(--slate-primary));
  transform: translateY(-0.08em);
}

@media (max-width: 760px) {
  main.markdown-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
