body {
    font-family: 'Instrument Sans', 'Mulish', 'Manrope', sans-serif;
    background: var(--backgroundneutral-50);
    background: var(--backgroundneutral-50);
    font-size: 16px;
    overflow-y: overlay;
    overflow-x: hidden;
}

.post-detail ul {
    box-sizing: border-box;
    list-style-type: revert;
    margin: revert;
    padding: revert;
}

.post-detail a {
    color: var(--primaryf-learning-orange800);
    transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms ease-in-out;
    will-change: transform;


}

.post-detail a::after {
    content: "\00A0"; /* khoảng trắng không ngắt dòng */
}

.post-detail a:hover {
    color: var(--baseblack-50-0key);
}

.post-detail p {
    white-space: pre-wrap;
}

/*.post-detail h1,*/
/*.post-detail h2,*/
/*.post-detail h3,*/
/*.post-detail h4,*/
/*.post-detail h5,*/
/*.post-detail h6 {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    font-family: "Instrument Sans", Helvetica;*/
/*    font-style: normal;*/
/*    font-weight: 600;*/
/*    letter-spacing: 0px;*/
/*    color: var(--typefaceheading);*/
/*}*/

/*.post-detail h1 {*/
/*    font-size: var(--heading-h1-font-size);*/
/*    line-height: var(--heading-h1-line-height);*/
/*    padding: 0.75em 0 0.4em;*/
/*    margin-bottom: 0.5em;*/
/*}*/

/*.post-detail h2 {*/
/*    font-size: var(--heading-h2-font-size);*/
/*    line-height: var(--heading-h2-line-height);*/
/*    padding: 0.7em 0 0.4em;*/
/*    margin-bottom: 0.5em;*/
/*    border-bottom: 1px solid #eee;*/
/*}*/

/*.post-detail h3 {*/
/*    font-size: var(--heading-h3-font-size);*/
/*    line-height: var(--heading-h3-line-height);*/
/*    padding: 0.65em 0 0.35em;*/
/*    margin-bottom: 0.4em;*/
/*}*/

/*.post-detail h4 {*/
/*    font-size: var(--heading-h4-font-size);*/
/*    line-height: var(--heading-h4-line-height);*/
/*    padding: 0.6em 0 0.3em;*/
/*    margin-bottom: 0.3em;*/
/*}*/

/*.post-detail h5 {*/
/*    font-size: var(--heading-h5-font-size);*/
/*    line-height: var(--heading-h5-line-height);*/
/*    padding: 0.55em 0 0.25em;*/
/*    margin-bottom: 0.2em;*/
/*}*/

/*.post-detail h6 {*/
/*    font-size: var(--heading-h6-font-size);*/
/*    line-height: var(--heading-h6-line-height);*/
/*    padding: 0.5em 0 0.2em;*/
/*    margin-bottom: 0.1em;*/
/*    color: var(--typefaceparagraph);*/
/*}*/

/*@media (max-width: 1024px) {*/
/*    .post-detail h1 {*/
/*        padding: 0.7em 0 0.35em;*/
/*    }*/
/*    .post-detail h2 {*/
/*        padding: 0.65em 0 0.35em;*/
/*    }*/
/*    .post-detail h3 {*/
/*        padding: 0.6em 0 0.3em;*/
/*    }*/
/*}*/

/*@media (max-width: 640px) {*/
/*    .post-detail h1 {*/
/*        padding: 0.65em 0 0.3em;*/
/*    }*/
/*    .post-detail h2 {*/
/*        padding: 0.6em 0 0.3em;*/
/*        border-bottom-width: 0.5px;*/
/*    }*/
/*    .post-detail h3 {*/
/*        padding: 0.55em 0 0.25em;*/
/*    }*/
/*    .post-detail h4 {*/
/*        padding: 0.5em 0 0.2em;*/
/*    }*/
/*}*/
.post-detail {
    overflow: hidden;
}

/* Tiêu đề trong bài viết */
.post-detail h1,
.post-detail h2,
.post-detail h3,
.post-detail h4,
.post-detail h5,
.post-detail h6 {
    font-weight: 700; /* Đậm như WP mặc định */
    margin-top: 1.5em; /* Khoảng cách trên */
    margin-bottom: 0.5em; /* Khoảng cách dưới */
    line-height: 1.3; /* Tăng readability */
    color: #111; /* Màu chữ tối */
    word-break: break-word; /* Tránh tràn dòng dài */
}

/* Có thể thêm size chuẩn WP */
.post-detail h1 {
    font-size: 2.25em;
}

.post-detail h2 {
    font-size: 1.875em;
}

.post-detail h3 {
    font-size: 1.5em;
}

.post-detail h4 {
    font-size: 1.25em;
}

.post-detail h5 {
    font-size: 1em;
}

.post-detail h6 {
    font-size: 0.875em;
}


/* Paragraph */
.post-detail p {
    margin-bottom: 1em;
}

/* Danh sách */
.post-detail ul,
.post-detail ol {
    margin-left: 1.5em;
    margin-bottom: 1em;
}

/* Liên kết */
.post-detail a {
    color: #0073aa;
    text-decoration: underline;
}

.post-detail a:hover,
.post-detail a:focus {
    color: #005177;
    text-decoration: none;
}


/* Responsive video embed */
.post-detail iframe {
    max-width: 100%;
    height: auto;
}

/* Giữ nguyên các khoảng trắng trong bài viết */
.post-detail strong {
    font-weight: 600;
}

.post-detail em {
    font-style: italic;
}

.post-detail p {
    margin: 28px auto;
    max-width: 840px;
    font-size: 1rem;
}

.image-border-cta {
    border: solid 16px transparent;
    border-radius: 30px;
    border-image-slice: 20;
    border-image-repeat: round;
}

.image-border-cta {
    border-image-source: url('/images/desktop.svg');
}

@media (max-width: 640px) {
    .image-border-cta {
        border-image-source: url('/images/Mobile.svg');
    }

}


.image-border-box, .image-border-blue, .image-border-green {
    border: solid 10px transparent;
    border-radius: 30px;
    border-image-slice: 20;
    border-image-repeat: round;
}

@media (min-width: 768px) {
    .image-border-box, .image-border-blue, .image-border-green {
        border-width: 15px;
        border-radius: 30px;
        border-image-slice: 20;
    }
}

.image-border-box {
    border-image-source: url('/images/Text.svg');
}

.image-border-blue {
    border-image-source: url('/images/Card2-BG.svg');
}

.image-border-green {
    border-image-source: url('/images/Card3 BG.svg');
}

[data-render="description"] a {
    color: var(--primaryf-learning-orange800) !important;
    transition: color 0.3s; /* hiệu ứng chuyển màu */
}