/* All Markdown typography is scoped to the wrapper returned by renderRichText. */
.rich-text {
  min-width: 0;
  color: inherit;
  font-size: inherit;
  line-height: 1.85;
  white-space: normal;
  overflow-wrap: anywhere;
}
.rich-text > :first-child { margin-top: 0; }
.rich-text > :last-child { margin-bottom: 0; }
.rich-text p { margin: .55em 0; line-height: inherit; white-space: normal; }
.rich-text h1, .rich-text h2, .rich-text h3,
.rich-text h4, .rich-text h5, .rich-text h6 {
  margin: 1.1em 0 .4em;
  color: var(--ink, #e9e7dc);
  font-family: var(--serif, serif);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: .025em;
}
.rich-text h1 { font-size: 1.6em; }
.rich-text h2 { font-size: 1.4em; }
.rich-text h3 { font-size: 1.2em; }
.rich-text h4, .rich-text h5, .rich-text h6 { font-size: 1.05em; }
.rich-text strong { color: var(--ink, #e9e7dc); font-weight: 650; }
.rich-text ul, .rich-text ol { margin: .5em 0; padding-left: 1.7em; }
.rich-text li { margin: .2em 0; padding-left: .1em; }
.rich-text li > ul, .rich-text li > ol { margin: .15em 0; }
.rich-text li > p { margin: .25em 0; }
.rich-text blockquote {
  margin: .75em 0;
  padding: .25em .9em;
  border-left: 2px solid var(--gold, #c9a66b);
  color: var(--muted, #a9afa3);
  background: rgba(201, 166, 107, .045);
}
.rich-text blockquote > :first-child { margin-top: .1em; }
.rich-text blockquote > :last-child { margin-bottom: .1em; }
.rich-text .markdown-callout { padding: .55em .85em; border-radius: 0 5px 5px 0; }
.rich-text .markdown-callout-title {
  color: var(--gold, #c9a66b);
  font-family: var(--serif, serif);
  font-weight: 600;
  margin: 0 0 .35em;
}
.rich-text a { color: var(--gold, #c9a66b); text-decoration: underline; text-underline-offset: .2em; }
.rich-text a:hover { color: var(--ink, #e9e7dc); }
.rich-text a:focus-visible, .rich-text .markdown-table-scroll:focus-visible {
  outline: 2px solid var(--gold, #c9a66b);
  outline-offset: 3px;
}
.rich-text code {
  padding: .1em .32em;
  border-radius: 3px;
  background: rgba(0, 0, 0, .2);
  font-family: Consolas, "SFMono-Regular", monospace;
  font-size: .92em;
  white-space: break-spaces;
}
.rich-text pre {
  max-width: 100%;
  margin: .7em 0;
  padding: .8em 1em;
  overflow-x: auto;
  border: 1px solid var(--line, rgba(226, 218, 193, .13));
  border-radius: 5px;
  background: rgba(0, 0, 0, .18);
  line-height: 1.6;
  white-space: pre;
  overflow-wrap: normal;
  tab-size: 2;
}
.rich-text pre code { padding: 0; background: transparent; white-space: pre; }
.rich-text hr { margin: 1em 0; border: 0; border-top: 1px solid var(--line-strong, rgba(226, 218, 193, .25)); }
.rich-text .markdown-table-scroll { max-width: 100%; margin: .7em 0; overflow-x: auto; }
.rich-text table { width: 100%; border-collapse: collapse; font-size: .95em; }
.rich-text th, .rich-text td {
  min-width: 5em;
  padding: .45em .7em;
  border: 1px solid var(--line-strong, rgba(226, 218, 193, .25));
  text-align: left;
  vertical-align: top;
}
.rich-text th { color: var(--ink, #e9e7dc); font-weight: 600; background: rgba(201, 166, 107, .08); }
.rich-text tr:nth-child(even) td { background: rgba(0, 0, 0, .08); }
.rich-text .markdown-align-left { text-align: left; }
.rich-text .markdown-align-center { text-align: center; }
.rich-text .markdown-align-right { text-align: right; }
.rich-text img { display: block; max-width: 100%; height: auto; margin: .7em 0; border-radius: 4px; }
.rich-text.rich-text-plain { white-space: pre-wrap; }
