.markdown-body {
  --article-ink: #293128;
  --article-muted: #626b5f;
  --article-line: #c9cebf;
  color: var(--article-ink);
  overflow-wrap: anywhere;
  font-size: 15px;
  line-height: 1.95;
}

.markdown-body > :first-child { margin-top: 0; }
.markdown-body > :last-child { margin-bottom: 0; }
.markdown-body p { margin: 0 0 1.3em; }
.markdown-body h1, .markdown-body h2, .markdown-body h3,
.markdown-body h4, .markdown-body h5, .markdown-body h6 {
  margin: 1.8em 0 .7em;
  font-weight: 800;
  line-height: 1.45;
  letter-spacing: -.025em;
  scroll-margin-top: 32px;
}
.markdown-body h1, .markdown-body h2 { font-size: 1.65em; }
.markdown-body h2 { padding-bottom: .45em; border-bottom: 2px solid var(--article-line); }
.markdown-body h3 { font-size: 1.3em; }
.markdown-body h4, .markdown-body h5, .markdown-body h6 { font-size: 1.1em; }
.markdown-body a { color: #8f3a28; text-decoration: underline; text-underline-offset: 4px; }
.markdown-body a:hover { color: #b64126; }
.markdown-body ul, .markdown-body ol { margin: .8em 0 1.3em; padding-left: 1.7em; }
.markdown-body li { padding-left: .25em; }
.markdown-body li + li { margin-top: .3em; }
.markdown-body li::marker { color: #a1462f; font-weight: 800; }
.markdown-body li > p { margin: .3em 0; }
.markdown-body blockquote {
  margin: 1.5em 0;
  padding: 18px 22px;
  color: #485641;
  background: #eaf0dc;
  border-left: 4px solid #80a85d;
  border-radius: 0 9px 9px 0;
}
.markdown-body blockquote > :last-child { margin-bottom: 0; }
.markdown-body code {
  padding: 2px 6px;
  color: #803e2c;
  background: #f0e9da;
  border: 1px solid #d6c8ae;
  border-radius: 4px;
  font-family: "IBM Plex Mono", Consolas, monospace;
  font-size: .88em;
}
.markdown-body pre {
  max-width: 100%;
  margin: 1.5em 0;
  padding: 22px;
  overflow: auto;
  color: #eff3df;
  background: #293128;
  border: 1px solid #293128;
  border-radius: 10px;
  line-height: 1.8;
  tab-size: 4;
}
.markdown-body pre code { padding: 0; color: inherit; background: transparent; border: 0; border-radius: 0; font-size: 13px; white-space: pre; overflow-wrap: normal; }
.markdown-body img { display: block; max-width: 100%; height: auto; margin: 1.5em auto; border-radius: 9px; }
.markdown-body hr { margin: 2.4em 0; border: 0; border-top: 2px dashed var(--article-line); }
.markdown-body table { display: block; width: 100%; max-width: 100%; margin: 1.5em 0; overflow-x: auto; border-collapse: collapse; font-size: .9em; }
.markdown-body thead { display: table-header-group; }
.markdown-body tbody { display: table-row-group; }
.markdown-body tr { display: table-row; padding: 0; border: 0; }
.markdown-body th, .markdown-body td { display: table-cell; min-width: 100px; padding: 10px 14px; border: 1px solid var(--article-line); text-align: left; white-space: normal; }
.markdown-body th { color: var(--article-ink); background: #ecead6; font-size: inherit; }
.markdown-body td { color: var(--article-ink); font-size: inherit; }
.markdown-body td::before { content: none; }
.markdown-body tbody tr:nth-child(even) { background: #f0f1e7; }

@media (max-width: 600px) {
  .markdown-body { font-size: 14px; }
  .markdown-body pre { padding: 17px; }
  .markdown-body blockquote { padding: 15px 17px; }
}