/* CSS riêng cho trang chi tiết bài viết (templates/single.html) — thêm 2026-09-01,
   theo yêu cầu người dùng gửi ảnh "canh lại lề bài post" (nội dung chạm sát mép trái
   màn hình trên mobile, không có khoảng đệm nào). CHỈ enqueue trên đúng trang bài viết
   (is_singular('post')), không dùng CSS chung nạp mọi trang để tránh ảnh hưởng nơi khác
   — đúng pattern đã dùng cho dlb-single-product.css.

   MỞ RỘNG sang TRANG THƯỜNG (page — templates/page.html, đang chạy bản DB post 557) —
   thêm cùng ngày, người dùng gửi tiếp ảnh "canh lề 2 bên các trang" (Điều Khoản, Giới
   Thiệu) bị đúng lỗi y hệt. Cùng 1 khối lỗi ".entry-content.alignfull" ở cả 2 loại
   trang nên dùng CHUNG file này — chỉ mở rộng điều kiện enqueue trong functions.php
   (is_singular('post') -> is_singular(array('post','page'))), không tạo file trùng lặp. */

/* Nguyên nhân thật (đo bằng Playwright, so sánh mobile/desktop mới lộ ra): block
   "post-content" trong template đặt align:"full" (cố ý, để full-bleed) + layout kiểu
   "constrained" — trên DESKTOP, "constrained" áp max-width:720px + margin:auto cho
   đoạn văn con nên tự canh giữa đẹp (đo được paragraph đầu tiên nằm ở x=360 trên màn
   1440px). Nhưng trên MOBILE (viewport < 720px), max-width 720px LỚN HƠN cả màn hình
   nên "margin:auto" không còn khoảng trống nào để chia — tự động về 0, đoạn văn chạm
   thẳng mép trái/phải màn hình (đo được x=0). Theme này chưa bật
   "useRootPaddingAwareAlignments" trong theme.json (cơ chế chuẩn của WordPress lo đúng
   trường hợp này cho MỌI block full-bleed toàn site) — sửa phạm vi hẹp ở đây (chỉ trang
   bài viết) an toàn hơn là đổi theme.json ảnh hưởng dây chuyền các block full khác chưa
   được yêu cầu kiểm tra. */
@media (max-width: 782px) {
	.entry-content.alignfull {
		padding-left: 20px !important;
		padding-right: 20px !important;
		box-sizing: border-box;
	}
}