/* 8.ro */
.md-preview {
  flex: 1; min-height: 240px; max-height: 75vh; overflow: auto;
  padding: 16px 20px; background: var(--surface-2);
  font-size: .9375rem; line-height: 1.65; overflow-wrap: anywhere;
}
.md-preview:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
@media (min-width: 960px) { .md-preview { min-height: 360px; } }
.md-preview > :first-child { margin-top: 0; }
.md-preview > :last-child { margin-bottom: 0; }
.md-preview h1, .md-preview h2, .md-preview h3, .md-preview h4, .md-preview h5, .md-preview h6 { margin: 1.2em 0 .5em; line-height: 1.25; }
.md-preview h1 { font-size: 1.6rem; }
.md-preview h2 { font-size: 1.3rem; }
.md-preview h3 { font-size: 1.1rem; }
.md-preview p, .md-preview ul, .md-preview ol, .md-preview blockquote, .md-preview pre, .md-preview table, .md-preview dl { margin: 0 0 .9em; }
.md-preview ul, .md-preview ol { padding-left: 1.5em; }
.md-preview li > input[type="checkbox"] { margin: 0 .4em 0 -1.4em; vertical-align: -2px; accent-color: var(--accent); }
.md-preview li:has(> input[type="checkbox"]) { list-style: none; }
.md-preview a { color: var(--accent-ink); text-underline-offset: 3px; }
.md-preview code { font: .875em var(--mono); padding: .1em .35em; border-radius: 5px; background: var(--surface); border: 1px solid var(--line); }
.md-preview pre { padding: 12px 14px; overflow-x: auto; border-radius: 10px; background: var(--surface); border: 1px solid var(--line); }
.md-preview pre code { padding: 0; border: 0; background: none; }
.md-preview blockquote { padding: 2px 0 2px 14px; border-left: 3px solid var(--accent-line); color: var(--muted); }
.md-preview hr { border: 0; border-top: 1px solid var(--line-2); margin: 1.4em 0; }
.md-preview table { border-collapse: collapse; display: block; overflow-x: auto; max-width: 100%; }
.md-preview th, .md-preview td { padding: 6px 12px; border: 1px solid var(--line-2); }
.md-preview th { background: var(--surface); text-align: left; }
.md-preview td[align="right"], .md-preview th[align="right"] { text-align: right; }
.md-preview td[align="center"], .md-preview th[align="center"] { text-align: center; }
.md-preview .md-img {
  display: inline-block; padding: 2px 8px; border: 1px dashed var(--line-2); border-radius: 6px;
  font-size: .8125rem; color: var(--faint);
}