/* ============================================================
   BỔ SUNG CSS HỖ TRỢ THỤT LỀ (INDENT) CHO BÀI VIẾT PUBLIC
   ============================================================ */

/* 1. Nếu Editor sử dụng Inline Style hoặc Style mặc định của thẻ paragraph/div */
.article-content p, 
.blog-content p, 
.ce-paragraph {
    text-indent: inherit; /* Cho phép nhận thuộc tính text-indent nếu có inline style */
}

/* 2. Nếu EditorJS / QuillJS thêm các class thụt lề theo cấp độ */
.ce-paragraph[style*="padding-left"],
.cdx-block[style*="padding-left"] {
    display: block;
}

/* Các cấp độ thụt lề thụ động (dành cho EditorJS / Tiptap / CKEditor) */
.article-content .indent-1,
.blog-content .ce-paragraph--indent-1 {
    padding-left: 20px !important;
    text-indent: 20px; /* Hoặc thụt đầu dòng dòng đầu tiên */
}

.article-content .indent-2,
.blog-content .ce-paragraph--indent-2 {
    padding-left: 40px !important;
}

.article-content .indent-3,
.blog-content .ce-paragraph--indent-3 {
    padding-left: 60px !important;
}

/* 3. Đảm bảo thẻ p đầu dòng nếu muốn thụt lề đoạn văn chuẩn báo chí/văn bản */
.article-content p {
    margin-bottom: 1rem;
    line-height: 1.6;
}