/*
 * Markdown önizleme tipografisi.
 *
 * Kaynak: eski_site/markdown.php (ob_start() içinde, footer'a $extraFootJs
 * olarak veriliyordu). Değerler legacy ile BİREBİR aynı tutuldu.
 *
 * Dark mode eklemeleri ayrı blokta: tema partial'ı (partials/theme.php)
 * Tailwind sınıflarını eşliyor, ama `.md-body` renkleri bu dosyada ham
 * hex olarak yazılı olduğu için eşleme göremiyor — bu yüzden koyu tema
 * karşılıkları buraya elle yazıldı.
 */
.md-body h1, .md-body h2, .md-body h3, .md-body h4, .md-body h5, .md-body h6 { color: #1F2937; font-weight: 700; line-height: 1.3; margin: 1.1em 0 0.5em; }
.md-body h1 { font-size: 1.7rem; } .md-body h2 { font-size: 1.4rem; } .md-body h3 { font-size: 1.2rem; }
.md-body h4 { font-size: 1.05rem; } .md-body h5, .md-body h6 { font-size: 1rem; }
.md-body p { margin: 0.7em 0; }
.md-body a { color: #4F46E5; text-decoration: underline; word-break: break-all; }
.md-body strong { color: #1F2937; font-weight: 700; }
.md-body code { background: #F3F4F6; border: 1px solid #E5E7EB; border-radius: 0.25rem; padding: 0.1rem 0.35rem; font-family: ui-monospace, monospace; font-size: 0.85em; }
.md-body pre { background: #111827; border-radius: 0.75rem; padding: 1rem; overflow-x: auto; margin: 0.9em 0; }
.md-body pre code { background: transparent; border: 0; color: #86efac; padding: 0; font-size: 0.8rem; line-height: 1.6; }
.md-body ul { list-style: disc; padding-left: 1.5rem; margin: 0.7em 0; }
.md-body ol { list-style: decimal; padding-left: 1.5rem; margin: 0.7em 0; }
.md-body li { margin: 0.25em 0; }
.md-body blockquote { border-left: 4px solid #C7D2FE; padding-left: 1rem; color: #4B5563; font-style: italic; margin: 0.9em 0; }
.md-body hr { border: 0; border-top: 1px solid #E5E7EB; margin: 1.4em 0; }
.md-body table { border-collapse: collapse; width: 100%; margin: 0.9em 0; font-size: 0.85rem; }
.md-body th, .md-body td { border: 1px solid #E5E7EB; padding: 0.45rem 0.6rem; text-align: left; }
.md-body th { background: #F9FAFB; font-weight: 600; color: #374151; }
.md-body img { max-width: 100%; border-radius: 0.5rem; border: 1px solid #E5E7EB; }
.md-body del { color: #9CA3AF; }

/* ── Dark mode karşılıkları ── */
html.dark .md-body h1, html.dark .md-body h2, html.dark .md-body h3,
html.dark .md-body h4, html.dark .md-body h5, html.dark .md-body h6 { color: #f1f5f9; }
html.dark .md-body strong { color: #f1f5f9; }
html.dark .md-body a { color: #7aa2f7; }
html.dark .md-body code { background: #0f172a; border-color: #2d3f55; color: #e2e8f0; }
html.dark .md-body pre { background: #0b1220; border: 1px solid #243247; }
html.dark .md-body blockquote { border-left-color: #3b5bdb; color: #a8b3c7; }
html.dark .md-body hr { border-top-color: #243247; }
html.dark .md-body th, html.dark .md-body td { border-color: #2d3f55; }
html.dark .md-body th { background: #121c2f; color: #e2e8f0; }
html.dark .md-body img { border-color: #243247; }
html.dark .md-body del { color: #64748b; }

/*
 * Textarea yüksekliği 22 satır + `resize-y`; iki sütun lg'de eşit yükseklik
 * alır. Önizleme yüksekliği legacy ile aynı (min 400 / max 640).
 */