/* =============================================================================================================
   Chuẩn cỡ chữ tiêu đề TRONG NỘI DUNG các trang chi tiết (tin tức, sản phẩm, dịch vụ, dự án, tin đăng, tour...) và trang Giới thiệu.
   Nội dung do editor/AI tạo chứa <h1>…<h6> → trước đây ăn cỡ mặc định Bootstrap (h2 = 2rem, h3 = 1.75rem...) quá to và mỗi cấp một cỡ.
   Chuẩn: MỌI cấp tiêu đề (h1–h6) trong thân bài có CÙNG MỘT cỡ nhỏ, đậm — 1.15em của chính khung nội dung nên luôn cân đối với chữ thân bài
   (thân 16px → ~18px, thân 18px → ~21px). Phân cấp thể hiện bằng khoảng cách, không bằng cỡ chữ. Không đụng tới tiêu đề trang (h1 chính).
   ============================================================================================================= */
body :is(.article__fulltext, .article-body, .p1-svc-content, .p1-about-story__content, .about-text-content, .content-body, .post-blocks, .page-blocks, .content-blocks, .content-block-item .block-text, .html-content, [class*="-html-content"], .pd-desc, #desc_pane, .tab-pane .html-content) :is(h1, h2, h3, h4, h5, h6) {
    font-family: inherit;
    font-size: 1.15em !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #222;
    text-align: left !important;
    letter-spacing: 0 !important;
    margin: 1.4em 0 .55em !important;
    text-transform: none;
}
/* Chữ lồng trong tiêu đề (<b>, span/strong/em/font có cỡ chữ inline từ editor) theo đúng cỡ của tiêu đề */
body :is(.article__fulltext, .article-body, .p1-svc-content, .p1-about-story__content, .about-text-content, .content-body, .post-blocks, .page-blocks, .content-blocks, .content-block-item .block-text, .html-content, [class*="-html-content"], .pd-desc, #desc_pane, .tab-pane .html-content) :is(h1, h2, h3, h4, h5, h6) * {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}
/* Tiêu đề ngay đầu khung nội dung: không đẩy khoảng trắng phía trên */
body :is(.article__fulltext, .article-body, .p1-svc-content, .p1-about-story__content, .about-text-content, .content-body, .post-blocks, .page-blocks, .content-blocks, .html-content, [class*="-html-content"], .pd-desc, #desc_pane) > :is(h1, h2, h3, h4, h5, h6):first-child { margin-top: 0 !important; }

/* =============================================================================================================
   BẢNG trong thân bài (chi tiết + Giới thiệu) — chuẩn theo bảng đẹp của giao diện COMPANY (.p1-svc-content table):
   full ngang cột, viền ngoài đậm bo góc 12px, đường kẻ nhạt giữa các ô, hàng tiêu đề nền nhạt, cột đầu in đậm, hàng chẵn nền xám rất nhạt.
   Ghi đè cả bảng do Summernote tạo (class "table table-bordered" của Bootstrap) và bảng dán từ Word / Excel.
   ============================================================================================================= */
body :is(.article__fulltext, .article-body, .p1-svc-content, .p1-about-story__content, .about-text-content, .content-body, .post-blocks, .page-blocks, .content-blocks, .content-block-item .block-text, .html-content, [class*="-html-content"], .pd-desc, #desc_pane, .tab-pane .html-content) table {
    display: table;
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 22px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
    font-size: 15px;
    line-height: 1.55;
    color: var(--p1-text, #14213d);
    background: #fff;
    border: 2px solid #94a3b8;
    border-radius: 12px;
    overflow: hidden;
}
body :is(.article__fulltext, .article-body, .p1-svc-content, .p1-about-story__content, .about-text-content, .content-body, .post-blocks, .page-blocks, .content-blocks, .content-block-item .block-text, .html-content, [class*="-html-content"], .pd-desc, #desc_pane, .tab-pane .html-content) table :is(th, td) {
    width: auto !important;
    padding: 10px 12px;
    border-width: 0;
    border-style: solid;
    border-color: #cbd5e1;
    border-right-width: 1px;
    border-bottom-width: 1px;
    box-shadow: none;
    vertical-align: middle;
    text-align: left !important;
    font-size: inherit;
    word-break: break-word;
    background-clip: padding-box;
}
body :is(.article__fulltext, .article-body, .p1-svc-content, .p1-about-story__content, .about-text-content, .content-body, .post-blocks, .page-blocks, .content-blocks, .content-block-item .block-text, .html-content, [class*="-html-content"], .pd-desc, #desc_pane, .tab-pane .html-content) table tr > *:last-child { border-right-width: 0; }
body :is(.article__fulltext, .article-body, .p1-svc-content, .p1-about-story__content, .about-text-content, .content-body, .post-blocks, .page-blocks, .content-blocks, .content-block-item .block-text, .html-content, [class*="-html-content"], .pd-desc, #desc_pane, .tab-pane .html-content) table tr:last-child > * { border-bottom-width: 0; }
body :is(.article__fulltext, .article-body, .p1-svc-content, .p1-about-story__content, .about-text-content, .content-body, .post-blocks, .page-blocks, .content-blocks, .content-block-item .block-text, .html-content, [class*="-html-content"], .pd-desc, #desc_pane, .tab-pane .html-content) table thead :is(th, td),
body :is(.article__fulltext, .article-body, .p1-svc-content, .p1-about-story__content, .about-text-content, .content-body, .post-blocks, .page-blocks, .content-blocks, .content-block-item .block-text, .html-content, [class*="-html-content"], .pd-desc, #desc_pane, .tab-pane .html-content) table:not(:has(thead)) > tbody > tr:first-child > *,
body :is(.article__fulltext, .article-body, .p1-svc-content, .p1-about-story__content, .about-text-content, .content-body, .post-blocks, .page-blocks, .content-blocks, .content-block-item .block-text, .html-content, [class*="-html-content"], .pd-desc, #desc_pane, .tab-pane .html-content) table th {
    font-weight: 700;
    color: var(--p1-text, #14213d);
    background: var(--p1-bg-alt, #eef3fb) !important;
}
body :is(.article__fulltext, .article-body, .p1-svc-content, .p1-about-story__content, .about-text-content, .content-body, .post-blocks, .page-blocks, .content-blocks, .content-block-item .block-text, .html-content, [class*="-html-content"], .pd-desc, #desc_pane, .tab-pane .html-content) table tbody tr > td:first-child { font-weight: 700; color: var(--p1-text, #14213d); }
body :is(.article__fulltext, .article-body, .p1-svc-content, .p1-about-story__content, .about-text-content, .content-body, .post-blocks, .page-blocks, .content-blocks, .content-block-item .block-text, .html-content, [class*="-html-content"], .pd-desc, #desc_pane, .tab-pane .html-content) table tbody tr:nth-child(even) > td { background: #f8fafc; }
body :is(.article__fulltext, .article-body, .p1-svc-content, .p1-about-story__content, .about-text-content, .content-body, .post-blocks, .page-blocks, .content-blocks, .content-block-item .block-text, .html-content, [class*="-html-content"], .pd-desc, #desc_pane, .tab-pane .html-content) table tbody tr:first-child > td:first-child:is(:only-child) { font-weight: inherit; }
body :is(.article__fulltext, .article-body, .p1-svc-content, .p1-about-story__content, .about-text-content, .content-body, .post-blocks, .page-blocks, .content-blocks, .content-block-item .block-text, .html-content, [class*="-html-content"], .pd-desc, #desc_pane, .tab-pane .html-content) table p { margin: 0 !important; }
body :is(.article__fulltext, .article-body, .p1-svc-content, .p1-about-story__content, .about-text-content, .content-body, .post-blocks, .page-blocks, .content-blocks, .content-block-item .block-text, .html-content, [class*="-html-content"], .pd-desc, #desc_pane, .tab-pane .html-content) table img { margin: 0 !important; max-width: 100%; height: auto; }
body :is(.article__fulltext, .article-body, .p1-svc-content, .p1-about-story__content, .about-text-content, .content-body, .post-blocks, .page-blocks, .content-blocks, .content-block-item .block-text, .html-content, [class*="-html-content"], .pd-desc, #desc_pane, .tab-pane .html-content) table :is(h1, h2, h3, h4, h5, h6) { font-size: inherit !important; margin: 0 !important; }
@media (max-width: 767px) {
    body :is(.article__fulltext, .article-body, .p1-svc-content, .p1-about-story__content, .about-text-content, .content-body, .post-blocks, .page-blocks, .content-blocks, .content-block-item .block-text, .html-content, [class*="-html-content"], .pd-desc, #desc_pane, .tab-pane .html-content) table { display: block; overflow-x: auto; font-size: 13.5px; -webkit-overflow-scrolling: touch; }
    body :is(.article__fulltext, .article-body, .p1-svc-content, .p1-about-story__content, .about-text-content, .content-body, .post-blocks, .page-blocks, .content-blocks, .content-block-item .block-text, .html-content, [class*="-html-content"], .pd-desc, #desc_pane, .tab-pane .html-content) table :is(th, td) { padding: 8px 9px; }
}