/* ============ QUILL CONTENT RENDER (published article body) ============ */
/* Applies wherever sanitized Quill HTML is rendered (detail article, etc.) */

/* alignment */
.ql-align-center { text-align: center; }
.ql-align-right { text-align: right; }
.ql-align-justify { text-align: justify; }

/* indentation */
.ql-indent-1 { padding-left: 3em; }
.ql-indent-2 { padding-left: 6em; }
.ql-indent-3 { padding-left: 9em; }
.ql-indent-4 { padding-left: 12em; }
.ql-indent-5 { padding-left: 15em; }
.ql-indent-6 { padding-left: 18em; }
.ql-indent-7 { padding-left: 21em; }
.ql-indent-8 { padding-left: 24em; }

/* fonts */
.ql-font-serif { font-family: 'Fraunces', Georgia, serif; }
.ql-font-monospace { font-family: 'JetBrains Mono', monospace; }

/* sizes */
.ql-size-small { font-size: 0.78em; }
.ql-size-large { font-size: 1.5em; }
.ql-size-huge { font-size: 2.4em; }

/* direction */
[dir="rtl"], .ql-direction-rtl { direction: rtl; text-align: inherit; }

/* Quill 2 lists use <ol> + data-list attribute */
ol li[data-list="bullet"] { list-style-type: disc; }
ol li[data-list="ordered"] { list-style-type: decimal; }
ol li[data-list] { list-style-position: outside; }
li > .ql-ui { display: none; }

/* embeds */
iframe.ql-video,
.detail-article iframe,
#detailArticle iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 8px; display: block; margin: 14px 0; }
#detailArticle audio,
.detail-article audio { width: 100%; margin: 10px 0; }
#detailArticle img,
.detail-article img { max-width: 100%; height: auto; border-radius: 8px; }