/* สไตล์เนื้อหาที่เขียนด้วย editor (ใช้ทั้งหน้าเว็บสาธารณะและในหน้าต่าง editor เพื่อให้เห็นตรงกัน) */
.ksd-prose { font-family: 'Sarabun', sans-serif; font-size: 1.0625rem; line-height: 1.85; color: #334155; overflow-wrap: anywhere; }
.ksd-prose > * + * { margin-top: 1.1em; }
.ksd-prose h1, .ksd-prose h2, .ksd-prose h3, .ksd-prose h4, .ksd-prose h5, .ksd-prose h6 { font-family: 'Prompt', sans-serif; color: #022c22; font-weight: 700; line-height: 1.4; margin-top: 1.8em; }
.ksd-prose h1 { font-size: 2rem; } .ksd-prose h2 { font-size: 1.6rem; } .ksd-prose h3 { font-size: 1.3rem; } .ksd-prose h4 { font-size: 1.15rem; } .ksd-prose h5, .ksd-prose h6 { font-size: 1rem; }
.ksd-prose a { color: #047857; text-decoration: underline; text-underline-offset: 3px; }
.ksd-prose a:hover { color: #b45309; }
.ksd-prose ul { list-style: disc; padding-left: 1.6em; }
.ksd-prose ol { list-style: decimal; padding-left: 1.6em; }
.ksd-prose li { margin-top: .35em; }
.ksd-prose li > ul, .ksd-prose li > ol { margin-top: .35em; }
.ksd-prose blockquote { border-left: 4px solid #fbbf24; background: #fffbeb; padding: .8em 1.2em; border-radius: 0 .75rem .75rem 0; color: #78350f; }
.ksd-prose img { max-width: 100%; height: auto; border-radius: .75rem; }
.ksd-prose figure { margin: 1.5em 0; }
.ksd-prose figcaption { text-align: center; font-size: .875rem; color: #64748b; margin-top: .4em; }
.ksd-prose table { border-collapse: collapse; max-width: 100%; }
.ksd-prose td, .ksd-prose th { border: 1px solid #cbd5e1; padding: .55em .8em; vertical-align: top; }
.ksd-prose th { background: #ecfdf5; font-family: 'Prompt', sans-serif; font-weight: 600; text-align: left; }
.ksd-prose iframe, .ksd-prose video { max-width: 100%; border: 0; border-radius: .75rem; }
.ksd-prose iframe[src*="youtube"], .ksd-prose iframe[src*="vimeo"] { aspect-ratio: 16 / 9; width: 100%; height: auto; }
.ksd-prose pre { background: #022c22; color: #ecfdf5; padding: 1em; border-radius: .75rem; overflow-x: auto; font-size: .9rem; line-height: 1.6; }
.ksd-prose code { background: #ecfdf5; color: #065f46; padding: .1em .35em; border-radius: .35rem; font-size: .9em; }
.ksd-prose pre code { background: none; color: inherit; padding: 0; }
.ksd-prose hr { border: 0; border-top: 1px solid #d1fae5; margin: 2em 0; }
.ksd-prose mark { background: #fef3c7; padding: 0 .2em; border-radius: .2em; }
.ksd-prose .table-wrap { overflow-x: auto; }