/* Markdown preview - rendered output. */
.md-preview { max-height: 420px; overflow: auto; padding: 4px 12px; border: 1px solid var(--e-line); border-radius: 8px; background: var(--e-bg); overflow-wrap: anywhere; line-height: 1.55; }
.md-preview > :first-child { margin-top: 8px; }
.md-preview .md-h { line-height: 1.25; margin: .9em 0 .4em; }
.md-preview h1.md-h { font-size: 1.45em; }
.md-preview h2.md-h { font-size: 1.25em; }
.md-preview h3.md-h { font-size: 1.1em; }
.md-preview h4.md-h, .md-preview h5.md-h, .md-preview h6.md-h { font-size: 1em; }
.md-preview p { margin: .6em 0; }
.md-preview a { color: var(--e-accent); }
html[data-theme="dark"] .md-preview a { color: var(--e-focus); }
.md-preview code { font-family: var(--e-mono); font-size: .88em; background: var(--e-surface); border: 1px solid var(--e-line); border-radius: 4px; padding: 0 4px; }
.md-preview .md-code { background: var(--e-surface); border: 1px solid var(--e-line); border-radius: 8px; padding: 10px 12px; overflow-x: auto; }
.md-preview .md-code code { border: 0; padding: 0; background: none; white-space: pre; }
.md-preview blockquote { margin: .6em 0; padding: 2px 12px; border-left: 4px solid var(--e-line-strong); color: var(--e-ink-2); }
.md-preview ul, .md-preview ol { padding-left: 1.5em; margin: .5em 0; }
.md-preview ul.md-tasks { list-style: none; padding-left: .4em; }
.md-preview ul.md-tasks input { margin: 0 6px 0 0; vertical-align: -2px; accent-color: var(--e-accent); }
.md-preview hr { border: 0; border-top: 1px solid var(--e-line); margin: 1em 0; }
.md-preview del { color: var(--e-ink-3); }
.md-table-wrap { overflow-x: auto; margin: .6em 0; }
.md-table { border-collapse: collapse; font-size: .92em; }
.md-table th, .md-table td { border: 1px solid var(--e-line); padding: 4px 10px; }
.md-table th { background: var(--e-surface); }
.md-img { display: inline-block; padding: 2px 8px; border: 1px dashed var(--e-line-strong); border-radius: 6px; font-size: .88em; color: var(--e-ink-2); }
.md-nolink { text-decoration: underline dotted; }