.rag-body { overflow-wrap: anywhere; }
.rag-body a { color: var(--accent); }
.rag-body h2 { margin: 36px 0 18px; }
.rag-body h3 { margin: 28px 0 16px; font-size: 21px; }
.rag-body ol { padding-left: 28px; margin-block: 20px; }
.rag-body li { margin-bottom: 14px; }
.rag-body li p { margin-block: 12px; }
.rag-body img { width: 100%; height: auto; margin-block: 24px; }
.rag-body hr { border: 0; border-top: 1px solid var(--rule); margin-block: 32px; }
.rag-body .code {
  display: block;
  max-width: 100%;
  background: #f3f5f4;
  border: 1px solid var(--rule);
  color: var(--ink);
  font-family: Consolas, Monaco, monospace;
  font-size: 14px;
  line-height: 1.65;
  padding: 14px 16px;
  border-radius: 4px;
  margin-block: 16px;
  overflow-x: auto;
  overflow-wrap: normal;
  white-space: pre;
}
.rag-body pre[class*="language-"] {
  max-width: 100%;
  margin-block: 20px;
  border: 1px solid var(--rule);
  border-radius: 4px;
  background: #f3f5f4;
  font-size: 14px;
  overflow-wrap: normal;
}
.rag-body code[class*="language-"] { font-size: 14px; text-shadow: none; }