.hidden{display:none !important}
.timeline-item{background:#fff;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:3px;padding:12px;margin:10px auto;min-height:138px}@keyframes placeHolderShimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.animated-background{animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:#f6f7f8;background:linear-gradient(to right,#eeeeee 8%,#dddddd 18%,#eeeeee 33%);background-size:800px 104px;height:130px;position:relative}.background-masker{background:#fff;position:absolute}.background-masker.header-top{top:0;left:33.3333%;right:0;height:10px}.background-masker.header-left{top:10px;left:33.3333%;width:15px;height:20px}.background-masker.header-right{top:10px;left:90%;right:0;height:20px}.background-masker.header-bottom{top:30px;left:33.3333%;right:0;height:10px}.background-masker.header-2-left{top:40px;left:33.3333%;width:15px;height:20px}.background-masker.header-2-right{top:40px;left:65%;right:0;height:20px}.background-masker.header-2-bottom{top:60px;left:33.3333%;right:0;height:15px}.background-masker.meta-left{top:75px;left:33.3333%;width:15px;height:8px}.background-masker.meta-right{top:75px;left:55%;right:0;height:8px}.background-masker.meta-bottom{top:83px;left:33.3333%;right:0;height:15px}.background-masker.description-left{top:98px;left:33.3333%;width:15px;height:12px}.background-masker.description-right{top:98px;left:95%;right:0;height:12px}.background-masker.description-bottom{top:110px;left:33.3333%;right:0;height:8px}.background-masker.description-2-left{top:118px;left:33.3333%;width:15px;height:12px}.background-masker.description-2-right{top:118px;left:87%;right:0;height:12px}.background-masker.description-2-bottom{top:130px;left:33.3333%;right:0;height:8px}.background-masker.description-3-left{top:138px;left:33.3333%;width:15px;height:4px}.background-masker.description-3-right{top:138px;left:100%;right:0;height:12px}.background-masker.description-3-bottom{top:150px;left:33.3333%;right:0;bottom:0}
.popUp.binhLuan{border:1px solid red}.popUp.active{pointer-events:auto;opacity:1}.popUp{pointer-events:none;opacity:0;z-index:301;position:fixed;transition:.5s ease-in-out}.popUp .bg{position:fixed;z-index:333;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.6)}.popUp.binhLuan .popupContent{width:600px;top:65px;padding:25px 30px 30px;border:1px solid red;background-color:#fff}.popUp .popupContent{left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);position:absolute;z-index:5;z-index:999;position:fixed}.popUp.binhLuan .popupContent .title{font:20px/28px RobotoBold;color:red;font-family:"Asap Condensed",Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:700}.popUp.binhLuan .popupContent .form{margin:25px -30px 0;padding:15px 30px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.popUp.binhLuan .popupContent .btnClick{margin-top:15px;font-size:0;text-align:right}.popUp.binhLuan .popupContent .btnClick a{display:inline-block;width:85px;height:40px;text-align:center;font:15px/40px RobotoMedium;border:1px #e5e5e5 solid;margin-left:10px;border-radius:5px;font-weight:700;font-family:"Asap Condensed",Arial,"Helvetica Neue",Helvetica,sans-serif}.popUp.binhLuan .popupContent .btnClick a:last-child{background-color:red;border-color:red;color:#fff;font-weight:700}.popUp.binhLuan .popupContent .form .box input{height:40px;font:15px/40px;border:1px solid #e5e5e5;border-radius:5px;width:100%;padding:0 10px;font-family:"Asap Condensed",Arial,"Helvetica Neue",Helvetica,sans-serif}.has-error em{color:red}.btn-close-comment{display:inline-block;height:31px;font-size:13px;color:#fff;padding:6px 20px;background-color:#b30013;margin-top:-10px;border-radius:4px;}.btn-send-comment{display:inline-block;height:31px;font-size:13px;color:#fff;padding:6px 20px;background-color:#0056b3;margin-top:-10px;border-radius:4px;}.btn-send-comment:hover,.btn-close-comment:hover{color:#fff}
.c-share-scroll{z-index:500}.qr-share{position:relative}.qr-share .btn-qr{display:flex;align-items:center;justify-content:center}.qr-share .btn-qr .icon-qr{display:block;margin:0}.qr-share--up .icon-qr{width:16px;height:16px}.qr-share--right .icon-qr{width:20px;height:20px}.qr-share__pop{position:absolute;width:200px;padding:10px;background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.18);text-align:center;z-index:99;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease}.qr-share__pop::after{content:"";position:absolute;border:7px solid transparent}.qr-share__img{width:180px;height:180px;margin:0 auto}.qr-share__img img{display:block;width:180px;height:180px}.qr-share__cap{display:block;margin-top:8px;font-size:12px;line-height:1.3;color:#666}.qr-share--up .qr-share__pop{left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(6px)}.qr-share--up:hover .qr-share__pop,.qr-share--up:focus-within .qr-share__pop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.qr-share--up .qr-share__pop::after{top:100%;left:50%;transform:translateX(-50%);border-top-color:#fff}.qr-share--right .qr-share__pop{left:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(6px)}.qr-share--right:hover .qr-share__pop,.qr-share--right:focus-within .qr-share__pop{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}.qr-share--right .qr-share__pop::after{right:100%;top:50%;transform:translateY(-50%);border-right-color:#fff}
/*add css new*/
a { 
    text-decoration:none !important;
    cursor:pointer;
}
/* respensive iframe*/
.onecms_video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
}

.onecms_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.c-widget__title__name > a {
    color: inherit;
}
.c-cat-list__current > a {
    color: inherit;
}
/* Tiêu đề chuyên mục (.c-cat-title-box) trỏ về chuyên mục cha; style.css chỉ tô đỏ cho
   chính thẻ h1 nên thẻ a bên trong sẽ rơi về màu link mặc định #007bff nếu không kế thừa. */
.c-cat-title-box__current > a {
    color: inherit;
}
video, audio {
    width: 100%;
}
.c-video-head__text h1 {
    font-size: 16px;
    margin-bottom: inherit;
}
.c-video-head__text a {
    color:#fff;
}
.bottom40 {
    margin-bottom: 40px
}
.c-video-head__cat li.active a{
    color: #ED1C24;
}
@charset "UTF-8";

.bg-detail.is-single .l-sidebar {
    display: none;
}

.bg-detail.is-single .l-main {
    margin-left: auto;
    margin-right: auto;
    width: auto ;
    max-width: 600px;
}

    .bg-detail.is-single .l-main .c-detail-head {
        padding: 0;
    }

    .bg-detail.is-single .l-main .c-news-detail {
        padding: 0;
    }

.onecms_live {
    padding-left: 0 !important;
}

@media (min-width: 992px) {
    .bg-detail.is-single .c-share-scroll.has-fixed {
        /*position: absolute;*/
    }

    .entry .sc-longform-header-no-bg-img {
        padding-top: 150px;
    }
}

.invisible-box {
    opacity: 0;
    pointer-events: none;
}

/*new - Loading skeleton effect*/
.onecms_load_view {
    position: relative;
    transition: opacity 0.3s ease-out;
}

.onecms_load_view.fadeout {
    opacity: 1;
}

.onecms_load_view.fadeout::after {
    animation: skeletonWave 1.4s ease infinite;
    background: linear-gradient(
        90deg,
        #efefef 25%,
        #fafafa 50%,
        #efefef 75%
    );
    background-size: 400% 100%;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.4s ease-out;
    will-change: opacity;
}

.onecms_load_view.loaded {
    opacity: 1;
}

.onecms_load_view.loaded::after {
    display: none;
}

@keyframes shimmer {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}
@keyframes skeletonWave {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0.7;
    }
    to {
        opacity: 1;
    }
}

ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}

.select2-results__option.level1 {
    font-weight: bold;
}

.select2-results__option.level2 {
    padding-left: 30px;
}

.preview-mode {
    padding-top: 50px;
}

    .preview-mode:before {
        content: "Bạn đang xem phiên bản XEM THỬ của bài viết.";
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(255,255,255,0.95);
        box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
        display: block;
        padding: 10px;
        text-align: center;
        color: #e30000;
        font-size: 22px;
        height: 50px;
    }
.js-sticky-scroll .c-news-topmore{
    max-width:300px;
}
@media(max-width:767px) {
    .preview-mode:before {
        content: "Phiên bản XEM THỬ";
    }
}
/*Xóa khoảng trống ở header khi nó được chèn trong content vì web này đã có sẵn khoảng trống*/
.entry .sc-longform-header-top-normal,
.entry .sc-longform-header-top-normal-small,
.entry .sc-longform-header-no-bg-img-normal,
.entry .sc-longform-header-default-normal,
.entry .sc-longform-header-top-normal .sc-longform-header-text,
.entry .sc-longform-header-top-normal-small .sc-longform-header-text,
.entry .sc-longform-header-no-bg-img-normal .sc-longform-header-text,
.entry .sc-longform-header-default-normal .sc-longform-header-text {
    padding-top: 0 !important;
}

.entry:not(.longform) .sc-longform-header-top-normal .sc-longform-header-text .sc-longform-header-title,
.entry:not(.longform) .sc-longform-header-top-normal-small .sc-longform-header-text .sc-longform-header-title,
.entry:not(.longform) .sc-longform-header-no-bg-img-normal .sc-longform-header-text .sc-longform-header-title,
.entry:not(.longform) .sc-longform-header-default-normal .sc-longform-header-text .sc-longform-header-title {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/*Chỉnh thông tin tác giả, ngày xuất bản*/
.entry:not(.longform) .sc-longform-header-meta {
    font-family: "Roboto",Arial,"Helvetica Neue",Helvetica,sans-serif !important;
    font-size: 14px !important;
    margin-top: 15px !important;
}

.entry:not(.longform) .sc-longform-header-author {
    color: #424242 !important;
}

.entry:not(.longform) .sc-longform-header-date {
    color: #888 !important;
}

.entry:not(.longform) .sc-text {
    font-size: 0;
}

.entry:not(.longform) .sc-text:after {
    font-size: 14px;
    display: inline;
    content: "|";
}
.sc-related-articles img {
    height: stretch !important;
}
.c-theme-video .sc-related-articles {
    background-color: inherit !important;
}
@media (max-width: 991px) {
    .c-detail-head {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

        .c-detail-head .c-share-scroll {
            top: -34px !important;
        }
}

@media (max-width: 762px) {
    .binhluancomment, .popUp.binhLuan .popupContent {
        width: 100%;
    }
}

/* Dải sự kiện đầu trang (.c-topevent) nạp qua api/events/featured nên rỗng ở lần paint đầu.
   Giữ sẵn chiều cao một dòng link, nếu không khối co xuống 14px rồi bật lên 41px khi API về
   -> nhảy layout ngay trên đầu trang chủ. Xem Views/Home/_TopEvents.cshtml. */
.c-topevent__scroll {
    min-height: 27px;
}

/* Thiết kế tĩnh để .c-special-item__title là text trơn nên style.min.css chỉ set color cho thẻ h3.
   Khối "Chuyên đề nóng" render tiêu đề thành link tới trang sự kiện, thẻ a bên trong rơi về màu
   link mặc định -> ép kế thừa lại màu trắng của tiêu đề. */
.c-special-item__title a {
    color: inherit;
    text-decoration: none;
}

/* ========================================
   Podcast — ảnh tỷ lệ 3:2 (/multimedia/podcast)
   Mẫu ép ảnh vuông từ 768px (.is-podcast.is-list-tablet .b-grid__img a { padding-top: 100% }).
   Khung nào có .is-ratio-3x2 thì ảnh rộng 150px, cao theo 3:2. Dưới 768px mẫu đã là 3:2.
   ======================================== */
@media (min-width: 768px) {
    /* .b-grid là flex: không chặn co thì ảnh bị bóp còn ~141px khi tiêu đề dài */
    .c-template-grid.is-podcast.is-list-tablet.is-ratio-3x2 .b-grid .b-grid__img {
        width: 150px;
        flex-shrink: 0;
    }

        .c-template-grid.is-podcast.is-list-tablet.is-ratio-3x2 .b-grid .b-grid__img a {
            padding-top: 66.6667%;
        }
}

/* .l-content-flex.is-sidebar-optional: cột phải có thể rỗng (vd khối đầu trang chuyên mục chỉ chứa
   quảng cáo, chuyên mục trong NoAdsChannelIds thì không render gì). Cột phải không có phần tử con nào
   -> .l-main tràn hết bề ngang, ẩn cột phải và đường kẻ dọc của .is-col-line-pc.
   Trình duyệt chưa hỗ trợ :has() bỏ qua cả rule -> giữ bố cục 2 cột như cũ. */
.l-content-flex.is-sidebar-optional:not(:has(> .l-sidebar *)) > .l-main {
    width: 100%;
}

.l-content-flex.is-sidebar-optional:not(:has(> .l-sidebar *)) > .l-sidebar {
    display: none;
}

.l-content-flex.is-sidebar-optional:not(:has(> .l-sidebar *)):before {
    display: none;
}

/* ========================================
   Podcast — nền banner + khung player bằng CSS, không dùng ảnh upload/podcast-pano_1.jpg của mẫu.
   Tông đỏ rượu tối như ảnh mẫu: các cung tròn đồng tâm (repeating-radial-gradient) gợi sóng âm,
   2 quầng sáng góc + nền chuyển màu chéo. Đổi màu cho site clone chỉ cần sửa biến --podcast-bg-*.
   ======================================== */
:root {
    --podcast-bg-base: #12060a;
    --podcast-bg-mid: #3a1220;
    --podcast-bg-glow: rgba(150, 38, 72, 0.55);
    --podcast-bg-glow2: rgba(110, 28, 56, 0.45);
}

.c-podcast-pano__bg,
.c-podcast-first .c-podcast-player-bg,
.c-podcast-detail .c-podcast-player-bg {
    background-color: var(--podcast-bg-base);
    background-image:
        repeating-radial-gradient(circle at 105% 120%, transparent 0 34px, rgba(255, 255, 255, 0.035) 34px 36px),
        radial-gradient(120% 140% at 0% 100%, var(--podcast-bg-glow) 0%, transparent 55%),
        radial-gradient(90% 120% at 100% 0%, var(--podcast-bg-glow2) 0%, transparent 60%),
        linear-gradient(120deg, #1a080d 0%, var(--podcast-bg-mid) 45%, var(--podcast-bg-base) 100%);
}

/* Dưới 768px tiêu đề banner là chữ tối trên nền sáng (mẫu chỉ đổi chữ trắng từ 768px)
   -> chỉ phủ nền tối cho .c-podcast-pano__inner từ 768px. */
@media (min-width: 768px) {
    /* Mẫu bỏ nền player từ 768px (background-image: none !important) -> bỏ luôn màu nền */
    .c-podcast-first .c-podcast-player-bg,
    .c-podcast-detail .c-podcast-player-bg {
        background-color: transparent;
    }

    .c-podcast-pano__inner {
        background-color: var(--podcast-bg-base);
        background-image:
            repeating-radial-gradient(circle at 105% 130%, transparent 0 46px, rgba(255, 255, 255, 0.035) 46px 48px),
            radial-gradient(70% 120% at 0% 100%, var(--podcast-bg-glow) 0%, transparent 60%),
            radial-gradient(60% 110% at 100% 0%, var(--podcast-bg-glow2) 0%, transparent 65%),
            linear-gradient(120deg, #1a080d 0%, var(--podcast-bg-mid) 45%, var(--podcast-bg-base) 100%);
    }
}
.entry a {
    overflow-wrap: anywhere;
    word-wrap: break-word;
    word-break: break-word;
}/* Lưới chuyên mục trang chủ (.c-topic-area, Views/Home/Index): mẫu tô nền xám cả khối. Đổi sang
   nền xám riêng từng thẻ <li> (mỗi chuyên mục là một ô), các ô cách nhau bằng gap của grid.
   Bỏ padding/margin âm + đường kẻ ngăn mobile của mẫu vì đã có khoảng cách giữa các ô. */
.c-topic-area {
    padding: 0;
    background-color: transparent;
}
.c-topic-area > ul {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
    margin: 0;
}
.c-topic-area > ul > li {
    width: auto;
    margin: 0;
    padding: 15px;
    background-color: #F5F5F5;
}
.c-topic-area > ul > li:after {
    display: none;
}
@media (min-width: 768px) {
    .c-topic-area > ul {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
        margin: 0;
    }
    .c-topic-area > ul > li {
        width: auto;
        padding: 15px;
    }
}
/* Tin lớn đầu trang chủ (.c-head__big, Views/Home/_HeadForHome): mẫu căn giữa tiêu đề + sapo -> căn trái */
.c-head__big .c-template-grid .b-grid .b-grid__title,
.c-head__big .c-template-grid .b-grid .b-grid__desc {
    text-align: left;
}
@media (min-width: 1200px) {
    .c-topic-area > ul {
        gap: 30px;
        margin: 0;
    }
    .c-topic-area > ul > li {
        padding: 20px;
    }
}

/* ==========================================================================
   Header / footer theo giao diện mẫu lapphap (2026-11)
   Markup: Views/Shared/_Header, _HeaderDefault, _HeaderMenuLinks, _Logo, _NewIssue, _MenuDefault,
   _MegaMenu, _Footer, _FooterAPI, _PoweredBy. JS: WebControlHeaderNav trong custom.js.
   Class tiền tố lp- để không đụng style.min.css của bộ mẫu cũ; chỗ dùng lại class cũ (c-logo, c-weather,
   c-sologan, c-search-wrapper, l-footer, c-powered) phải đè rule của style.min.css.
   ========================================================================== */
:root {
    --lp-red: #c8102e;
    --lp-red-d: #9e0b22;
    --lp-navy: #173a6a;
    --lp-navy-d: #0f2747;
    --lp-gold: #a8843a;
    --lp-gold-l: #e9dcbc;
    --lp-paper: #f7f2e8;
    --lp-ink: #1f2328;
    --lp-muted: #5f6670;
    --lp-line: #e4e1da;
    --lp-sans: "Be Vietnam Pro", system-ui, sans-serif;
    --lp-serif: "Noto Serif", Cambria, Georgia, serif;
}
.lp-header, .lp-drawer, .lp-footer {
    font-family: var(--lp-sans);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}
.lp-header a, .lp-drawer a, .lp-footer a {
    color: inherit;
    text-decoration: none;
}
.lp-header h6, .lp-drawer h6, .lp-footer h5 {
    margin: 0;
    line-height: 1.5;
}
/* .lp-wrap luôn đi cùng .container -> header/footer rộng đúng bằng khung nội dung trang */
.lp-sp {
    flex: 1;
}
/* ---- Topbar ---- */
.lp-topbar {
    background: var(--lp-navy-d);
    color: #cfd8e6;
    font-size: 13px;
}
.lp-topbar .lp-wrap {
    display: flex;
    align-items: center;
    gap: 18px;
    height: 40px;
}
.lp-topbar a:hover {
    color: #fff;
}
.lp-topbar .c-sologan {
    display: block;
    padding: 0;
    color: inherit;
}
.lp-topbar .c-sologan p {
    margin: 0;
    font-size: 13px;
}
/* Điện thoại: createCurrentTime() in dạng "<b>Thứ Tư, </b> 04/11/2026" */
.lp-topbar .c-sologan b {
    font-weight: 600;
    color: inherit;
}
.lp-topbar .c-header-tools {
    display: flex;
    align-items: center;
    gap: 18px;
}
.lp-lang {
    display: flex;
    border: 1px solid #47648f;
    border-radius: 20px;
    overflow: hidden;
}
.lp-lang a, .lp-lang span {
    padding: 2px 10px;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.5;
}
.lp-lang .on {
    background: var(--lp-gold);
    color: #fff;
}
/* Thời tiết (_Weather, WebControlWeather): mẫu chỉ hiện "Hà Nội 32°C" -> ẩn khoảng nhiệt độ, icon, mũi tên */
.lp-topbar .c-weather {
    display: block;
    position: relative;
}
.lp-topbar #widget-weather .current-city {
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: pointer;
}
.lp-topbar .c-weather #widget-weather, .lp-topbar #widget-weather .current-city {
    width: auto;
    min-width: 0;
}
.lp-topbar #widget-weather .current-city li {
    display: flex;
    justify-content: flex-start;
    gap: 4px;
    align-items: center;
    width: auto;
    color: inherit;
}
.lp-topbar #widget-weather .current-city strong, .lp-topbar #widget-weather .current-city em {
    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    color: inherit;
    margin: 0;
}
.lp-topbar #widget-weather .current-city span {
    display: flex;
    align-items: center;
    font-size: 0;
    color: inherit;
}
.lp-topbar #widget-weather .current-city span em {
    font-size: 13px;
    font-style: normal;
}
.lp-topbar #widget-weather .current-city img, .lp-topbar #widget-weather .current-city i {
    display: none;
}
.lp-topbar #widget-weather .filter {
    color: var(--lp-ink);
    z-index: 120;
}
/* ---- Masthead ---- */
.lp-mast {
    background: #fff;
    border-bottom: 1px solid var(--lp-line);
}
.lp-mast .lp-wrap {
    display: flex;
    align-items: center;
    gap: 24px;
    padding-top: 18px;
    padding-bottom: 18px;
}
.lp-mast .c-logo {
    margin: 0;
    line-height: 0;
}
.lp-brand {
    display: flex;
    align-items: center;
    gap: 20px;
}
.lp-mast .c-logo img {
    max-width: none;
}
/* Markup (_Logo): .lp-brand (flex) > a.lp-owner-link > img.lp-owner  +  a.lp-main-link > img.lp-logo-main */
.lp-mast .c-logo .lp-owner-link,
.lp-mast .c-logo .lp-main-link,
.lp-mast .c-logo img.lp-owner,
.lp-mast .c-logo img.lp-logo-main {
    display: block;
}
/* Logo cơ quan chủ quản (Đại biểu Nhân dân): cao 45.5px, đỉnh quốc huy cao hơn đỉnh logo báo 1px.
   Logo báo cao nhất nên mép trên .lp-brand = mép trên logo báo -> bám mép trên rồi chỉnh bằng margin-top */
.lp-mast .c-logo .lp-owner-link {
    align-self: flex-start;
    margin-top: -1px;
}
.lp-mast .c-logo img.lp-owner {
    height: 45.5px;
    width: auto;
}
/* Logo báo (Nghiên cứu Lập pháp): 88px x 7/8 */
.lp-mast .c-logo img.lp-logo-main {
    height: 77px;
    width: auto;
}
/* Vạch ngăn 2 logo ở mép trái logo báo -> dài hết chiều cao logo báo. Chỉ có khi có logo cơ quan chủ quản */
.lp-mast .c-logo .lp-owner-link + .lp-main-link {
    padding-left: 20px;
    border-left: 1px solid var(--lp-line);
}
.lp-newissue {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 8px 12px;
    border: 1px solid var(--lp-gold-l);
    background: var(--lp-paper);
    border-radius: 6px;
    line-height: 1.5;
}
.lp-newissue.is-empty {
    visibility: hidden;
}
.lp-newissue img {
    width: 46px;
    height: 66px;
    object-fit: cover;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
}
.lp-newissue__txt {
    display: block;
    max-width: 210px;
}
.lp-newissue small {
    display: block;
    font-size: 11px;
    color: var(--lp-gold);
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.lp-newissue b {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: var(--lp-serif);
    color: var(--lp-navy);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
}
.lp-newissue em {
    display: block;
    font-style: normal;
    font-size: 12px;
    color: var(--lp-red);
    font-weight: 600;
    margin-top: 2px;
}
.lp-search-box {
    position: relative;
    flex: none;
}
.lp-search {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--lp-line);
    background: #fff;
    color: var(--lp-ink);
    display: grid;
    place-items: center;
    cursor: pointer;
    padding: 0;
}
.lp-search:hover {
    border-color: var(--lp-navy);
    color: var(--lp-navy);
}
/* Ô tìm kiếm (_Search): main.min.js thêm .active khi bấm .js-search-expand */
.lp-search-box .c-search-wrapper {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    left: auto;
    width: 320px;
    height: auto;
    margin: 0;
    padding: 10px 44px 10px 10px;
    background: #fff;
    border: 1px solid var(--lp-line);
    border-radius: 6px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .14);
    z-index: 110;
}
.lp-search-box .c-search {
    width: auto;
}
.lp-search-box .c-search .c-search__close {
    right: -38px;
}
/* ---- Thanh menu: nhóm 1 (bài khoa học) nền giấy chữ có chân xanh, nhóm 2 (tin tức) nền trắng chữ đỏ ---- */
.lp-navbar-holder {
    position: relative;
    z-index: 100;
}
.lp-navbar {
    background: #fff;
    border-bottom: 1px solid var(--lp-line);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
}
/* JS bật khi cuộn qua header (holder giữ chỗ bằng chiều cao thanh menu) */
.lp-navbar.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 101;
}
.lp-navbar .lp-wrap {
    display: flex;
    align-items: stretch;
}
.lp-header .lp-home-ic {
    display: grid;
    place-items: center;
    padding: 0 12px;
    color: var(--lp-red);
}
.lp-navfit {
    flex: 1;
    min-width: 0;
    display: flex;
    overflow: hidden;
}
.lp-grp {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0 8px;
    flex: none;
    white-space: nowrap;
    border-bottom: 4px solid;
}
.lp-grp:empty, .lp-grp[hidden] {
    display: none;
}
.lp-grp a {
    padding: 13px 8px;
    border-bottom: 3px solid transparent;
    margin-bottom: -4px;
    line-height: 1.5;
}
.lp-grp-1 {
    background: var(--lp-paper);
    border-bottom-color: var(--lp-navy);
}
.lp-header .lp-grp-1 a {
    font-family: var(--lp-serif);
    font-size: 15px;
    font-weight: 600;
    color: var(--lp-navy);
}
.lp-header .lp-grp-1 a:hover, .lp-header .lp-grp-1 a.active {
    border-color: var(--lp-gold);
    color: var(--lp-navy-d);
}
.lp-grp-2 {
    background: #fff;
    border-bottom-color: var(--lp-red);
}
.lp-header .lp-grp-2 a {
    font-size: 14px;
    font-weight: 600;
    color: var(--lp-red-d);
}
.lp-header .lp-grp-2 a:hover, .lp-header .lp-grp-2 a.active {
    border-color: var(--lp-red-d);
}
.lp-new {
    font-family: var(--lp-sans);
    font-size: 9px;
    background: var(--lp-gold);
    color: #fff;
    border-radius: 3px;
    padding: 1px 4px;
    margin-left: 4px;
    vertical-align: 2px;
    font-weight: 700;
    text-transform: uppercase;
}
.lp-more {
    position: relative;
    flex: none;
    display: flex;
    align-items: center;
}
.lp-dots {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 34px;
    margin-left: 6px;
    padding: 0;
    border: 1px solid var(--lp-line);
    border-radius: 18px;
    background: #fff;
    cursor: pointer;
}
.lp-dots i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--lp-navy);
}
.lp-dots:hover, .lp-more.open .lp-dots {
    background: var(--lp-navy);
}
.lp-dots:hover i, .lp-more.open .lp-dots i {
    background: #fff;
}
.lp-mega {
    display: none;
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    width: min(780px, 92vw);
    background: #fff;
    border: 1px solid var(--lp-line);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .14);
    z-index: 60;
    border-radius: 4px;
    overflow: hidden;
}
.lp-more.open .lp-mega {
    display: block;
}
.lp-mega-ov {
    display: none;
    grid-template-columns: 1fr 1fr;
}
.lp-mega-ov.has {
    display: grid;
}
.lp-mega-ov.one {
    grid-template-columns: 1fr;
}
.lp-ov {
    padding: 18px 20px;
}
.lp-ov.none {
    display: none;
}
.lp-ov-1 {
    background: var(--lp-paper);
    border-bottom: 4px solid var(--lp-navy);
}
.lp-ov-2 {
    border-bottom: 4px solid var(--lp-red);
}
.lp-mega h6 {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.lp-mega h6:empty {
    display: none;
}
.lp-mega .lp-ov-1 h6 {
    color: var(--lp-navy);
}
.lp-mega .lp-ov-2 h6 {
    color: var(--lp-red);
}
.lp-header .lp-mega a {
    display: block;
    font-size: 14px;
    padding: 4px 0;
    color: var(--lp-ink);
}
.lp-header .lp-mega a:hover {
    color: var(--lp-red);
}
.lp-header .lp-mega .lp-ov-1 a {
    font-family: var(--lp-serif);
    font-size: 15px;
    font-weight: 600;
    color: var(--lp-navy);
}
.lp-header .lp-mega .lp-ov-2 a {
    font-weight: 600;
    color: var(--lp-red-d);
}
.lp-header .lp-mega .lp-ov a:hover {
    color: var(--lp-red);
}
.lp-mega-rest {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    padding: 20px;
}
/* Màu tiêu đề cột theo thứ tự cột: xanh, vàng, đỏ (mega menu + menu điện thoại) */
.lp-mega-col:nth-child(3n+1) h6 {
    color: var(--lp-navy);
}
.lp-mega-col:nth-child(3n+2) h6 {
    color: var(--lp-gold);
}
.lp-mega-col:nth-child(3n) h6 {
    color: var(--lp-red);
}
/* ---- Menu điện thoại ---- */
.lp-burger {
    display: none;
    flex: none;
    width: 44px;
    border: 0;
    background: none;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 12px 0;
}
.lp-burger span {
    width: 20px;
    height: 2px;
    background: var(--lp-navy);
    border-radius: 2px;
}
.lp-drawer-bg {
    position: fixed;
    inset: 0;
    background: rgba(10, 20, 40, .45);
    z-index: 1098;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s;
}
.lp-drawer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: min(340px, 86vw);
    background: #fff;
    z-index: 1099;
    transform: translateX(-102%);
    transition: transform .28s;
    overflow-y: auto;
    box-shadow: 6px 0 24px rgba(0, 0, 0, .2);
}
body.lp-menu-open .lp-drawer {
    transform: none;
}
body.lp-menu-open .lp-drawer-bg {
    opacity: 1;
    pointer-events: auto;
}
body.lp-menu-open {
    overflow: hidden;
}
.lp-drawer-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    border-bottom: 1px solid var(--lp-line);
}
.lp-drawer-head b {
    font-size: 16px;
    color: var(--lp-navy);
}
.lp-drawer-head button {
    border: 0;
    background: none;
    font-size: 20px;
    cursor: pointer;
    color: var(--lp-muted);
}
.lp-dsec {
    padding: 14px 18px;
}
.lp-dsec h6 {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    margin-bottom: 6px;
    text-transform: uppercase;
}
.lp-dsec h6:empty {
    display: none;
}
.lp-dsec a {
    display: block;
    padding: 9px 0;
    border-bottom: 1px solid var(--lp-line);
    font-size: 15px;
}
.lp-dsec-1 {
    background: var(--lp-paper);
    border-left: 4px solid var(--lp-navy);
}
.lp-dsec-1 h6 {
    color: var(--lp-navy);
}
.lp-drawer .lp-dsec-1 a {
    font-family: var(--lp-serif);
    font-weight: 600;
    color: var(--lp-navy);
    border-color: var(--lp-gold-l);
}
.lp-dsec-2 {
    border-left: 4px solid var(--lp-red);
}
.lp-dsec-2 h6 {
    color: var(--lp-red);
}
.lp-drawer .lp-dsec-2 a {
    font-weight: 600;
    color: var(--lp-red-d);
}
.lp-dsec-rest .lp-mega-col h6 {
    margin-top: 10px;
}
.lp-drawer .lp-dsec-rest a {
    color: var(--lp-ink);
}
@media (max-width: 720px) {
    /* Ẩn cả thẻ link logo cơ quan chủ quản (không thì vẫn chiếm gap) + bỏ vạch ngăn */
    .lp-topbar .lp-hide-m, .lp-newissue, .lp-mast .c-logo .lp-owner-link {
        display: none;
    }
    .lp-mast .c-logo .lp-owner-link + .lp-main-link {
        padding-left: 0;
        border-left: 0;
    }
    /* Tạm ẩn cả topbar trên điện thoại. Bật lại: xoá rule .lp-topbar dưới đây -> ngày nằm trái, VI | EN bên phải */
    .lp-topbar {
        display: none;
    }
    .lp-topbar .lp-sp {
        display: none;
    }
    .lp-topbar .lp-date {
        margin-right: auto;
    }
    /* Masthead 1 hàng: [burger] ---- logo giữa ---- [tìm kiếm].
       Burger nằm trong .lp-navbar (khác cây DOM) -> đặt holder absolute đè lên masthead (đáy .lp-header = đáy masthead) */
    .lp-header {
        position: relative;
    }
    .lp-mast .lp-wrap {
        position: relative;
        justify-content: center;
        gap: 0;
        height: 76px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .lp-mast .lp-sp {
        display: none;
    }
    .lp-mast .c-logo img.lp-logo-main {
        height: 46px; /* theo ec931ed */
        max-width: calc(100vw - 130px);
        object-fit: contain;
    }
    .lp-search-box {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 15px;
        display: flex;
        align-items: center;
    }
    .lp-search-box .c-search-wrapper {
        top: calc(100% - 4px);
        width: calc(100vw - 30px);
    }
    .lp-navbar-holder {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
    }
    .lp-navbar:not(.is-fixed) {
        background: transparent;
        border-bottom: 0;
        box-shadow: none;
    }
    .lp-navbar:not(.is-fixed) .lp-wrap {
        height: 76px;
        align-items: center;
    }
    /* Khi cuộn: thanh trắng dính đầu trang, chỉ có burger */
    .lp-navbar.is-fixed {
        pointer-events: auto;
    }
    .lp-burger {
        display: flex;
        pointer-events: auto;
        margin-left: -12px;
    }
    .lp-navfit, .lp-more, .lp-header .lp-home-ic {
        display: none;
    }
}
/* ---- Footer ---- */
.lp-footer {
    display: block;
    background: var(--lp-navy-d);
    color: #c2cde0;
    font-size: 14px;
}
.lp-footer .l-footer {
    border-top: 0;
    background: transparent;
}
.lp-ftop {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.lp-ftop .lp-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 22px;
    padding-top: 16px;
    padding-bottom: 16px;
}
.lp-ftop a {
    font-weight: 600;
    font-size: 13.5px;
}
.lp-footer .lp-ftop a.lp-sci {
    color: #c8d6ee;
}
.lp-footer .lp-ftop a.lp-nw {
    color: #ffb3bd;
}
.lp-footer a:hover, .lp-footer .lp-ftop a:hover {
    color: #fff;
}
.lp-fmain .lp-wrap {
    display: grid;
    grid-template-columns: 1.25fr 1fr 1fr;
    gap: 40px;
    padding-top: 34px;
    padding-bottom: 34px;
}
.lp-flogo {
    background: #fff;
    border-radius: 6px;
    padding: 12px 16px;
    display: inline-block;
}
.lp-flogo img {
    display: block;
    height: 64px;
    width: auto;
}
.lp-fowner {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
    padding: 12px;
    background: rgba(255, 255, 255, .05);
    border-radius: 6px;
}
.lp-fowner img {
    height: 30px;
    width: auto;
    background: #fff;
    border-radius: 3px;
    padding: 3px 6px;
    box-sizing: content-box;
}
.lp-fowner span {
    font-size: 12.5px;
    line-height: 1.4;
}
.lp-fowner a, .lp-fowner b {
    display: block;
}
.lp-fowner b {
    color: #fff;
}
.lp-footer h5 {
    color: var(--lp-gold-l);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
    margin-bottom: 12px;
    text-transform: uppercase;
}
.lp-finfo p {
    margin: 0 0 8px;
    line-height: 1.55;
}
.lp-finfo b {
    color: #fff;
    font-weight: 600;
}
.lp-social {
    display: flex;
    gap: 8px;
    margin-top: 14px;
}
.lp-social a {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    display: grid;
    place-items: center;
}
.lp-social a:hover {
    background: var(--lp-red);
}
.lp-footer .c-tinnhiemmang {
    margin-top: 14px;
}
.lp-fbot.c-powered {
    background: #0a1a31;
    font-size: 12.5px;
    color: #8b9ab3;
    text-align: left;
    padding: 0;
}
.lp-fbot .lp-wrap {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-top: 16px;
    padding-bottom: 16px;
    flex-wrap: wrap;
}
.lp-fbot.c-powered a, .lp-fbot.c-powered span {
    font-family: inherit;
    font-weight: 400;
    color: inherit;
}
.lp-fbot b {
    color: #c2cde0;
}
@media (max-width: 1024px) {
    .lp-fmain .lp-wrap {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 720px) {
    .lp-fmain .lp-wrap {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   Khối Multimedia trang chủ — nền đỏ tràn 2 bên, ngay trên c-footer-space
   (Views/Home/_MultimediaForHome + custom.js Templates.multimediaCard)
   ========================================================================== */
.lp-mm {
    font-family: var(--lp-sans);
    background: linear-gradient(135deg, #7a0c1d 0%, #a3122a 60%, #b8341f 100%);
    color: #fff;
    padding: 36px 0 40px;
}
.lp-mm a {
    color: inherit;
    text-decoration: none;
}
.lp-mm__head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
}
.lp-mm__head h2 {
    margin: 0;
    font-family: inherit;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: .5px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fff;
}
.lp-mm__rule {
    flex: 1;
    height: 1px;
    background: currentColor;
    opacity: .25;
}
.lp-mm__tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 18px;
    overflow-x: auto;
    scrollbar-width: none;
}
.lp-mm__tabs::-webkit-scrollbar {
    display: none;
}
.lp-mm__tabs button {
    flex: none;
    font: 600 13px var(--lp-sans);
    background: rgba(255, 255, 255, .14);
    color: #fbe3e6;
    border: 0;
    padding: 8px 14px;
    border-radius: 20px;
    cursor: pointer;
    white-space: nowrap;
    transition: background .2s;
}
.lp-mm__tabs button:hover {
    background: rgba(255, 255, 255, .24);
}
.lp-mm__tabs button.is-active {
    background: var(--lp-gold);
    color: #fff;
}
.lp-mm__grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 16px;
    transition: opacity .2s;
}
.lp-mm__grid.is-loading {
    opacity: .5;
}
.lp-mm__item {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    overflow: hidden;
    background: rgba(255, 255, 255, .1);
}
.lp-mm__item.is-big {
    grid-row: span 2;
}
.lp-mm__img {
    position: relative;
    display: block;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    background: rgba(0, 0, 0, .15);
}
.lp-mm__img img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s;
}
.lp-mm__item:hover .lp-mm__img img {
    transform: scale(1.04);
}
.lp-mm__ic {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(200, 16, 46, .92);
    display: grid;
    place-items: center;
}
.lp-mm__cap {
    padding: 12px 14px 16px;
}
.lp-mm__type {
    display: block;
    margin-bottom: 4px;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--lp-gold-l);
}
.lp-mm__title {
    margin: 0;
    font-family: inherit;
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.35;
    color: #fff;
}
.lp-mm__item.is-big .lp-mm__title {
    font-size: 20px;
}
.lp-mm__title a:hover, .lp-mm__item:hover .lp-mm__title a {
    color: #ffe3a3;
}
.lp-mm__empty {
    grid-column: 1 / -1;
    margin: 0;
    padding: 40px 0;
    text-align: center;
    color: #fbe3e6;
}
@media (max-width: 1024px) {
    .lp-mm__grid {
        grid-template-columns: 1fr 1fr;
    }
    .lp-mm__item.is-big {
        grid-column: span 2;
        grid-row: auto;
    }
}
@media (max-width: 720px) {
    .lp-mm {
        padding: 24px 0 28px;
    }
    .lp-mm__grid {
        grid-template-columns: 1fr;
    }
    .lp-mm__item.is-big {
        grid-column: auto;
    }
    .lp-mm__item.is-big .lp-mm__title {
        font-size: 18px;
    }
}