/* Markdown Previewer */
.md-preview { font-size: var(--text-sm); line-height: 1.65; color: var(--color-text); overflow-wrap: break-word; }
.md-preview h1, .md-preview h2, .md-preview h3, .md-preview h4, .md-preview h5, .md-preview h6 { font-family: 'Plus Jakarta Sans', sans-serif; margin: 1em 0 0.4em; line-height: 1.25; }
.md-preview h1 { font-size: 1.8em; }
.md-preview h2 { font-size: 1.5em; }
.md-preview h3 { font-size: 1.25em; }
.md-preview p { margin: 0 0 1em; }
.md-preview ul, .md-preview ol { margin: 0 0 1em; padding-left: 1.4em; }
.md-preview li { margin-bottom: 0.3em; }
.md-preview code { font-family: var(--font-mono); background: var(--color-surface-alt); padding: 0.1em 0.35em; border-radius: 4px; font-size: 0.9em; }
.md-preview pre { background: var(--color-surface-alt); border-radius: var(--radius-md); padding: var(--space-3); overflow-x: auto; margin: 0 0 1em; }
.md-preview pre code { background: none; padding: 0; }
.md-preview blockquote { border-left: 3px solid var(--color-brand); margin: 0 0 1em; padding-left: var(--space-4); color: var(--color-text-muted); font-style: italic; }
.md-preview hr { border: none; border-top: 1px solid var(--color-border); margin: 1.5em 0; }
.md-preview a { color: var(--color-brand); }
.md-preview a:hover { text-decoration: underline; }