/* KC Thanh Hoa - Font và footer kiểu moit.gov.vn, cập nhật 10/06/2026 */
:root{
    --kc-moit-blue:#3d5f9f;
    --kc-moit-text:#164397;
    --kc-body-font: Arial, Helvetica, sans-serif;
}
html, body{
    font-family:var(--kc-body-font) !important;
    font-size:16px !important;
    line-height:1.55 !important;
    color:#1d3557 !important;
}
body,
button,
input,
select,
textarea{
    font-family:var(--kc-body-font) !important;
}
.content-center,
.content-center p,
.content-center li,
.category-list,
.category-list p,
.detail-content,
.detail-content p,
.content-detail,
.content-detail p,
.home-zone-rich-card-body p,
.home-main-news-summary,
.home-hotnews-summary,
.article-summary{
    font-size:16px !important;
    line-height:1.58 !important;
}
a,
.home-zone-rich-card-body h4 a,
.home-main-news-title,
.home-hotnews-title,
.category-news-title,
.article-title,
.detail-title{
    font-weight:700 !important;
}
.home-zone-rich-card-body h4,
.home-zone-rich-card-body h4 a,
.category-news-title,
.side-latest-name{
    font-size:16px !important;
    line-height:1.42 !important;
}
.home-main-news-title,
.home-hotnews-title,
.detail-title,
.content-title h1,
.article-detail-title{
    font-size:24px !important;
    line-height:1.32 !important;
}
.home-zone-rich-head h2,
.home-media-title h2,
.category-title,
.zone-title{
    font-size:21px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
}
.main-menu-wrap a,
.primary-menu-host a,
.menu-home-link{
    font-size:15px !important;
    font-weight:700 !important;
}
.topbar-live-datetime,
.topbar-search-mini input{
    font-size:14px !important;
}

/* Footer mới: hàng banner nền xanh, bên dưới thông tin căn giữa nền trắng */
.footer-main.footer-main--moit,
.footer-main--moit{
    width:var(--kc-body-width, 1200px) !important;
    max-width:calc(100vw - var(--kc-body-gutter, 24px)) !important;
    margin:0 auto !important;
    padding:0 !important;
    background:#ffffff !important;
    color:var(--kc-moit-text) !important;
    box-shadow:0 0 0 1px #e3e8ef !important;
    overflow:hidden !important;
}
.footer-main--moit .site-shell,
.footer-main--moit .footer-link-banner-shell,
.footer-main--moit .footer-info-shell{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
}
.footer-main--moit .footer-link-banner-section{
    background:var(--kc-moit-blue) !important;
    padding:30px 34px 34px !important;
}
.footer-main--moit .footer-link-banner-grid{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:20px 26px !important;
    align-items:center !important;
}
.footer-main--moit .footer-link-banner-item{
    display:flex !important;
    align-items:stretch !important;
    justify-content:center !important;
    height:62px !important;
    min-height:62px !important;
    max-height:62px !important;
    background:#ffffff !important;
    border-radius:0 !important;
    overflow:hidden !important;
    text-decoration:none !important;
    box-shadow:none !important;
}
.footer-main--moit .footer-link-banner-item img{
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    max-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
    transition:transform .35s ease !important;
}
.footer-main--moit .footer-link-banner-item:hover img{
    transform:scale(1.04) !important;
}
.footer-main--moit .footer-info-section{
    background:#ffffff !important;
    padding:34px 24px 24px !important;
    text-align:center !important;
    color:var(--kc-moit-text) !important;
}
.footer-main--moit .footer-info-shell{
    max-width:960px !important;
    margin:0 auto !important;
}
.footer-main--moit h2{
    margin:0 0 12px !important;
    color:var(--kc-moit-text) !important;
    font-size:18px !important;
    line-height:1.4 !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
    letter-spacing:.2px !important;
}
.footer-main--moit p,
.footer-main--moit div,
.footer-main--moit span,
.footer-main--moit a,
.footer-main--moit li{
    color:var(--kc-moit-text) !important;
    font-size:15px !important;
    line-height:1.65 !important;
}
.footer-main--moit p{
    margin:4px 0 !important;
}
.footer-main--moit span{
    font-weight:400 !important;
}
.footer-main--moit .footer-inline-sep{
    margin-left:12px !important;
}
.footer-main--moit .footer-extra-html{
    margin-top:8px !important;
}
.footer-main--moit .footer-extra-html *{
    color:var(--kc-moit-text) !important;
    text-align:center !important;
}
.footer-main--moit .footer-logo-grid,
.footer-main--moit .footer-cols,
.footer-main--moit .footer-box{
    display:initial !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
}
@media (max-width:900px){
    html, body{font-size:15px !important;}
    .footer-main--moit .footer-link-banner-section{padding:22px 18px !important;}
    .footer-main--moit .footer-link-banner-grid{grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:14px !important;}
    .footer-main--moit .footer-link-banner-item{height:58px !important; min-height:58px !important; max-height:58px !important;}
    .footer-main--moit .footer-link-banner-item img{width:100% !important; height:100% !important; min-height:100% !important; max-height:100% !important; object-fit:cover !important; object-position:center center !important;}
}
@media (max-width:560px){
    .home-main-news-title,
    .home-hotnews-title,
    .detail-title,
    .content-title h1,
    .article-detail-title{font-size:21px !important;}
    .footer-main--moit .footer-link-banner-grid{grid-template-columns:1fr !important;}
    .footer-main--moit .footer-info-section{padding:26px 14px 20px !important;}
    .footer-main--moit .footer-inline-sep{display:block !important; margin-left:0 !important;}
}


/* =========================================================
   FIX 10/06/2026 - Font Tin phụ TIN CHÍNH + Tin ảnh chuyên mục
   Mục tiêu:
   - Tin phụ trong khối TIN CHÍNH đọc rõ hơn, không bé quá.
   - Tin ảnh nhỏ ở các chuyên mục cân đối hơn.
   - Tiêu đề dài không bị ngày tháng năm che/lấn.
   ========================================================= */

/* Tin phụ của khối TIN CHÍNH */
html body .kc-home-top-two-blocks .kc-home-top-sub-news,
html body .kc-home-top-moit-news .kc-home-top-sub-news{
    gap:10px !important;
}

html body .kc-home-top-two-blocks .kc-home-top-sub-news a,
html body .kc-home-top-moit-news .kc-home-top-sub-news a{
    display:grid !important;
    grid-template-columns:112px minmax(0,1fr) !important;
    gap:11px !important;
    align-items:center !important;
    min-height:72px !important;
    padding:7px 8px !important;
    overflow:hidden !important;
}

html body .kc-home-top-two-blocks .kc-home-top-sub-thumb,
html body .kc-home-top-moit-news .kc-home-top-sub-thumb{
    width:112px !important;
    height:68px !important;
    min-width:112px !important;
    border-radius:4px !important;
    overflow:hidden !important;
    display:block !important;
    background:#eef2f7 !important;
}

html body .kc-home-top-two-blocks .kc-home-top-sub-thumb img,
html body .kc-home-top-moit-news .kc-home-top-sub-thumb img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
}

html body .kc-home-top-two-blocks .kc-home-top-sub-title,
html body .kc-home-top-moit-news .kc-home-top-sub-title{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:3 !important;
    overflow:hidden !important;
    white-space:normal !important;
    font-size:15.5px !important;
    line-height:1.38 !important;
    font-weight:700 !important;
    color:#123f7a !important;
    letter-spacing:-0.01em !important;
}

/* Tin ảnh nhỏ ở các chuyên mục trang chủ */
html body .home-zones-stack.home-zones-masonry-safe .home-zone-rich-card,
html body .home-zone-rich-card{
    display:grid !important;
    grid-template-columns:112px minmax(0,1fr) !important;
    gap:11px !important;
    align-items:start !important;
    min-height:78px !important;
    padding:8px 0 !important;
    overflow:visible !important;
}

html body .home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-thumb,
html body .home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-thumb img,
html body .home-zone-rich-card-thumb,
html body .home-zone-rich-card-thumb img{
    width:112px !important;
    height:70px !important;
    max-height:70px !important;
    min-width:112px !important;
    object-fit:cover !important;
    border-radius:4px !important;
}

html body .home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-body,
html body .home-zone-rich-card-body{
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
    padding:0 !important;
    overflow:visible !important;
    position:static !important;
}

html body .home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-body h4,
html body .home-zones-stack.home-zones-masonry-safe .home-zone-rich-card h4,
html body .home-zone-rich-card-body h4,
html body .home-zone-rich-card h4{
    display:block !important;
    margin:0 0 5px 0 !important;
    padding:0 !important;
    font-size:15.5px !important;
    line-height:1.36 !important;
    font-weight:700 !important;
    max-height:none !important;
    overflow:visible !important;
    position:static !important;
}

html body .home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-body h4 a,
html body .home-zone-rich-card-body h4 a{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
    white-space:normal !important;
    color:#123f7a !important;
    text-decoration:none !important;
}

html body .home-zones-stack.home-zones-masonry-safe .home-zone-rich-date,
html body .home-zone-rich-date{
    display:block !important;
    position:static !important;
    clear:both !important;
    margin:2px 0 0 0 !important;
    padding:0 !important;
    font-size:12.5px !important;
    line-height:1.35 !important;
    color:#64748b !important;
    font-weight:500 !important;
    background:transparent !important;
    white-space:nowrap !important;
}

/* Trang chuyên mục /Chuyen-muc/[id]: ảnh và tiêu đề danh sách bài */
html body .category-public-layout .list-item-modern{
    display:grid !important;
    grid-template-columns:190px minmax(0,1fr) !important;
    gap:16px !important;
    align-items:start !important;
    overflow:visible !important;
}

html body .category-public-layout .list-item-modern .thumb,
html body .category-public-layout .list-item-modern .thumb img{
    width:190px !important;
    height:120px !important;
    max-height:120px !important;
    object-fit:cover !important;
    border-radius:5px !important;
    overflow:hidden !important;
}

html body .category-public-layout .list-item-modern .body{
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
    overflow:visible !important;
    position:static !important;
}

html body .category-public-layout .list-item-modern .body h3{
    margin:0 0 6px 0 !important;
    padding:0 !important;
    font-size:18px !important;
    line-height:1.38 !important;
    font-weight:700 !important;
    position:static !important;
    overflow:visible !important;
}

html body .category-public-layout .list-item-modern .body h3 a{
    display:block !important;
    color:#123f7a !important;
    text-decoration:none !important;
    white-space:normal !important;
    overflow:visible !important;
}

html body .category-public-layout .list-item-modern .article-date{
    display:block !important;
    position:static !important;
    margin:0 0 8px 0 !important;
    padding:0 !important;
    font-size:13.5px !important;
    line-height:1.35 !important;
    color:#64748b !important;
    background:transparent !important;
    clear:both !important;
}

/* Mobile */
@media (max-width:768px){
    html body .kc-home-top-two-blocks .kc-home-top-sub-news a,
    html body .kc-home-top-moit-news .kc-home-top-sub-news a,
    html body .home-zones-stack.home-zones-masonry-safe .home-zone-rich-card,
    html body .home-zone-rich-card{
        grid-template-columns:96px minmax(0,1fr) !important;
        gap:9px !important;
    }

    html body .kc-home-top-two-blocks .kc-home-top-sub-thumb,
    html body .kc-home-top-moit-news .kc-home-top-sub-thumb,
    html body .kc-home-top-two-blocks .kc-home-top-sub-thumb img,
    html body .kc-home-top-moit-news .kc-home-top-sub-thumb img,
    html body .home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-thumb,
    html body .home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-thumb img,
    html body .home-zone-rich-card-thumb,
    html body .home-zone-rich-card-thumb img{
        width:96px !important;
        min-width:96px !important;
        height:62px !important;
        max-height:62px !important;
    }

    html body .kc-home-top-two-blocks .kc-home-top-sub-title,
    html body .kc-home-top-moit-news .kc-home-top-sub-title,
    html body .home-zones-stack.home-zones-masonry-safe .home-zone-rich-card-body h4,
    html body .home-zone-rich-card-body h4{
        font-size:14.5px !important;
    }

    html body .category-public-layout .list-item-modern{
        grid-template-columns:120px minmax(0,1fr) !important;
        gap:10px !important;
    }

    html body .category-public-layout .list-item-modern .thumb,
    html body .category-public-layout .list-item-modern .thumb img{
        width:120px !important;
        height:78px !important;
        max-height:78px !important;
    }

    html body .category-public-layout .list-item-modern .body h3{
        font-size:15.5px !important;
        line-height:1.35 !important;
    }

    html body .category-public-layout .list-item-modern .article-date{
        font-size:12.5px !important;
    }
}


/* =========================================================
   FIX 10/06/2026 - Tăng tiêu đề/tóm tắt tin ảnh lớn chuyên mục
   + làm gọn nút Xem chi tiết trong /Bai-viet/[id]
   ========================================================= */

/* Tin ảnh lớn của các chuyên mục trên trang chủ */
html body .home-zone-feature-title,
html body .home-zone-feature-title a,
html body .zone-feature-title,
html body .zone-feature-title a,
html body .home-zone-main-title,
html body .home-zone-main-title a,
html body .home-zone-large-title,
html body .home-zone-large-title a,
html body .home-zone-feature h3,
html body .home-zone-feature h3 a,
html body .home-zone-main h3,
html body .home-zone-main h3 a,
html body .zone-main-news h3,
html body .zone-main-news h3 a,
html body .home-zones-stack .home-zone-feature-card h3,
html body .home-zones-stack .home-zone-feature-card h3 a {
    font-size: 20px !important;
    line-height: 1.34 !important;
    font-weight: 700 !important;
    color: #123f7a !important;
    letter-spacing: -0.01em !important;
}

html body .home-zone-feature-summary,
html body .zone-feature-summary,
html body .home-zone-main-summary,
html body .home-zone-large-summary,
html body .home-zone-feature .summary,
html body .home-zone-main .summary,
html body .zone-main-news .summary,
html body .home-zones-stack .home-zone-feature-card .summary,
html body .home-zones-stack .home-zone-feature-card p {
    font-size: 15.5px !important;
    line-height: 1.55 !important;
    color: #334155 !important;
    margin-top: 7px !important;
}

/* Ảnh lớn chuyên mục cân đối hơn một chút */
html body .home-zone-feature-card img,
html body .home-zone-feature img,
html body .home-zone-main img,
html body .zone-main-news img,
html body .home-zone-large-thumb img {
    width: 100% !important;
    object-fit: cover !important;
}

/* Nút Xem chi tiết trong trang bài viết chi tiết */
html body .article-detail a.btn,
html body .article-detail .btn,
html body .article-detail a[class*="detail"],
html body .article-detail a[class*="more"],
html body .article-detail a:has(> span),
html body .post-detail a.btn,
html body .content-detail a.btn,
html body .detail-content a.btn,
html body a.btn-read-more,
html body a.read-more,
html body .btn-xemchitiet,
html body .xem-chi-tiet,
html body .view-detail,
html body .article-readmore {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: max-content !important;
    height: auto !important;
    padding: 7px 14px !important;
    border-radius: 999px !important;
    font-size: 13.5px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    background: #1f5597 !important;
    color: #fff !important;
    border: 1px solid rgba(31, 85, 151, 0.18) !important;
    box-shadow: 0 2px 7px rgba(15, 23, 42, 0.12) !important;
    white-space: nowrap !important;
    margin: 8px 0 !important;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}

html body .article-detail a.btn:hover,
html body .article-detail .btn:hover,
html body .post-detail a.btn:hover,
html body .content-detail a.btn:hover,
html body .detail-content a.btn:hover,
html body a.btn-read-more:hover,
html body a.read-more:hover,
html body .btn-xemchitiet:hover,
html body .xem-chi-tiet:hover,
html body .view-detail:hover,
html body .article-readmore:hover {
    transform: translateY(-1px) !important;
    background: #174a86 !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.16) !important;
}

/* Trường hợp nút đang bị CSS cũ kéo full ngang */
html body .article-detail .btn-block,
html body .post-detail .btn-block,
html body .content-detail .btn-block,
html body .detail-content .btn-block {
    display: inline-flex !important;
    width: auto !important;
}

/* Mobile */
@media (max-width: 768px) {
    html body .home-zone-feature-title,
    html body .home-zone-feature-title a,
    html body .zone-feature-title,
    html body .zone-feature-title a,
    html body .home-zone-main-title,
    html body .home-zone-main-title a,
    html body .home-zone-large-title,
    html body .home-zone-large-title a,
    html body .home-zone-feature h3,
    html body .home-zone-feature h3 a,
    html body .home-zone-main h3,
    html body .home-zone-main h3 a,
    html body .zone-main-news h3,
    html body .zone-main-news h3 a,
    html body .home-zones-stack .home-zone-feature-card h3,
    html body .home-zones-stack .home-zone-feature-card h3 a {
        font-size: 18px !important;
        line-height: 1.35 !important;
    }

    html body .home-zone-feature-summary,
    html body .zone-feature-summary,
    html body .home-zone-main-summary,
    html body .home-zone-large-summary,
    html body .home-zone-feature .summary,
    html body .home-zone-main .summary,
    html body .zone-main-news .summary,
    html body .home-zones-stack .home-zone-feature-card .summary,
    html body .home-zones-stack .home-zone-feature-card p {
        font-size: 14.5px !important;
        line-height: 1.5 !important;
    }
}


/* =========================================================
   FIX 10/06/2026 - Tóm tắt ảnh lớn chuyên mục + nút xem chi tiết
   ========================================================= */

/* Ảnh lớn chuyên mục: tránh tóm tắt bị che/lấn */
html body .home-zone-feature-card,
html body .home-zone-feature,
html body .home-zone-main,
html body .zone-main-news,
html body .home-zone-large-news {
    overflow: visible !important;
    position: relative !important;
}

html body .home-zone-feature-card .summary,
html body .home-zone-feature-card p,
html body .home-zone-feature-summary,
html body .zone-feature-summary,
html body .home-zone-main-summary,
html body .home-zone-large-summary,
html body .home-zone-feature .summary,
html body .home-zone-main .summary,
html body .zone-main-news .summary,
html body .zone-main-news p {
    display: block !important;
    position: static !important;
    overflow: hidden !important;
    white-space: normal !important;
    word-break: break-word !important;
    text-overflow: unset !important;
    max-height: none !important;
    height: auto !important;
    min-height: 46px !important;
    margin-top: 8px !important;
    padding-bottom: 6px !important;
    line-height: 1.62 !important;
}

/* Cho phép hiển thị 4 dòng đẹp */
html body .home-zone-feature-card .summary,
html body .home-zone-feature-card p,
html body .home-zone-feature-summary,
html body .zone-feature-summary,
html body .home-zone-main-summary,
html body .home-zone-large-summary,
html body .home-zone-feature .summary,
html body .home-zone-main .summary,
html body .zone-main-news .summary,
html body .zone-main-news p {
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
}

/* Nút xem chi tiết trong /Chuyen-muc/[id] */
html body .category-public-layout a.btn,
html body .category-public-layout .btn,
html body .category-public-layout a[class*="detail"],
html body .category-public-layout a[class*="more"],
html body .category-public-layout .view-detail,
html body .category-public-layout .read-more,
html body .category-public-layout .btn-xemchitiet,
html body .category-public-layout .xem-chi-tiet,
html body .category-public-layout .article-readmore {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: unset !important;
    max-width: fit-content !important;
    flex: 0 0 auto !important;
    padding: 6px 13px !important;
    margin-top: 10px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    background: #1f5597 !important;
    color: #fff !important;
    text-decoration: none !important;
    border: none !important;
    box-shadow: 0 2px 7px rgba(0,0,0,.12) !important;
    white-space: nowrap !important;
    float: none !important;
}

html body .category-public-layout a.btn:hover,
html body .category-public-layout .btn:hover,
html body .category-public-layout .view-detail:hover,
html body .category-public-layout .read-more:hover,
html body .category-public-layout .btn-xemchitiet:hover,
html body .category-public-layout .xem-chi-tiet:hover,
html body .category-public-layout .article-readmore:hover {
    background: #17467d !important;
    transform: translateY(-1px) !important;
}

/* Chặn CSS cũ kéo full width */
html body .category-public-layout .btn-block,
html body .category-public-layout .w-100,
html body .category-public-layout .full-width,
html body .category-public-layout a[style*="width:100"],
html body .category-public-layout .read-more-wrap {
    width: auto !important;
    display: inline-flex !important;
    max-width: fit-content !important;
}

/* Mobile */
@media (max-width:768px){
    html body .home-zone-feature-card .summary,
    html body .home-zone-feature-card p,
    html body .home-zone-feature-summary,
    html body .zone-feature-summary,
    html body .home-zone-main-summary,
    html body .home-zone-large-summary,
    html body .home-zone-feature .summary,
    html body .home-zone-main .summary,
    html body .zone-main-news .summary,
    html body .zone-main-news p {
        -webkit-line-clamp: 3 !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    html body .category-public-layout a.btn,
    html body .category-public-layout .btn,
    html body .category-public-layout .view-detail,
    html body .category-public-layout .read-more,
    html body .category-public-layout .btn-xemchitiet,
    html body .category-public-layout .xem-chi-tiet,
    html body .category-public-layout .article-readmore {
        padding: 5px 11px !important;
        font-size: 12.5px !important;
    }
}


/* FIX EXACT 10/06/2026: nút Xem chi tiết trang chuyên mục */
html body .category-public-layout .list-item-modern a.category-readmore-btn.btn-modern,
html body .category-public-layout a.category-readmore-btn,
html body .category-public-main a.category-readmore-btn {
    display:inline-flex!important;
    width:auto!important;
    min-width:0!important;
    max-width:118px!important;
    flex:0 0 auto!important;
    align-self:flex-start!important;
    padding:7px 14px!important;
    margin:8px 0 0 0!important;
    border-radius:18px!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:700!important;
    white-space:nowrap!important;
}


/* =========================================================
   FIX 10/06/2026 - Tóm tắt ảnh lớn chuyên mục thả tự nhiên
   Không giới hạn dòng / không fixed height
   ========================================================= */

html body .home-zone-feature-card,
html body .home-zone-feature,
html body .home-zone-main,
html body .zone-main-news,
html body .home-zone-large-news,
html body .home-zone-feature-card .body,
html body .home-zone-main .body {
    height:auto !important;
    min-height:unset !important;
    overflow:visible !important;
}

html body .home-zone-feature-card .summary,
html body .home-zone-feature-card p,
html body .home-zone-feature-summary,
html body .zone-feature-summary,
html body .home-zone-main-summary,
html body .home-zone-large-summary,
html body .home-zone-feature .summary,
html body .home-zone-main .summary,
html body .zone-main-news .summary,
html body .zone-main-news p{
    display:block !important;
    -webkit-line-clamp:unset !important;
    -webkit-box-orient:unset !important;
    max-height:none !important;
    height:auto !important;
    min-height:unset !important;
    overflow:visible !important;
    text-overflow:unset !important;
    white-space:normal !important;
    word-break:break-word !important;

    font-size:17px !important;
    line-height:1.72 !important;
    font-weight:400 !important;
    color:#334155 !important;

    margin-top:10px !important;
    padding-bottom:10px !important;
}

/* Mobile */
@media(max-width:768px){
    html body .home-zone-feature-card .summary,
    html body .home-zone-feature-card p,
    html body .home-zone-feature-summary,
    html body .zone-feature-summary,
    html body .home-zone-main-summary,
    html body .home-zone-large-summary,
    html body .home-zone-feature .summary,
    html body .home-zone-main .summary,
    html body .zone-main-news .summary,
    html body .zone-main-news p{
        font-size:15px !important;
        line-height:1.65 !important;
    }
}


/* =========================================================
   FIX CHUẨN 10/06/2026
   Tóm tắt/mô tả dưới ảnh lớn chuyên mục trang chủ
   Class thực tế: .kc-zone-featured-desc.home-zone-rich-featured-summary
   ========================================================= */
html body .home-zone-rich-featured,
html body .home-zone-rich-featured-content,
html body .home-zone-rich-body {
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
}

html body .kc-zone-featured-desc.home-zone-rich-featured-summary,
html body .home-zone-rich-featured-content .kc-zone-featured-desc,
html body .home-zone-rich-featured-content .home-zone-rich-featured-summary {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;

    -webkit-line-clamp:unset !important;
    -webkit-box-orient:unset !important;
    line-clamp:unset !important;

    white-space:normal !important;
    word-break:break-word !important;
    text-overflow:unset !important;

    font-size:17px !important;
    line-height:1.72 !important;
    font-weight:400 !important;
    color:#334155 !important;

    margin:10px 0 0 0 !important;
    padding:0 0 10px 0 !important;
}

/* Tiêu đề ảnh lớn chuyên mục tăng nhẹ cho cân đối với tóm tắt */
html body .home-zone-rich-featured-content h3,
html body .home-zone-rich-featured-content h3 a {
    font-size:21px !important;
    line-height:1.36 !important;
    font-weight:700 !important;
    overflow:visible !important;
    max-height:none !important;
    height:auto !important;
    white-space:normal !important;
}

@media(max-width:768px){
    html body .kc-zone-featured-desc.home-zone-rich-featured-summary,
    html body .home-zone-rich-featured-content .kc-zone-featured-desc,
    html body .home-zone-rich-featured-content .home-zone-rich-featured-summary {
        font-size:15.5px !important;
        line-height:1.65 !important;
    }
    html body .home-zone-rich-featured-content h3,
    html body .home-zone-rich-featured-content h3 a {
        font-size:18px !important;
    }
}


/* =========================================================
   FIX TYPOGRAPHY 10/06/2026
   Chỉnh lại tiêu đề + tóm tắt ảnh lớn chuyên mục cho cân đối
   ========================================================= */

html body .home-zone-rich-featured-content h3,
html body .home-zone-rich-featured-content h3 a{
    font-size:18.5px !important;
    line-height:1.42 !important;
    font-weight:700 !important;
    color:#123f7a !important;
    letter-spacing:-0.01em !important;
}

html body .kc-zone-featured-desc.home-zone-rich-featured-summary,
html body .home-zone-rich-featured-content .kc-zone-featured-desc,
html body .home-zone-rich-featured-content .home-zone-rich-featured-summary{
    font-size:14.5px !important;
    line-height:1.72 !important;
    font-weight:400 !important;
    color:#475569 !important;

    text-align:justify !important;
    text-justify:inter-word !important;

    margin-top:8px !important;
    padding-bottom:8px !important;

    display:block !important;
    overflow:visible !important;
    max-height:none !important;
    height:auto !important;
    white-space:normal !important;
}

/* Mobile */
@media(max-width:768px){
    html body .home-zone-rich-featured-content h3,
    html body .home-zone-rich-featured-content h3 a{
        font-size:17px !important;
        line-height:1.38 !important;
    }

    html body .kc-zone-featured-desc.home-zone-rich-featured-summary,
    html body .home-zone-rich-featured-content .kc-zone-featured-desc,
    html body .home-zone-rich-featured-content .home-zone-rich-featured-summary{
        font-size:13.5px !important;
        line-height:1.65 !important;
    }
}


/* FIX 10/06/2026: Footer logo/banner phải fill kín toàn bộ ô, không để hở nền trắng.
   Chỉ áp dụng cho khu vực footer-link-banner, không đụng PosTopRight/Tin Chính. */
.footer-main--moit .footer-link-banner-grid > .footer-link-banner-item{
    height:62px !important;
    min-height:62px !important;
    max-height:62px !important;
    padding:0 !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:stretch !important;
}
.footer-main--moit .footer-link-banner-grid > .footer-link-banner-item > img{
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    max-height:100% !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center center !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
}
@media (max-width:900px){
    .footer-main--moit .footer-link-banner-grid > .footer-link-banner-item{height:58px !important; min-height:58px !important; max-height:58px !important;}
    .footer-main--moit .footer-link-banner-grid > .footer-link-banner-item > img{height:100% !important; min-height:100% !important; max-height:100% !important; object-fit:cover !important;}
}


/* KCThanhHoa 11/06/2026 - FIX cột phải chuyên mục bị chèn lẫn chữ tiêu đề/tóm tắt.
   Nguyên nhân: các rule cũ ép max-height/line-clamp/overflow làm khối text không tự bung cao.
   Chỉ áp dụng cho home-zones-right-column để không phá layout cột trái. */
html body .home-zones-right-column .home-zone-rich,
html body .home-zones-right-column .home-zone-rich-body,
html body .home-zones-right-column .home-zone-rich-featured,
html body .home-zones-right-column .home-zone-rich-featured-content,
html body .home-zones-right-column .home-zone-rich-grid,
html body .home-zones-right-column .home-zone-rich-card,
html body .home-zones-right-column .home-zone-rich-card-body {
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    position:relative !important;
    box-sizing:border-box !important;
}

html body .home-zones-right-column .home-zone-rich-featured-content {
    display:block !important;
    padding-bottom:8px !important;
}

html body .home-zones-right-column .home-zone-rich-featured-content h3,
html body .home-zones-right-column .home-zone-rich-featured-content h3 a,
html body .home-zones-right-column .home-zone-rich-card-body h4,
html body .home-zones-right-column .home-zone-rich-card-body h4 a {
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    white-space:normal !important;
    text-overflow:unset !important;
    -webkit-line-clamp:unset !important;
    line-clamp:unset !important;
    -webkit-box-orient:unset !important;
    position:static !important;
    clear:both !important;
    margin-top:0 !important;
    margin-bottom:6px !important;
    padding:0 !important;
    line-height:1.36 !important;
}

html body .home-zones-right-column .kc-zone-featured-desc,
html body .home-zones-right-column .home-zone-rich-featured-summary,
html body .home-zones-right-column .home-zone-rich-card-body p {
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    white-space:normal !important;
    text-overflow:unset !important;
    -webkit-line-clamp:unset !important;
    line-clamp:unset !important;
    position:static !important;
    clear:both !important;
    margin:4px 0 8px 0 !important;
    padding:0 !important;
    line-height:1.55 !important;
}

html body .home-zones-right-column .home-zone-rich-date,
html body .home-zones-right-column .home-zone-rich-meta {
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    position:static !important;
    clear:both !important;
    margin:4px 0 0 0 !important;
    line-height:1.3 !important;
}

html body .home-zones-right-column .home-zone-rich-card {
    display:grid !important;
    grid-template-columns:112px minmax(0,1fr) !important;
    align-items:start !important;
    gap:10px !important;
    padding:8px 0 !important;
    border-bottom:1px solid #e5e7eb !important;
}

html body .home-zones-right-column .home-zone-rich-card-thumb {
    width:112px !important;
    height:72px !important;
    min-width:112px !important;
    min-height:72px !important;
    max-height:72px !important;
    overflow:hidden !important;
    display:block !important;
    grid-column:1 !important;
}

html body .home-zones-right-column .home-zone-rich-card-thumb img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
}

html body .home-zones-right-column .home-zone-rich-card-body {
    grid-column:2 !important;
    display:block !important;
    min-width:0 !important;
    padding:0 !important;
}

html body .home-zones-right-column .home-zone-rich-featured-thumb {
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    overflow:hidden !important;
}

html body .home-zones-right-column .home-zone-rich-featured-thumb img {
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:cover !important;
}

/* Trường hợp màn hình rất hẹp thì chuyển card về 1 cột để không đè chữ. */
@media (max-width: 768px) {
    html body .home-zones-right-column .home-zone-rich-card {
        grid-template-columns:1fr !important;
    }
    html body .home-zones-right-column .home-zone-rich-card-thumb,
    html body .home-zones-right-column .home-zone-rich-card-thumb img {
        width:100% !important;
        height:auto !important;
        max-height:none !important;
    }
}


html body .kc-right-zone-no-overlap .home-zone-rich-featured-content h3,
html body .kc-right-zone-no-overlap .home-zone-rich-featured-content h3 a,
html body .kc-right-zone-no-overlap .home-zone-rich-card-body h4,
html body .kc-right-zone-no-overlap .home-zone-rich-card-body h4 a,
html body .kc-right-zone-no-overlap .home-zone-rich-card-body p,
html body .kc-right-zone-no-overlap .home-zone-rich-date {
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    position:static !important;
    display:block !important;
    white-space:normal !important;
    text-overflow:unset !important;
    -webkit-line-clamp:unset !important;
    line-clamp:unset !important;
    clear:both !important;
}


/* KCThanhHoa 11/06/2026 - tăng font tóm tắt cột phải chuyên mục cho đồng bộ cột trái */
html body .home-zones-right-column .home-zone-rich-copy p,
html body .home-zones-right-column .home-zone-rich-head p,
html body .home-zones-right-column .home-zone-rich-featured-summary,
html body .home-zones-right-column .kc-zone-featured-desc,
html body .home-zones-right-column .home-zone-rich-card-body p,
html body .kc-right-zone-no-overlap .home-zone-rich-copy p,
html body .kc-right-zone-no-overlap .home-zone-rich-head p,
html body .kc-right-zone-no-overlap .home-zone-rich-featured-summary,
html body .kc-right-zone-no-overlap .kc-zone-featured-desc,
html body .kc-right-zone-no-overlap .home-zone-rich-card-body p {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15.5px !important;
    line-height: 1.58 !important;
    font-weight: 400 !important;
    color: #334155 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: unset !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
}

/* Mô tả ngay dưới tiêu đề chuyên mục bên phải: rõ hơn một chút */
html body .home-zones-right-column .home-zone-rich-copy p,
html body .home-zones-right-column .home-zone-rich-head p,
html body .kc-right-zone-no-overlap .home-zone-rich-copy p,
html body .kc-right-zone-no-overlap .home-zone-rich-head p {
    font-size: 16px !important;
    line-height: 1.55 !important;
    margin-top: 4px !important;
    margin-bottom: 0 !important;
}

/* Tiêu đề cột phải đồng bộ cột trái */
html body .home-zones-right-column .home-zone-rich-copy h2,
html body .home-zones-right-column .home-zone-rich-copy h2 *,
html body .kc-right-zone-no-overlap .home-zone-rich-copy h2,
html body .kc-right-zone-no-overlap .home-zone-rich-copy h2 * {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.32 !important;
    font-weight: 700 !important;
}