/* quill-content.css
 * ---------------------------------------------------------------
 * สร้างจาก quill.snow.css (เฉพาะกฎที่ใช้กับเนื้อหาใน .ql-editor)
 * แล้วเปลี่ยนขอบเขตเป็น .news-content เพื่อให้เนื้อหาข่าวที่พิมพ์จาก Quill
 * (ลำดับเลข / bullet / checklist / ย่อหน้า / code block / วิดีโอ)
 * แสดงผลบนหน้าเว็บจริงเหมือนตอนพิมพ์
 *
 * กฎที่เป็นสไตล์ของ "กล่องพิมพ์" (cursor, reset margin, ตาราง, placeholder)
 * ถูกตัดออก เพื่อไม่ให้กระทบข่าวเก่าที่เขียนด้วย CKEditor
 * อย่าแก้ไฟล์นี้ด้วยมือ - ถ้าอัพเกรด Quill ให้สร้างใหม่จาก quill.snow.css
 * ---------------------------------------------------------------
 */
.news-content p,
.news-content h1,
.news-content h2,
.news-content h3,
.news-content h4,
.news-content h5,
.news-content h6 {counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}
.news-content p,
.news-content h1,
.news-content h2,
.news-content h3,
.news-content h4,
.news-content h5,
.news-content h6 {counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}
.news-content ol:has(> li[data-list]) {padding-left:1.5em}
.news-content li[data-list] {list-style-type:none;padding-left:1.5em;position:relative}
.news-content li > .ql-ui:before {display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}
.news-content li[data-list=checked] > .ql-ui,
.news-content li[data-list=unchecked] > .ql-ui {color:#777}
.news-content li[data-list=bullet] > .ql-ui:before {content:'\2022'}
.news-content li[data-list=checked] > .ql-ui:before {content:'\2611'}
.news-content li[data-list=unchecked] > .ql-ui:before {content:'\2610'}
.news-content li[data-list] {counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}
.news-content li[data-list] {counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}
.news-content li[data-list=ordered] {counter-increment:list-0}
.news-content li[data-list=ordered] > .ql-ui:before {content:counter(list-0, decimal) '. '}
.news-content li[data-list=ordered].ql-indent-1 {counter-increment:list-1}
.news-content li[data-list=ordered].ql-indent-1 > .ql-ui:before {content:counter(list-1, lower-alpha) '. '}
.news-content li[data-list].ql-indent-1 {counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}
.news-content li[data-list].ql-indent-1 {counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}
.news-content li[data-list=ordered].ql-indent-2 {counter-increment:list-2}
.news-content li[data-list=ordered].ql-indent-2 > .ql-ui:before {content:counter(list-2, lower-roman) '. '}
.news-content li[data-list].ql-indent-2 {counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}
.news-content li[data-list].ql-indent-2 {counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}
.news-content li[data-list=ordered].ql-indent-3 {counter-increment:list-3}
.news-content li[data-list=ordered].ql-indent-3 > .ql-ui:before {content:counter(list-3, decimal) '. '}
.news-content li[data-list].ql-indent-3 {counter-set:list-4 list-5 list-6 list-7 list-8 list-9}
.news-content li[data-list].ql-indent-3 {counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}
.news-content li[data-list=ordered].ql-indent-4 {counter-increment:list-4}
.news-content li[data-list=ordered].ql-indent-4 > .ql-ui:before {content:counter(list-4, lower-alpha) '. '}
.news-content li[data-list].ql-indent-4 {counter-set:list-5 list-6 list-7 list-8 list-9}
.news-content li[data-list].ql-indent-4 {counter-reset:list-5 list-6 list-7 list-8 list-9}
.news-content li[data-list=ordered].ql-indent-5 {counter-increment:list-5}
.news-content li[data-list=ordered].ql-indent-5 > .ql-ui:before {content:counter(list-5, lower-roman) '. '}
.news-content li[data-list].ql-indent-5 {counter-set:list-6 list-7 list-8 list-9}
.news-content li[data-list].ql-indent-5 {counter-reset:list-6 list-7 list-8 list-9}
.news-content li[data-list=ordered].ql-indent-6 {counter-increment:list-6}
.news-content li[data-list=ordered].ql-indent-6 > .ql-ui:before {content:counter(list-6, decimal) '. '}
.news-content li[data-list].ql-indent-6 {counter-set:list-7 list-8 list-9}
.news-content li[data-list].ql-indent-6 {counter-reset:list-7 list-8 list-9}
.news-content li[data-list=ordered].ql-indent-7 {counter-increment:list-7}
.news-content li[data-list=ordered].ql-indent-7 > .ql-ui:before {content:counter(list-7, lower-alpha) '. '}
.news-content li[data-list].ql-indent-7 {counter-set:list-8 list-9}
.news-content li[data-list].ql-indent-7 {counter-reset:list-8 list-9}
.news-content li[data-list=ordered].ql-indent-8 {counter-increment:list-8}
.news-content li[data-list=ordered].ql-indent-8 > .ql-ui:before {content:counter(list-8, lower-roman) '. '}
.news-content li[data-list].ql-indent-8 {counter-set:list-9}
.news-content li[data-list].ql-indent-8 {counter-reset:list-9}
.news-content li[data-list=ordered].ql-indent-9 {counter-increment:list-9}
.news-content li[data-list=ordered].ql-indent-9 > .ql-ui:before {content:counter(list-9, decimal) '. '}
.news-content .ql-indent-1:not(.ql-direction-rtl) {padding-left:3em}
.news-content li.ql-indent-1:not(.ql-direction-rtl) {padding-left:4.5em}
.news-content .ql-indent-1.ql-direction-rtl.ql-align-right {padding-right:3em}
.news-content li.ql-indent-1.ql-direction-rtl.ql-align-right {padding-right:4.5em}
.news-content .ql-indent-2:not(.ql-direction-rtl) {padding-left:6em}
.news-content li.ql-indent-2:not(.ql-direction-rtl) {padding-left:7.5em}
.news-content .ql-indent-2.ql-direction-rtl.ql-align-right {padding-right:6em}
.news-content li.ql-indent-2.ql-direction-rtl.ql-align-right {padding-right:7.5em}
.news-content .ql-indent-3:not(.ql-direction-rtl) {padding-left:9em}
.news-content li.ql-indent-3:not(.ql-direction-rtl) {padding-left:10.5em}
.news-content .ql-indent-3.ql-direction-rtl.ql-align-right {padding-right:9em}
.news-content li.ql-indent-3.ql-direction-rtl.ql-align-right {padding-right:10.5em}
.news-content .ql-indent-4:not(.ql-direction-rtl) {padding-left:12em}
.news-content li.ql-indent-4:not(.ql-direction-rtl) {padding-left:13.5em}
.news-content .ql-indent-4.ql-direction-rtl.ql-align-right {padding-right:12em}
.news-content li.ql-indent-4.ql-direction-rtl.ql-align-right {padding-right:13.5em}
.news-content .ql-indent-5:not(.ql-direction-rtl) {padding-left:15em}
.news-content li.ql-indent-5:not(.ql-direction-rtl) {padding-left:16.5em}
.news-content .ql-indent-5.ql-direction-rtl.ql-align-right {padding-right:15em}
.news-content li.ql-indent-5.ql-direction-rtl.ql-align-right {padding-right:16.5em}
.news-content .ql-indent-6:not(.ql-direction-rtl) {padding-left:18em}
.news-content li.ql-indent-6:not(.ql-direction-rtl) {padding-left:19.5em}
.news-content .ql-indent-6.ql-direction-rtl.ql-align-right {padding-right:18em}
.news-content li.ql-indent-6.ql-direction-rtl.ql-align-right {padding-right:19.5em}
.news-content .ql-indent-7:not(.ql-direction-rtl) {padding-left:21em}
.news-content li.ql-indent-7:not(.ql-direction-rtl) {padding-left:22.5em}
.news-content .ql-indent-7.ql-direction-rtl.ql-align-right {padding-right:21em}
.news-content li.ql-indent-7.ql-direction-rtl.ql-align-right {padding-right:22.5em}
.news-content .ql-indent-8:not(.ql-direction-rtl) {padding-left:24em}
.news-content li.ql-indent-8:not(.ql-direction-rtl) {padding-left:25.5em}
.news-content .ql-indent-8.ql-direction-rtl.ql-align-right {padding-right:24em}
.news-content li.ql-indent-8.ql-direction-rtl.ql-align-right {padding-right:25.5em}
.news-content .ql-indent-9:not(.ql-direction-rtl) {padding-left:27em}
.news-content li.ql-indent-9:not(.ql-direction-rtl) {padding-left:28.5em}
.news-content .ql-indent-9.ql-direction-rtl.ql-align-right {padding-right:27em}
.news-content li.ql-indent-9.ql-direction-rtl.ql-align-right {padding-right:28.5em}
.news-content li.ql-direction-rtl {padding-right:1.5em}
.news-content li.ql-direction-rtl > .ql-ui:before {margin-left:.3em;margin-right:-1.5em;text-align:left}
.news-content .ql-code-block-container {font-family:monospace}
.news-content .ql-video {display:block;max-width:100%}
.news-content .ql-video.ql-align-center {margin:0 auto}
.news-content .ql-video.ql-align-right {margin:0 0 0 auto}
.news-content .ql-bg-black {background-color:#000}
.news-content .ql-bg-red {background-color:#e60000}
.news-content .ql-bg-orange {background-color:#f90}
.news-content .ql-bg-yellow {background-color:#ff0}
.news-content .ql-bg-green {background-color:#008a00}
.news-content .ql-bg-blue {background-color:#06c}
.news-content .ql-bg-purple {background-color:#93f}
.news-content .ql-color-white {color:#fff}
.news-content .ql-color-red {color:#e60000}
.news-content .ql-color-orange {color:#f90}
.news-content .ql-color-yellow {color:#ff0}
.news-content .ql-color-green {color:#008a00}
.news-content .ql-color-blue {color:#06c}
.news-content .ql-color-purple {color:#93f}
.news-content .ql-font-serif {font-family:Georgia,Times New Roman,serif}
.news-content .ql-font-monospace {font-family:Monaco,Courier New,monospace}
.news-content .ql-size-small {font-size:.75em}
.news-content .ql-size-large {font-size:1.5em}
.news-content .ql-size-huge {font-size:2.5em}
.news-content .ql-direction-rtl {direction:rtl;text-align:inherit}
.news-content .ql-align-center {text-align:center}
.news-content .ql-align-justify {text-align:justify}
.news-content .ql-align-right {text-align:right}
.news-content .ql-ui {position:absolute}
.news-content h1 {font-size:2em}
.news-content h2 {font-size:1.5em}
.news-content h3 {font-size:1.17em}
.news-content h4 {font-size:1em}
.news-content h5 {font-size:.83em}
.news-content h6 {font-size:.67em}
.news-content a {text-decoration:underline}
.news-content blockquote {border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}
.news-content code,
.news-content .ql-code-block-container {background-color:#f0f0f0;border-radius:3px}
.news-content .ql-code-block-container {margin-bottom:5px;margin-top:5px;padding:5px 10px}
.news-content code {font-size:85%;padding:2px 4px}
.news-content .ql-code-block-container {background-color:#23241f;color:#f8f8f2;overflow:visible}
.news-content img {max-width:100%}

/* ---- ปรับเพิ่มสำหรับหน้าเว็บจริง ---- */
.news-content .ql-video {width:100%;aspect-ratio:16/9;border:0}
.news-content .ql-code-block-container {background:#23241f;color:#f8f8f2;overflow:auto;padding:12px 15px;border-radius:6px}
.news-content .ql-code-block-container .ql-ui {display:none}
.news-content blockquote {border-left:4px solid #ccc;margin:1em 0;padding-left:16px}
.news-content img {max-width:100%;height:auto}