/* Shared by the static reader and the live guest's upper display. */
.markdown-body {
  width: 100%; max-width: 76ch; margin-inline: auto;
  color: inherit; font: 15px/1.65 "Courier New", Courier, "Yu Gothic", "Microsoft YaHei", monospace;
  overflow-wrap: anywhere; text-align: left; tab-size: 2;
}
.markdown-body > :first-child { margin-top: 0; }
.markdown-body > :last-child { margin-bottom: 0; }
.markdown-body h1, .markdown-body h2, .markdown-body h3,
.markdown-body h4, .markdown-body h5, .markdown-body h6 {
  margin: 1.3em 0 .55em; color: var(--o-accent, var(--accent, #eddbad));
  font-weight: normal; line-height: 1.3; letter-spacing: normal;
}
.markdown-body h1 { font-size: 1.8em; }
.markdown-body h2 { font-size: 1.45em; }
.markdown-body h3 { font-size: 1.2em; }
.markdown-body p, .markdown-body ul, .markdown-body ol,
.markdown-body pre, .markdown-body blockquote, .markdown-body table { margin: 0 0 1.15em; }
.markdown-body li > p { margin-bottom: .45em; }
.markdown-body li > ul, .markdown-body li > ol { margin-bottom: .4em; }
.markdown-body a { color: var(--o-accent, var(--accent, #eddbad)); text-decoration: underline; text-underline-offset: .22em; }
.markdown-body a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.markdown-body img { display: block; max-width: 100%; height: auto; margin: .7em 0; }
.markdown-body code { font: .92em/1.5 "Courier New", Courier, monospace; padding: .1em .3em; background: var(--o-panel, var(--panel, #101c1a)); }
.markdown-body pre { max-width: 100%; padding: 1em; border: 1px solid var(--o-line, var(--line, #405b49)); overflow-x: auto; white-space: pre; }
.markdown-body pre code { padding: 0; background: transparent; }
.markdown-body blockquote { margin-left: 0; padding-left: 1em; border-left: 3px solid var(--o-line, var(--line, #405b49)); color: var(--o-muted, var(--muted, #9ab39f)); }
.markdown-body table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.markdown-body th, .markdown-body td { padding: .5em .8em; border: 1px solid var(--o-line, var(--line, #405b49)); }
.markdown-body hr { margin: 1.6em 0; border: 0; border-top: 1px solid var(--o-line, var(--line, #405b49)); }
@media (max-width: 620px) { .markdown-body { font-size: 13px; } }