/* Zengin metin blokları (yönetimdeki JekEditor çıktısı): blog yazısı, sayfa gövdesi, yasal metin.
   site.css'teki .prose temel tipografisinin üstüne yalnız editörün ürettiği bloklar: H4, hizalama, tablo, figure, bilgi kutusu, video, ayraç.
   Sunucu tarafı izin listesi: config/sanitizer.php (ts_sanitize_html). */

.prose > :first-child { margin-top: 0; }
.prose p { margin: 0 0 1.1em; }
.prose h4 { margin: 1.5em 0 .45em; font-size: 1.08em; font-weight: 700; color: var(--fg); }
.prose h2, .prose h3, .prose h4 { color: var(--fg); }
.prose strong { color: var(--fg); font-weight: 700; }
.prose u { text-underline-offset: 3px; }
.prose li { margin: .3em 0; }
.prose li > p { margin: 0; }
.prose ul { list-style: disc; }
.prose ol { list-style: decimal; }
.prose hr { border: 0; border-top: 1px solid var(--line-2); margin: 2.4em 0; }
.prose [style*="text-align: center"] { text-align: center; }
.prose [style*="text-align: right"] { text-align: right; }
.prose img { max-width: 100%; height: auto; display: block; }
.prose p img { display: inline-block; }

/* Görsel + alt yazı */
.prose figure { margin: 1.8em 0; }
.prose figure img { margin: 0; width: 100%; }
.prose figcaption { margin-top: .6em; font-size: 13.5px; line-height: 1.5; color: var(--fg-3); }

/* Tablo: dar ekranda yatay kaydırma */
.prose table {
    display: block; width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;
    margin: 1.8em 0; border-collapse: collapse; font-size: .92em; line-height: 1.5;
}
.prose table tbody, .prose table thead { display: table; width: 100%; border-collapse: collapse; }
.prose th, .prose td { padding: 10px 14px; border: 1px solid var(--line-2); text-align: start; vertical-align: top; }
.prose th { background: var(--bg-sunk); color: var(--fg); font-weight: 700; }
.prose td p, .prose th p { margin: 0; }

/* Bilgi kutusu (callout) */
.prose .jek-callout {
    position: relative; margin: 1.6em 0; padding: 14px 18px 14px 20px;
    border: 1px solid var(--line-2); border-inline-start: 3px solid var(--accent);
    background: var(--bg-elev); color: var(--fg-2); font-size: .95em; line-height: 1.65;
}
.prose .jek-callout[data-callout="warning"] { border-inline-start-color: #b7791f; }
.prose .jek-callout[data-callout="error"] { border-inline-start-color: var(--err); background: var(--err-bg); }
.prose .jek-callout[data-callout="success"] { border-inline-start-color: var(--ok); background: var(--ok-bg); }

/* Video (YouTube / Vimeo) */
.prose [data-youtube-video] { position: relative; margin: 1.8em 0; aspect-ratio: 16 / 9; background: var(--bg-sunk); }
.prose [data-youtube-video] iframe, .prose > iframe { width: 100%; height: 100%; border: 0; display: block; }
.prose > iframe { aspect-ratio: 16 / 9; height: auto; margin: 1.8em 0; }

/* Ürün açıklaması (akordeon gövdesi) daha sıkı */
.acc__body.prose h2 { font-size: 1.35em; margin: 1.2em 0 .5em; }
.acc__body.prose h3 { font-size: 1.15em; margin: 1.1em 0 .4em; }
.acc__body.prose blockquote { font-size: 1.15em; }