/* Định dạng nội dung bài viết: dùng chung cho trang công khai và trình soạn thảo trong quản trị,
   để lúc soạn thấy sao thì lúc đăng hiện vậy. */
.prose h4 { font-size: 1.08em; line-height: 1.4; font-weight: 600; margin-top: 1.4em; }
.prose hr { border: 0; border-top: 2px solid var(--line, #DCE2EC); margin: 1.8em 0; }
.prose sub, .prose sup { font-size: .75em; }
.prose ul ul, .prose ul ol, .prose ol ul, .prose ol ol { margin-top: .4em; }

/* Kiểu dấu đầu dòng và kiểu đánh số */
.prose ul.list-square { list-style-type: square; }
.prose ul.list-star { list-style-type: "★  "; }
.prose ul.list-check { list-style-type: "✔  "; }
.prose ul.list-arrow { list-style-type: "➜  "; }
.prose ul.list-dash { list-style-type: "–  "; }
.prose ul.list-star > li::marker { color: #E0A100; }
.prose ul.list-check > li::marker { color: #1F8A4C; }
.prose ul.list-arrow > li::marker { color: var(--brand, #0B4E9F); }
.prose ol.list-alpha { list-style-type: lower-alpha; }
.prose ol.list-roman { list-style-type: upper-roman; }

/* Thụt lề đoạn văn */
.prose .indent-1 { margin-left: 2em; }
.prose .indent-2 { margin-left: 4em; }
.prose .indent-3 { margin-left: 6em; }
.prose .indent-4 { margin-left: 8em; }

/* Bảng: cuộn ngang trên màn hình hẹp thay vì làm vỡ trang */
.prose .table-wrap { overflow-x: auto; margin: 1.3em 0; }
.prose table { width: 100%; border-collapse: collapse; font-size: .95em; line-height: 1.5; }
.prose th, .prose td { border: 1px solid #C5CFDD; padding: 9px 12px; text-align: left; vertical-align: top; min-width: 70px; }
.prose th { background: var(--brand-tint, #EEF3FA); font-weight: 600; }
.prose tbody tr:nth-child(even) td { background: #FAFBFD; }
.prose td > *, .prose th > * { margin: 0; }
.prose td > * + *, .prose th > * + * { margin-top: .5em; }

/* Khung ghi chú */
.prose .callout { margin: 1.3em 0; padding: 16px 20px; background: var(--brand-tint, #EEF3FA); border-left: 4px solid var(--brand, #0B4E9F); border-radius: 0 10px 10px 0; }
.prose .callout > * { margin: 0; }
.prose .callout > * + * { margin-top: .7em; }

/* Nút bấm trong bài (ví dụ "Ứng tuyển ngay") */
.prose a.cta { display: inline-block; padding: 12px 26px; border-radius: 8px; background: var(--accent, #E0141D); color: #fff; font-weight: 600; text-decoration: none; }
.prose a.cta:hover { background: var(--accent-deep, #BC0F17); }

/* Cỡ ảnh */
.prose img.w-25 { width: 25%; }
.prose img.w-50 { width: 50%; }
.prose img.w-75 { width: 75%; }
.prose img.w-100 { width: 100%; }

@media (max-width: 640px) {
  .prose .indent-1, .prose .indent-2 { margin-left: 1.2em; }
  .prose .indent-3, .prose .indent-4 { margin-left: 2.4em; }
  .prose img.w-25 { width: 50%; }
  .prose img.w-50, .prose img.w-75 { width: 100%; }
  .prose th, .prose td { padding: 8px 10px; }
}