.md { display: flex; flex-direction: column; gap: 2px; }
.md-paragraph { white-space: pre-wrap; overflow-wrap: anywhere; }
.md-heading { font-weight: 700; color: var(--head); line-height: 1.25; margin: 8px 0 4px; }
.md-h1 { font-size: 1.75em; }
.md-h2 { font-size: 1.5em; }
.md-h3 { font-size: 1.25em; }
.md-subtext { font-size: 12px; color: var(--muted); }
.md-code {
  background: var(--rail); border: 1px solid var(--divider); border-radius: 4px;
  padding: 1px 5px; font: 0.875em/1.4 ui-monospace, Consolas, "Courier New", monospace; white-space: pre-wrap;
}
.md-codeblock {
  margin: 4px 0; padding: 8px 10px; background: var(--rail); border: 1px solid var(--divider); border-radius: 6px;
  overflow-x: auto; font: 14px/1.4 ui-monospace, Consolas, "Courier New", monospace; max-width: 100%;
}
.md-codeblock code { white-space: pre; }
.md-quote { border-left: 4px solid #4e5058; padding: 0 12px; margin: 2px 0; }
.md-list { margin: 2px 0; padding-left: 24px; }
.md-list li { overflow-wrap: anywhere; padding-left: 2px; }
.md-link { color: #00a8fc; }
.md-spoiler { background: #1e1f22; color: transparent; border-radius: 4px; cursor: pointer; padding: 0 2px; user-select: none; }
.md-spoiler * { color: transparent; }
.md-spoiler:hover { background: #2b2d31; }
.md-spoiler.revealed { background: rgba(255, 255, 255, .1); color: inherit; cursor: auto; user-select: text; }
.md-spoiler.revealed * { color: inherit; }
.md strong { font-weight: 700; color: var(--head); }