/* =============================================================
   TYPOGRAPHY CHO NỘI DUNG BÀI VIẾT
   -------------------------------------------------------------
   Phạm vi (scope): CHỈ áp dụng bên trong .sub_content_main_text
   (tức phần the_content() của bài viết) — KHÔNG ảnh hưởng
   header, sidebar, layout hay tiêu đề bài (.sub_content_main_title).

   Lý do: mặc định Bootstrap khiến h1 ~40px, h2 ~32px (in đậm),
   nên bài đăng ra hiển thị TO hơn nhiều so với lúc soạn trong
   editor. File này chỉnh heading về cỡ hợp lý, dễ đọc, gần với
   những gì thấy trong trình soạn thảo.

   File này được nạp SAU detail.min.css nên tự động ghi đè,
   không cần dùng !important. Các heading có inline-style riêng
   (vd trang bảng xếp hạng font-size:40px) vẫn được giữ nguyên.
   ============================================================= */

.sub_content_main_text {
	font-size: 15px;
	line-height: 1.75;
	color: #333;
	word-wrap: break-word;
}

/* ---------- Tiêu đề trong bài (h1–h6) ---------- */
.sub_content_main_text h1,
.sub_content_main_text h2,
.sub_content_main_text h3,
.sub_content_main_text h4,
.sub_content_main_text h5,
.sub_content_main_text h6 {
	color: #222;
	font-weight: 600;
	line-height: 1.35;
	margin: 1.4em 0 0.5em;
}

.sub_content_main_text h1 { font-size: 26px; }
.sub_content_main_text h2 { font-size: 22px; }
.sub_content_main_text h3 { font-size: 19px; }
.sub_content_main_text h4 { font-size: 17px; }
.sub_content_main_text h5 { font-size: 15px; }
.sub_content_main_text h6 { font-size: 14px; }

/* Phần tử đầu tiên không để dư khoảng trắng phía trên */
.sub_content_main_text > *:first-child {
	margin-top: 0;
}

/* ---------- Đoạn văn ---------- */
.sub_content_main_text p {
	font-size: 15px;
	line-height: 1.75;
	margin: 0 0 1em;
}

/* ---------- Danh sách (kể cả LỒNG NHIỀU TẦNG) ----------
   base.min.css reset "list-style:none" và detail.min.css để
   "ol { list-style:auto }" (giá trị KHÔNG hợp lệ) khiến danh
   sách đánh số bị mất số, hiện thành dấu chấm. Đặt lại rõ ràng
   theo TỪNG CẤP để danh sách lồng nhau hiển thị đúng:
     • ul:  chấm đầy → chấm rỗng → ô vuông
     • ol:  1 2 3   → a b c     → i ii iii
   (padding shorthand ghi lại cả padding-bottom để xoá khoảng
   trống thừa 10px mà base.min.css thêm vào). */
.sub_content_main_text ul,
.sub_content_main_text ol {
	line-height: 1.75;
	margin: 0 0 1em;
	padding: 0 0 0 28px;
}

/* --- Danh sách chấm (ul) theo cấp --- */
.sub_content_main_text ul            { list-style: disc outside; }
.sub_content_main_text ul ul         { list-style: circle outside; }
.sub_content_main_text ul ul ul      { list-style: square outside; }

/* --- Danh sách đánh số (ol) theo cấp --- */
.sub_content_main_text ol            { list-style: decimal outside; }
.sub_content_main_text ol ol         { list-style: lower-alpha outside; }
.sub_content_main_text ol ol ol      { list-style: lower-roman outside; }

.sub_content_main_text li {
	margin: 0.3em 0;
}

/* Danh sách con nằm trong 1 mục: bỏ khoảng cách dưới thừa,
   ôm sát mục cha cho gọn */
.sub_content_main_text li > ul,
.sub_content_main_text li > ol {
	margin: 0.3em 0 0.3em;
}

/* ---------- Ảnh ----------
   Đảm bảo ảnh KHÔNG tràn khung và giữ đúng tỉ lệ.
   Lưu ý: ảnh có sẵn inline style (vd width:90px) do trình soạn
   thảo ghi ra sẽ VẪN theo inline đó — muốn đổi kích thước ảnh,
   chỉnh trực tiếp trong editor, không sửa ở đây. */
.sub_content_main_text img {
	max-width: 100%;
	height: auto;
}

/* ---------- Bảng ----------
   Bảng do block editor tạo (.wp-block-table) đã có style riêng
   trong common.min.css; ở đây chỉ chống tràn ngang trên màn hình
   hẹp và canh giữa cho gọn. */
.sub_content_main_text table {
	max-width: 100%;
	border-collapse: collapse;
}

.sub_content_main_text figure.wp-block-table,
.sub_content_main_text .wp-block-table {
	max-width: 100%;
	overflow-x: auto;
}

/* ---------- Trích dẫn ---------- */
.sub_content_main_text blockquote {
	margin: 1em 0;
	padding: 8px 16px;
	border-left: 4px solid #d0d0d0;
	color: #555;
	background: #fafafa;
}

/* ---------- Đường kẻ ngang ---------- */
.sub_content_main_text hr {
	border: 0;
	border-top: 1px solid #e0e0e0;
	margin: 1.5em 0;
}