:root{--blue:#0b58c7;--dark:#073b82;--navy:#062a63;--light:#f4f8ff;--text:#17345f;--muted:#60708b;--line:#e6eef8;--shadow:0 10px 30px rgba(10,65,140,.10)}
body{background:#f5f9ff;color:var(--text);font-family:Arial,"Helvetica Neue",Tahoma,sans-serif}.wraper{max-width:1280px;margin:0 auto}.container{width:100%;padding-left:0;padding-right:0}.dlib-topbar{height:34px;background:#eef6ff;color:#28537e;font-size:13px}.dlib-topbar-inner{display:flex;justify-content:space-between;align-items:center;height:34px;padding:0 12px}.dlib-navbar{background:#fff;box-shadow:0 2px 14px rgba(0,45,100,.08);position:relative;z-index:10}.dlib-navbar-inner{min-height:86px;display:flex;align-items:center;gap:28px;padding:0 12px}.dlib-brand{display:flex;align-items:center;text-decoration:none!important;gap:12px;min-width:270px}.dlib-brand img{width:62px;height:62px;object-fit:contain}.dlib-brand small{display:block;color:#0b58c7;font-size:13px;font-weight:800}.dlib-brand strong{display:block;color:#074292;font-size:26px;line-height:1;font-weight:900;letter-spacing:.3px}.dlib-menu{flex:1;text-align:center}.dlib-menu ul{margin:0;padding:0;list-style:none}.dlib-menu li{display:inline-block}.dlib-menu a{display:block;padding:33px 14px;color:#233a5a!important;text-transform:uppercase;font-weight:800;font-size:13px;text-decoration:none!important}.dlib-menu a:hover{color:var(--blue)!important}.dlib-login a,.dlib-login .btn{background:var(--blue)!important;color:#fff!important;border-radius:5px;padding:10px 16px!important;text-decoration:none!important;border:0!important}.dlib-body{padding:0}.dlib-body .container{background:transparent}.dlib-footer{background:linear-gradient(180deg,#073b82,#05275b);color:#d9e8ff;margin-top:0}.dlib-footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.35fr;gap:45px;padding:52px 12px 42px}.dlib-footer h3{font-weight:900;color:#fff;font-size:18px;line-height:1.5;margin:0 0 18px}.dlib-footer p{line-height:1.8;margin:0}.dlib-social span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;background:rgba(255,255,255,.12);border-radius:50%;margin-right:8px;color:#fff}.dlib-copyright{background:#04214d;color:#c9d9f2;font-size:13px;padding:15px 12px}.dlib-copyright span{float:right}.dlib-home{margin:0 -15px;color:var(--text)}.dlib-hero{position:relative;min-height:475px;margin:0 calc((100vw - 1280px)/-2);background:linear-gradient(rgba(4,42,94,.86),rgba(4,47,104,.86)),url('../images/qnmc/library-bg.svg') center/cover no-repeat;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.dlib-hero h1{font-family:Arial,"Helvetica Neue",Tahoma,sans-serif!important;font-size:40px;line-height:1.35;font-weight:800;margin:0 0 15px;text-transform:none;letter-spacing:0;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}.dlib-hero p{font-size:17px;line-height:1.65;max-width:650px;margin:0 auto 28px;color:#eaf3ff}.dlib-searchbox{display:flex;margin:0 auto;width:740px;max-width:94%;height:58px;background:#fff;border-radius:6px;box-shadow:0 15px 35px rgba(0,0,0,.25);overflow:hidden}.dlib-searchbox input{flex:1;border:0;padding:0 22px;color:#253b5f;outline:0}.dlib-searchbox select{width:170px;border:0;border-left:1px solid #e1e8f2;color:#43536d;padding:0 14px;outline:0}.dlib-searchbox button{width:122px;border:0;background:var(--blue);color:#fff;font-weight:800}.dlib-popular{margin-top:21px;font-size:13px}.dlib-tag{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:4px;padding:7px 13px;margin:3px;text-decoration:none!important}.dlib-doc-types{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:-38px 0 35px;position:relative;z-index:2}.dlib-type-card{background:#fff;border:1px solid var(--line);border-radius:9px;text-align:center;padding:24px 10px;box-shadow:var(--shadow);min-height:150px}.dlib-type-icon{display:inline-flex;width:50px;height:50px;align-items:center;justify-content:center;border-radius:8px;background:#eaf2ff;color:var(--blue);font-size:24px;margin-bottom:16px}.dlib-type-card:nth-child(2) .dlib-type-icon{background:#e9fbf1;color:#20aa64}.dlib-type-card:nth-child(3) .dlib-type-icon{background:#f2eafe;color:#8758df}.dlib-type-card:nth-child(4) .dlib-type-icon{background:#fff2e5;color:#ff8a00}.dlib-type-card:nth-child(5) .dlib-type-icon{background:#e7fbff;color:#10a1b5}.dlib-type-card:nth-child(6) .dlib-type-icon{background:#ffecef;color:#db4352}.dlib-type-card:nth-child(7) .dlib-type-icon{background:#eef5ff;color:#3777d5}.dlib-type-card h3{font-size:14px;font-weight:900;margin:0 0 12px}.dlib-type-card p{margin:0;color:#61708a;font-size:13px}.dlib-main-grid{display:grid;grid-template-columns:1fr 390px;gap:24px}.dlib-panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:24px}.dlib-panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce7f5;padding-bottom:16px;margin-bottom:12px}.dlib-panel-head h2{font-size:20px;color:#0a459c;font-weight:900;margin:0;text-transform:uppercase}.dlib-link{color:var(--blue);font-weight:700}.dlib-list-item{display:grid;grid-template-columns:42px 1fr 96px;gap:15px;padding:18px 0;border-bottom:1px solid #edf2f8}.dlib-list-item:last-child{border-bottom:0}.dlib-pdf{width:36px;height:44px;border:1px solid #ffb1b1;border-radius:4px;color:#ef3d3d;font-weight:800;font-size:11px;display:flex;align-items:end;justify-content:center;padding-bottom:4px;background:#fff5f5;position:relative}.dlib-pdf:before{content:'PDF';}.dlib-list-item h3{font-size:16px;font-weight:800;margin:0 0 7px}.dlib-list-item h3 a{color:#0b4598}.dlib-meta{font-size:12px;color:#72809a;margin-bottom:7px}.dlib-list-item p{font-size:13px;color:#4c5e78;margin:0;line-height:1.5}.dlib-mini-stat{font-size:12px;color:#65758e;text-align:right;line-height:1.9}.dlib-feature{display:flex;gap:18px;padding:0 0 18px;border-bottom:1px solid #edf2f8;margin-bottom:18px}.dlib-cover{width:150px;height:210px;border-radius:3px;background:linear-gradient(160deg,#073b82,#0b58c7);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-weight:900;box-shadow:0 8px 20px rgba(2,43,95,.22)}.dlib-feature h3{font-size:19px;color:#0b4598;font-weight:900;margin:12px 0 10px}.dlib-badge{display:inline-block;background:#eaf2ff;color:#0b58c7;border-radius:5px;padding:5px 8px;font-size:12px;margin-right:5px}.dlib-notice ul{padding-left:18px;margin:0}.dlib-notice li{padding:11px 0;border-bottom:1px solid #edf2f8}.dlib-majors{margin:30px 0 0}.dlib-major-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.dlib-major-card{background:#fff;border:1px solid var(--line);border-radius:7px;text-align:center;padding:22px 8px;box-shadow:var(--shadow)}.dlib-major-card em{font-size:30px;color:var(--blue);margin-bottom:14px}.dlib-major-card h3{font-size:14px;font-weight:900;margin:0 0 8px}.dlib-major-card p{font-size:12px;color:#687891;margin:0}.dlib-blue-stats{margin:35px calc((100vw - 1280px)/-2) 0;background:linear-gradient(180deg,#073b82,#05275b);padding:42px 0 48px;color:#fff}.dlib-blue-stats h2{text-align:center;font-size:22px;font-weight:900;margin:0 0 25px}.dlib-stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.dlib-stat-card{background:rgba(255,255,255,.10);border-radius:6px;padding:18px 16px;display:flex;align-items:center;gap:14px}.dlib-stat-card em{font-size:34px;color:#cfe3ff}.dlib-stat-card strong{display:block;font-size:22px}.dlib-guide{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:64px 10px}.dlib-guide h4{color:var(--blue);font-size:13px;font-weight:900;text-transform:uppercase}.dlib-guide h2{font-size:29px;font-weight:900;color:#103b82;margin:7px 0 15px}.dlib-check{list-style:none;padding:0;margin:20px 0}.dlib-check li{padding:7px 0}.dlib-check li:before{content:'✓';display:inline-flex;width:20px;height:20px;border-radius:50%;background:#58c46e;color:white;align-items:center;justify-content:center;margin-right:8px;font-size:12px}.dlib-devices{height:300px;background:url('../images/qnmc/devices.svg') center/contain no-repeat}.dlib-btn{display:inline-block;background:var(--blue);color:#fff!important;border-radius:5px;padding:12px 18px;font-weight:800;text-decoration:none!important}.qnmc-wrap{font-family:Arial,Helvetica,sans-serif}.qnmc-layout{display:grid;grid-template-columns:270px 1fr;gap:20px}.qnmc-filter{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px}.qnmc-filter input,.qnmc-filter select,.qnmc-filter textarea{width:100%;margin-bottom:10px;height:38px;border:1px solid #ccd9e6;border-radius:5px;padding:6px}.qnmc-table{width:100%;border-collapse:collapse;background:#fff}.qnmc-table th,.qnmc-table td{border:1px solid #dde7f2;padding:9px}.qnmc-table th{background:#f1f7ff}.qnmc-btn{background:var(--blue);color:#fff!important;border:0;border-radius:5px;padding:10px 16px;text-decoration:none;display:inline-block}.qnmc-btn.gray{background:#eef4fb;color:var(--blue)!important}.qnmc-card{background:white;border:1px solid #dfe8f5;border-radius:10px;padding:16px;box-shadow:var(--shadow)}.qnmc-doc{display:flex;gap:16px}.qnmc-cover{width:92px;height:120px;background:#eef4fb;border-radius:6px;object-fit:cover;border:1px solid #d7e4f3}.qnmc-media{background:#071b34;border-radius:10px;padding:20px;color:white;text-align:center}@media(max-width:1100px){.dlib-doc-types,.dlib-major-grid{grid-template-columns:repeat(3,1fr)}.dlib-main-grid{grid-template-columns:1fr}.dlib-stat-grid{grid-template-columns:repeat(3,1fr)}.dlib-menu{display:none}.dlib-topbar{height:auto}.dlib-topbar-inner{display:block;height:auto;padding:8px 12px}.dlib-navbar-inner{justify-content:space-between}.dlib-hero,.dlib-blue-stats{margin-left:-15px;margin-right:-15px}}@media(max-width:700px){.dlib-brand strong{font-size:20px}.dlib-login{display:none}.dlib-hero{min-height:430px}.dlib-hero h1{font-size:29px}.dlib-searchbox{display:block;height:auto}.dlib-searchbox input,.dlib-searchbox select,.dlib-searchbox button{display:block;width:100%;height:48px}.dlib-doc-types,.dlib-major-grid,.dlib-stat-grid,.dlib-guide{grid-template-columns:1fr}.dlib-list-item{grid-template-columns:38px 1fr}.dlib-mini-stat{display:none}.dlib-footer-grid{grid-template-columns:1fr}.dlib-copyright span{float:none;display:block;margin-top:8px}}

/* =========================================================
   FIX FONT TIENG VIET - QNMC DIGITAL LIBRARY
   Cap nhat: dung Be Vietnam Pro (Google Fonts) neu co Internet,
   fallback ve Segoe UI/Tahoma de hien thi dau tieng Viet dep tren Windows.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap');

:root {
    --dlib-font: 'Be Vietnam Pro', 'Segoe UI', Tahoma, Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
.dlib-topbar,
.dlib-navbar,
.dlib-home,
.dlib-footer,
.qnmc-wrap {
    font-family: var(--dlib-font) !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dlib-brand strong,
.dlib-brand small,
.dlib-menu a,
.dlib-hero h1,
.dlib-panel-head h2,
.dlib-type-card h3,
.dlib-major-card h3,
.dlib-list-item h3,
.dlib-feature h3,
.dlib-guide h2,
.dlib-blue-stats h2,
h1, h2, h3, h4, h5, h6 {
    font-family: var(--dlib-font) !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    letter-spacing: 0 !important;
}

.dlib-hero h1 {
    font-size: 42px;
    line-height: 1.34;
    font-weight: 800 !important;
}

.dlib-brand strong {
    font-weight: 800 !important;
}

.dlib-panel-head h2,
.dlib-list-item h3,
.dlib-feature h3 {
    font-weight: 800 !important;
}
/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */
/* QNMC Digital Library custom theme */
.headerSearch, .second-nav { border-radius: 8px; }
body { background: #f5f9ff; }
#header { background: linear-gradient(180deg,#ffffff,#edf7ff); }

/* FIX FONT TIENG VIET TOAN GIAO DIEN */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap');
:root{--dlib-font:'Be Vietnam Pro','Segoe UI',Tahoma,Arial,sans-serif;}
html,body,button,input,select,textarea,.dlib-topbar,.dlib-navbar,.dlib-home,.dlib-footer,.qnmc-wrap{font-family:var(--dlib-font)!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.dlib-brand strong,.dlib-brand small,.dlib-menu a,.dlib-hero h1,.dlib-panel-head h2,.dlib-type-card h3,.dlib-major-card h3,.dlib-list-item h3,.dlib-feature h3,.dlib-guide h2,.dlib-blue-stats h2,h1,h2,h3,h4,h5,h6{font-family:var(--dlib-font)!important;text-shadow:none!important;-webkit-text-stroke:0!important;letter-spacing:0!important;}
.dlib-hero h1{font-size:42px;line-height:1.34;font-weight:800!important;}

/* =========================================================
   QNMC Digital Library - UI motion + guide layout fix
   Added: hover animation for selectable blocks and repair guide section overflow
   ========================================================= */
:root{
    --dlib-ease: cubic-bezier(.2,.8,.2,1);
}

.dlib-type-card,
.dlib-major-card,
.dlib-panel,
.dlib-feature,
.dlib-list-item,
.dlib-stat-card,
.dlib-tag,
.dlib-btn,
.dlib-searchbox button,
.dlib-login a,
.dlib-login .btn,
.dlib-menu a,
.dlib-cover,
.dlib-devices{
    transition: transform .28s var(--dlib-ease), box-shadow .28s var(--dlib-ease), border-color .28s var(--dlib-ease), background-color .28s var(--dlib-ease), color .28s var(--dlib-ease), opacity .28s var(--dlib-ease);
    will-change: transform;
}

.dlib-type-card:hover,
.dlib-major-card:hover{
    transform: translateY(-8px) scale(1.025);
    box-shadow: 0 18px 38px rgba(0,55,125,.16);
    border-color: #b9d4f4;
}

.dlib-type-card:hover .dlib-type-icon,
.dlib-major-card:hover em{
    transform: translateY(-3px) rotate(-5deg) scale(1.08);
}

.dlib-type-icon,
.dlib-major-card em{
    transition: transform .28s var(--dlib-ease), box-shadow .28s var(--dlib-ease);
}

.dlib-list-item:hover{
    transform: translateX(6px);
    background: linear-gradient(90deg, rgba(11,88,199,.055), rgba(255,255,255,0));
    border-radius: 8px;
}

.dlib-feature:hover .dlib-cover{
    transform: translateY(-5px) rotate(-1deg);
    box-shadow: 0 18px 36px rgba(2,43,95,.28);
}

.dlib-stat-card:hover{
    transform: translateY(-6px);
    background: rgba(255,255,255,.16);
}

.dlib-tag:hover,
.dlib-btn:hover,
.dlib-searchbox button:hover,
.dlib-login a:hover,
.dlib-login .btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0,60,140,.22);
    opacity: .96;
}

.dlib-menu a:hover{
    transform: translateY(-2px);
}

/* Fix khu vực Hướng dẫn sử dụng bị lệch/ra ngoài khung */
.dlib-guide{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 64px 24px !important;
    overflow: hidden;
}

.dlib-guide > div{
    min-width: 0;
    box-sizing: border-box;
}

.dlib-guide h4,
.dlib-guide h2,
.dlib-guide p,
.dlib-check{
    max-width: 560px;
}

.dlib-check{
    list-style: none !important;
    padding-left: 0 !important;
    margin: 20px 0 24px !important;
}

.dlib-check li{
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 7px 0 !important;
    margin: 0 !important;
    line-height: 1.5;
}

.dlib-check li:before{
    flex: 0 0 20px;
    margin: 1px 0 0 0 !important;
}

.dlib-devices{
    max-width: 520px;
    width: 100%;
    margin-left: auto;
    background-position: center center !important;
    transform-origin: center;
}

.dlib-guide:hover .dlib-devices{
    transform: translateY(-4px) scale(1.015);
}

@media (max-width: 1100px){
    .dlib-guide{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (max-width: 700px){
    .dlib-guide h4,
    .dlib-guide h2,
    .dlib-guide p,
    .dlib-check{
        max-width: 100%;
    }
    .dlib-devices{
        margin: 20px auto 0;
        min-height: 220px;
    }
}
/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */
/* QNMC Digital Library custom theme */
.headerSearch, .second-nav { border-radius: 8px; }
body { background: #f5f9ff; }
#header { background: linear-gradient(180deg,#ffffff,#edf7ff); }

/* FIX FONT TIENG VIET TOAN GIAO DIEN */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap');
:root{--dlib-font:'Be Vietnam Pro','Segoe UI',Tahoma,Arial,sans-serif;}
html,body,button,input,select,textarea,.dlib-topbar,.dlib-navbar,.dlib-home,.dlib-footer,.qnmc-wrap{font-family:var(--dlib-font)!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.dlib-brand strong,.dlib-brand small,.dlib-menu a,.dlib-hero h1,.dlib-panel-head h2,.dlib-type-card h3,.dlib-major-card h3,.dlib-list-item h3,.dlib-feature h3,.dlib-guide h2,.dlib-blue-stats h2,h1,h2,h3,h4,h5,h6{font-family:var(--dlib-font)!important;text-shadow:none!important;-webkit-text-stroke:0!important;letter-spacing:0!important;}
.dlib-hero h1{font-size:42px;line-height:1.34;font-weight:800!important;}

/* =========================================================
   QNMC Digital Library - UI motion + guide layout fix
   Added: hover animation for selectable blocks and repair guide section overflow
   ========================================================= */
:root{
    --dlib-ease: cubic-bezier(.2,.8,.2,1);
}

.dlib-type-card,
.dlib-major-card,
.dlib-panel,
.dlib-feature,
.dlib-list-item,
.dlib-stat-card,
.dlib-tag,
.dlib-btn,
.dlib-searchbox button,
.dlib-login a,
.dlib-login .btn,
.dlib-menu a,
.dlib-cover,
.dlib-devices{
    transition: transform .28s var(--dlib-ease), box-shadow .28s var(--dlib-ease), border-color .28s var(--dlib-ease), background-color .28s var(--dlib-ease), color .28s var(--dlib-ease), opacity .28s var(--dlib-ease);
    will-change: transform;
}

.dlib-type-card:hover,
.dlib-major-card:hover{
    transform: translateY(-8px) scale(1.025);
    box-shadow: 0 18px 38px rgba(0,55,125,.16);
    border-color: #b9d4f4;
}

.dlib-type-card:hover .dlib-type-icon,
.dlib-major-card:hover em{
    transform: translateY(-3px) rotate(-5deg) scale(1.08);
}

.dlib-type-icon,
.dlib-major-card em{
    transition: transform .28s var(--dlib-ease), box-shadow .28s var(--dlib-ease);
}

.dlib-list-item:hover{
    transform: translateX(6px);
    background: linear-gradient(90deg, rgba(11,88,199,.055), rgba(255,255,255,0));
    border-radius: 8px;
}

.dlib-feature:hover .dlib-cover{
    transform: translateY(-5px) rotate(-1deg);
    box-shadow: 0 18px 36px rgba(2,43,95,.28);
}

.dlib-stat-card:hover{
    transform: translateY(-6px);
    background: rgba(255,255,255,.16);
}

.dlib-tag:hover,
.dlib-btn:hover,
.dlib-searchbox button:hover,
.dlib-login a:hover,
.dlib-login .btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0,60,140,.22);
    opacity: .96;
}

.dlib-menu a:hover{
    transform: translateY(-2px);
}

/* Fix khu vực Hướng dẫn sử dụng bị lệch/ra ngoài khung */
.dlib-guide{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 64px 24px !important;
    overflow: hidden;
}

.dlib-guide > div{
    min-width: 0;
    box-sizing: border-box;
}

.dlib-guide h4,
.dlib-guide h2,
.dlib-guide p,
.dlib-check{
    max-width: 560px;
}

.dlib-check{
    list-style: none !important;
    padding-left: 0 !important;
    margin: 20px 0 24px !important;
}

.dlib-check li{
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 7px 0 !important;
    margin: 0 !important;
    line-height: 1.5;
}

.dlib-check li:before{
    flex: 0 0 20px;
    margin: 1px 0 0 0 !important;
}

.dlib-devices{
    max-width: 520px;
    width: 100%;
    margin-left: auto;
    background-position: center center !important;
    transform-origin: center;
}

.dlib-guide:hover .dlib-devices{
    transform: translateY(-4px) scale(1.015);
}

@media (max-width: 1100px){
    .dlib-guide{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (max-width: 700px){
    .dlib-guide h4,
    .dlib-guide h2,
    .dlib-guide p,
    .dlib-check{
        max-width: 100%;
    }
    .dlib-devices{
        margin: 20px auto 0;
        min-height: 220px;
    }
}

/* =========================================================
   Layout mới giống mẫu: chuyên ngành dạng ảnh + tài liệu ngang + tin tức
   ========================================================= */
.dlib-home-alt{
    max-width: none;
}
.dlib-home-alt .dlib-section,
.dlib-home-alt .dlib-bottom-row{
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}
.dlib-home-alt .dlib-category-showcase{
    margin-top: 26px;
    margin-bottom: 22px;
}
.dlib-row-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}
.dlib-row-head h2{
    margin: 0;
    color: #06479f;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 900;
    text-transform: uppercase;
}
.dlib-row-head .dlib-link{
    font-size: 13px;
    font-weight: 800;
    color: #0758c9 !important;
    text-decoration: none !important;
}
.dlib-category-grid{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 22px;
}
.dlib-category-card{
    position: relative;
    display: block;
    height: 130px;
    overflow: hidden;
    border: 1px solid #dbe5f2;
    border-radius: 8px;
    background: #fff;
    text-align: center;
    box-shadow: 0 8px 22px rgba(9, 59, 128, .08);
    text-decoration: none !important;
    transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s cubic-bezier(.2,.8,.2,1), border-color .28s cubic-bezier(.2,.8,.2,1);
}
.dlib-category-img{
    display: block;
    height: 70px;
    background-size: cover;
    background-position: center;
    transition: transform .35s cubic-bezier(.2,.8,.2,1), filter .35s cubic-bezier(.2,.8,.2,1);
}
.dlib-category-img:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.08);
}
.dlib-category-icon{
    position: absolute;
    left: 50%;
    top: 48px;
    transform: translateX(-50%);
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #0758c9;
    color: #fff;
    border: 4px solid #fff;
    box-shadow: 0 8px 20px rgba(4, 58, 140, .24);
    font-size: 23px;
    transition: transform .28s cubic-bezier(.2,.8,.2,1), background .28s cubic-bezier(.2,.8,.2,1);
}
.dlib-category-card strong{
    display: block;
    margin-top: 26px;
    padding: 0 8px;
    color: #06479f;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.25;
}
.dlib-category-card small{
    display: block;
    margin-top: 3px;
    color: #506781;
    font-size: 12px;
}
.dlib-category-card:hover{
    transform: translateY(-7px);
    border-color: #9fc3ef;
    box-shadow: 0 16px 34px rgba(9, 59, 128, .16);
}
.dlib-category-card:hover .dlib-category-img{
    transform: scale(1.08);
    filter: saturate(1.08);
}
.dlib-category-card:hover .dlib-category-icon{
    transform: translateX(-50%) translateY(-4px) rotate(-5deg) scale(1.06);
    background: #06479f;
}
.dlib-bottom-row{
    display: grid;
    grid-template-columns: 1.45fr 1fr;
    gap: 28px;
    margin-bottom: 28px;
}
.dlib-latest-flat,
.dlib-news-flat{
    min-width: 0;
}
.dlib-book-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.dlib-book-card{
    display: grid;
    grid-template-columns: 78px 1fr;
    gap: 14px;
    min-height: 112px;
    padding: 12px;
    border: 1px solid #dbe5f2;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(9,59,128,.06);
    transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s cubic-bezier(.2,.8,.2,1), border-color .28s cubic-bezier(.2,.8,.2,1);
}
.dlib-book-cover{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 100px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 5px 14px rgba(0,35,85,.18);
    color: #fff !important;
    text-align: center;
    text-decoration: none !important;
    padding: 8px;
    font-size: 11px;
    line-height: 1.25;
    font-weight: 900;
    text-transform: uppercase;
}
.dlib-book-info{
    min-width: 0;
}
.dlib-book-info h3{
    margin: 2px 0 8px;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 900;
}
.dlib-book-info h3 a{
    color: #06479f !important;
    text-decoration: none !important;
}
.dlib-book-info p{
    margin: 2px 0;
    color: #243d5f;
    font-size: 12px;
    line-height: 1.35;
}
.dlib-book-stat{
    display: flex;
    gap: 18px;
    margin-top: 12px;
    color: #395976;
    font-size: 12px;
}
.dlib-book-card:hover{
    transform: translateY(-5px);
    border-color: #9fc3ef;
    box-shadow: 0 15px 32px rgba(9,59,128,.14);
}
.dlib-news-list{
    border: 1px solid #dbe5f2;
    border-radius: 8px;
    background: #fff;
    padding: 8px 14px;
    box-shadow: 0 8px 20px rgba(9,59,128,.06);
}
.dlib-news-item{
    display: grid;
    grid-template-columns: 54px 1fr;
    gap: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #eef3f9;
    transition: transform .25s cubic-bezier(.2,.8,.2,1), background .25s cubic-bezier(.2,.8,.2,1);
}
.dlib-news-item:last-child{
    border-bottom: 0;
}
.dlib-news-date{
    width: 50px;
    height: 50px;
    border: 1px solid #dbe5f2;
    border-radius: 7px;
    background: #f7fbff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.1;
}
.dlib-news-date strong{
    color: #0758c9;
    font-size: 17px;
    font-weight: 900;
}
.dlib-news-date span{
    color: #49627d;
    font-size: 11px;
}
.dlib-news-item h3{
    margin: 0 0 4px;
    color: #06479f;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.35;
}
.dlib-news-item p{
    margin: 0;
    color: #465d78;
    font-size: 12.5px;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dlib-news-item:hover{
    transform: translateX(5px);
    background: #f7fbff;
}

@media(max-width: 1100px){
    .dlib-category-grid{grid-template-columns: repeat(3,1fr);}
    .dlib-bottom-row{grid-template-columns: 1fr;}
}
@media(max-width: 760px){
    .dlib-category-grid,
    .dlib-book-grid{grid-template-columns: 1fr;}
    .dlib-row-head h2{font-size: 17px;}
}

/* ===== FIX LAYOUT 14-06-2026: mo rong khung hien thi mau moi ===== */
.dlib-home,
.dlib-flat-layout,
.dlib-new-layout{
    overflow: visible !important;
}

.dlib-row,
.dlib-category-section,
.dlib-bottom-row{
    overflow: visible !important;
}

.dlib-category-grid{
    gap: 18px !important;
    align-items: stretch !important;
}

.dlib-category-card{
    height: auto !important;
    min-height: 170px !important;
    overflow: hidden !important;
    padding-bottom: 12px !important;
}

.dlib-category-img{
    height: 78px !important;
}

.dlib-category-icon{
    top: 57px !important;
}

.dlib-category-card strong{
    margin-top: 34px !important;
    min-height: 38px !important;
    padding: 0 10px !important;
    line-height: 1.25 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

.dlib-category-card small{
    display: block !important;
    padding: 0 10px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow: visible !important;
}

.dlib-bottom-row{
    align-items: start !important;
}

.dlib-book-grid{
    gap: 16px !important;
    align-items: stretch !important;
}

.dlib-book-card{
    grid-template-columns: 92px 1fr !important;
    gap: 16px !important;
    min-height: 205px !important;
    height: auto !important;
    padding: 18px !important;
    overflow: visible !important;
    align-content: start !important;
}

.dlib-book-cover{
    width: 92px !important;
    height: 130px !important;
    min-width: 92px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
}

.dlib-book-info{
    min-width: 0 !important;
    overflow: visible !important;
}

.dlib-book-info h3{
    margin: 0 0 10px !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    min-height: 46px !important;
    white-space: normal !important;
    overflow: visible !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
}

.dlib-book-info p{
    font-size: 13px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    overflow: visible !important;
}

.dlib-book-stat{
    margin-top: 14px !important;
    flex-wrap: wrap !important;
}

.dlib-news-list{
    min-height: 205px !important;
    padding: 14px 18px !important;
    overflow: visible !important;
}

.dlib-news-item{
    min-height: 64px !important;
    align-items: center !important;
}

.dlib-news-item h3,
.dlib-news-item p{
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.dlib-book-card:hover,
.dlib-category-card:hover{
    z-index: 3 !important;
}

@media(max-width: 1200px){
    .dlib-book-grid{
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media(max-width: 760px){
    .dlib-category-card{
        min-height: 180px !important;
    }
    .dlib-book-grid{
        grid-template-columns: 1fr !important;
    }
    .dlib-book-card{
        grid-template-columns: 88px 1fr !important;
        min-height: 190px !important;
    }
    .dlib-book-cover{
        width: 88px !important;
        min-width: 88px !important;
        height: 122px !important;
    }
}

/* ===== HOTFIX 14-06-2026: chong tran khung danh muc va tai lieu ===== */
.dlib-home-alt .dlib-section,
.dlib-home-alt .dlib-bottom-row,
.dlib-category-showcase,
.dlib-bottom-row,
.dlib-latest-flat,
.dlib-news-flat {
    overflow: visible !important;
}

.dlib-home-alt .dlib-category-showcase {
    margin-bottom: 34px !important;
}

.dlib-category-grid {
    align-items: stretch !important;
    gap: 18px !important;
}

.dlib-category-card {
    min-height: 218px !important;
    height: auto !important;
    padding-bottom: 16px !important;
    overflow: hidden !important;
    display: block !important;
}

.dlib-category-img {
    height: 82px !important;
}

.dlib-category-icon {
    top: 58px !important;
}

.dlib-category-card strong {
    margin-top: 38px !important;
    min-height: 42px !important;
    max-height: none !important;
    line-height: 1.25 !important;
    padding: 0 10px !important;
    display: block !important;
    overflow: visible !important;
}

.dlib-category-card small {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    min-height: 34px !important;
    max-height: 38px !important;
    padding: 0 12px !important;
    margin-top: 5px !important;
    line-height: 1.35 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.dlib-bottom-row {
    grid-template-columns: minmax(0, 1.48fr) minmax(360px, 1fr) !important;
    gap: 30px !important;
    align-items: start !important;
    margin-top: 8px !important;
}

.dlib-book-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
}

.dlib-book-card {
    grid-template-columns: 86px minmax(0, 1fr) !important;
    min-height: 268px !important;
    height: auto !important;
    padding: 18px 14px !important;
    overflow: visible !important;
    align-content: start !important;
}

.dlib-book-cover {
    width: 86px !important;
    min-width: 86px !important;
    height: 120px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
}

.dlib-book-info {
    min-width: 0 !important;
    overflow: visible !important;
}

.dlib-book-info h3 {
    font-size: 15px !important;
    line-height: 1.35 !important;
    margin: 0 0 10px !important;
    min-height: 62px !important;
    max-height: none !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
}

.dlib-book-info p {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    overflow: visible !important;
}

.dlib-book-stat {
    margin-top: 14px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}

.dlib-news-list {
    min-height: 268px !important;
    height: auto !important;
    padding: 14px 18px !important;
    overflow: visible !important;
}

.dlib-news-item {
    min-height: 72px !important;
    align-items: center !important;
}

.dlib-news-item h3,
.dlib-news-item p {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

@media (max-width: 1200px) {
    .dlib-bottom-row {
        grid-template-columns: 1fr !important;
    }
    .dlib-category-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .dlib-book-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    .dlib-book-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .dlib-category-grid,
    .dlib-book-grid {
        grid-template-columns: 1fr !important;
    }
    .dlib-category-card {
        min-height: 210px !important;
    }
    .dlib-book-card {
        grid-template-columns: 82px minmax(0, 1fr) !important;
        min-height: 220px !important;
    }
    .dlib-book-cover {
        width: 82px !important;
        min-width: 82px !important;
        height: 114px !important;
    }
}

/* ===== FINAL REQUEST 14-06-2026: slide danh muc + 6 tai lieu + 5 tin + xem nhieu ===== */
.dlib-home-alt .dlib-section,
.dlib-home-alt .dlib-bottom-row{
    max-width: 1280px !important;
    width: calc(100% - 40px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}
.dlib-category-showcase{
    overflow: hidden !important;
    padding-bottom: 18px !important;
    margin-bottom: 12px !important;
}
.dlib-category-slider{
    width: 100% !important;
    overflow: hidden !important;
    padding: 2px 0 12px !important;
}
.dlib-category-track{
    display: flex !important;
    gap: 20px !important;
    width: max-content !important;
    animation: dlibCategorySlide 28s linear infinite !important;
}
.dlib-category-slider:hover .dlib-category-track{
    animation-play-state: paused !important;
}
.dlib-category-track .dlib-category-card{
    flex: 0 0 190px !important;
    width: 190px !important;
    height: 220px !important;
    min-height: 220px !important;
    overflow: hidden !important;
}
@keyframes dlibCategorySlide{
    0%{ transform: translateX(0); }
    50%{ transform: translateX(-180px); }
    100%{ transform: translateX(0); }
}
.dlib-bottom-row{
    display: grid !important;
    grid-template-columns: minmax(0, 1.45fr) minmax(390px, .95fr) !important;
    gap: 28px !important;
    align-items: start !important;
    background: #fff !important;
    padding: 0 0 26px !important;
    overflow: visible !important;
}
.dlib-book-grid,
.dlib-book-grid-6,
.dlib-mostview-grid{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    align-items: stretch !important;
}
.dlib-book-card{
    display: grid !important;
    grid-template-columns: 86px minmax(0, 1fr) !important;
    gap: 14px !important;
    min-height: 138px !important;
    height: 138px !important;
    padding: 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 1px solid #dbe5f2 !important;
    border-radius: 8px !important;
}
.dlib-book-cover{
    width: 86px !important;
    min-width: 86px !important;
    height: 108px !important;
    padding: 8px !important;
    box-sizing: border-box !important;
}
.dlib-book-info{
    min-width: 0 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}
.dlib-book-info h3{
    margin: 0 0 6px !important;
    font-size: 14px !important;
    line-height: 1.32 !important;
    max-height: 38px !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
.dlib-book-info p{
    margin: 1px 0 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    max-height: 31px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
.dlib-book-stat{
    margin-top: auto !important;
    padding-top: 5px !important;
    display: flex !important;
    gap: 18px !important;
    flex-wrap: nowrap !important;
    font-size: 12px !important;
}
.dlib-news-list{
    min-height: 408px !important;
    padding: 12px 16px !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid #dbe5f2 !important;
    border-radius: 8px !important;
}
.dlib-news-item{
    grid-template-columns: 54px minmax(0, 1fr) !important;
    min-height: 74px !important;
    padding: 8px 0 !important;
    align-items: center !important;
}
.dlib-news-item h3{
    font-size: 13.5px !important;
    line-height: 1.32 !important;
    max-height: 36px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
.dlib-news-item p{
    font-size: 12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.dlib-mostview-section{
    margin-top: 4px !important;
    margin-bottom: 34px !important;
    background: #fff !important;
    padding-bottom: 24px !important;
}
@media(max-width:1200px){
    .dlib-bottom-row{grid-template-columns: 1fr !important;}
    .dlib-book-grid,.dlib-book-grid-6,.dlib-mostview-grid{grid-template-columns: repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:760px){
    .dlib-home-alt .dlib-section,.dlib-home-alt .dlib-bottom-row{width: calc(100% - 24px) !important;}
    .dlib-book-grid,.dlib-book-grid-6,.dlib-mostview-grid{grid-template-columns: 1fr !important;}
    .dlib-book-card{height:auto !important; min-height:138px !important;}
    .dlib-category-track{animation: none !important; width: 100% !important; overflow-x:auto !important;}
}

/* =========================================================
   QNMC DIGITAL LIBRARY - MENU + HERO + CARD LAYOUT FINAL
   ========================================================= */
:root{
    --qnmc-blue:#064391;
    --qnmc-blue-2:#0b63ce;
    --qnmc-blue-3:#06306f;
    --qnmc-line:#dbe8f6;
    --qnmc-soft:#f3f8ff;
    --qnmc-shadow:0 14px 34px rgba(5,55,120,.11);
}
.section-header{
    background:#fff!important;
    border-bottom:1px solid #e6f0fb!important;
    box-shadow:0 4px 18px rgba(4,52,113,.06);
}
#header{
    min-height:90px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:26px!important;
}
#header .logo{padding:10px 0!important;flex:0 0 auto!important;}
#header .logo img{max-height:72px!important;width:auto!important;}
#header .right-ads{display:none!important;}
.dlib-header-menu{flex:1 1 auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;}
.dlib-header-menu .container,.dlib-header-menu .row,.dlib-header-menu .bg{width:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.dlib-header-menu .navbar,.dlib-header-menu .navbar-default,.dlib-header-menu .navbar-collapse{margin:0!important;border:0!important;min-height:0!important;background:transparent!important;box-shadow:none!important;}
.dlib-header-menu .navbar-nav{float:none!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;margin:0!important;padding:8px!important;background:linear-gradient(135deg,#073b82 0%,#0b63ce 100%)!important;border-radius:14px!important;box-shadow:0 12px 28px rgba(5,68,146,.18)!important;}
.dlib-header-menu .navbar-nav>li{margin:0!important;}
.dlib-header-menu .navbar-nav>li>a{color:#eaf4ff!important;font-weight:800!important;font-size:14px!important;text-transform:uppercase!important;padding:13px 16px!important;border-radius:10px!important;background:transparent!important;line-height:1.2!important;transition:all .22s ease!important;}
.dlib-header-menu .navbar-nav>li>a:hover,.dlib-header-menu .navbar-nav>li>a:focus,.dlib-header-menu .navbar-nav>.active>a,.dlib-header-menu .navbar-nav>.open>a{color:#073b82!important;background:#fff!important;transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.14)!important;}
.dlib-header-menu .dropdown-menu{border-radius:12px!important;border:1px solid #d7e6f8!important;background:#fff!important;box-shadow:0 16px 36px rgba(0,50,120,.18)!important;padding:8px!important;margin-top:8px!important;}
.dlib-header-menu .dropdown-menu>li>a{color:#073f86!important;border-radius:8px!important;font-weight:700!important;padding:10px 14px!important;}
.dlib-header-menu .dropdown-menu>li>a:hover,.dlib-header-menu .dropdown-menu>li>a:focus{color:#fff!important;background:#0b63ce!important;}
.section-nav{display:none!important;}

.dlib-home,.dlib-home-alt{background:#fff!important;}
.dlib-hero-modern,.dlib-hero{
    min-height:520px!important;
    margin:0 calc((100vw - 1280px)/-2)!important;
    padding:42px 0!important;
    color:#fff!important;
    background:
        radial-gradient(circle at 80% 32%,rgba(74,152,255,.28),transparent 34%),
        radial-gradient(circle at 18% 18%,rgba(255,255,255,.11),transparent 25%),
        linear-gradient(135deg,rgba(4,33,82,.98) 0%,rgba(7,62,135,.98) 50%,rgba(2,32,77,.98) 100%)!important;
    overflow:hidden!important;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:left!important;
}
.dlib-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;opacity:.55;pointer-events:none;}
.dlib-hero:after{content:"";position:absolute;width:520px;height:520px;border:44px solid rgba(255,255,255,.055);border-radius:50%;right:9%;top:50%;transform:translateY(-50%);pointer-events:none;}
.dlib-hero-inner{width:min(1180px,94vw);display:grid!important;grid-template-columns:1.12fr .88fr;align-items:center;gap:40px;position:relative;z-index:2;}
.dlib-hero-content{text-align:left!important;}
.dlib-hero-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:8px 14px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.10);border-radius:999px;color:#dcecff;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.4px;}
.dlib-hero-kicker:before{content:"\f02d";font-family:FontAwesome;}
.dlib-hero h1{font-family:Arial,"Helvetica Neue",Tahoma,sans-serif!important;font-size:48px!important;line-height:1.22!important;font-weight:900!important;margin:0 0 16px!important;text-transform:uppercase!important;color:#fff!important;letter-spacing:.2px!important;text-shadow:0 4px 16px rgba(0,0,0,.22)!important;-webkit-text-stroke:0!important;}
.dlib-hero p{font-size:18px!important;line-height:1.75!important;max-width:620px!important;margin:0 0 28px!important;color:#eaf3ff!important;}
.dlib-searchbox{width:680px!important;max-width:100%!important;height:60px!important;display:flex!important;background:#fff!important;border-radius:14px!important;box-shadow:0 20px 44px rgba(0,0,0,.28)!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.35)!important;}
.dlib-searchbox input{flex:1!important;min-width:0!important;border:0!important;padding:0 22px!important;color:#253b5f!important;outline:0!important;background:#fff!important;}
.dlib-searchbox select{width:170px!important;border:0!important;border-left:1px solid #e1e8f2!important;color:#43536d!important;padding:0 14px!important;background:#fff!important;outline:0!important;}
.dlib-searchbox button{width:132px!important;border:0!important;background:linear-gradient(135deg,#0b63ce,#0752ad)!important;color:#fff!important;font-weight:900!important;}
.dlib-popular{margin-top:20px!important;color:#fff!important;font-size:13px!important;}
.dlib-tag{display:inline-block!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;border-radius:999px!important;padding:7px 14px!important;margin:4px!important;text-decoration:none!important;transition:all .2s ease!important;}
.dlib-tag:hover{background:#fff!important;color:#073b82!important;transform:translateY(-2px);}
.dlib-hero-visual{min-height:330px;position:relative;}
.dlib-screen{position:absolute;right:26px;top:40px;width:330px;height:210px;border-radius:18px;background:#eaf4ff;box-shadow:0 28px 60px rgba(0,0,0,.32);border:12px solid #17355d;overflow:hidden;}
.dlib-screen:before{content:"";display:block;height:42px;background:#0b63ce;}
.dlib-screen span,.dlib-screen b,.dlib-screen i{display:block;height:12px;border-radius:8px;background:#b9d7f5;margin:24px 34px 0;}
.dlib-screen span{width:90px;background:#6fb7ef}.dlib-screen b{width:220px}.dlib-screen i{width:170px}
.dlib-phone{position:absolute;right:0;top:135px;width:78px;height:142px;border-radius:18px;background:#fff;border:10px solid #17355d;box-shadow:0 20px 35px rgba(0,0,0,.25);}
.dlib-phone span,.dlib-phone b{display:block;height:9px;border-radius:9px;margin:26px 12px 0;background:#0b63ce}.dlib-phone b{background:#bdd8f4;margin-top:18px;width:34px;}
.dlib-book-one,.dlib-book-two{position:absolute;left:40px;bottom:38px;width:86px;height:120px;border-radius:8px;background:linear-gradient(135deg,#ffb743,#fff0c3);box-shadow:0 18px 28px rgba(0,0,0,.20);transform:rotate(-7deg)}
.dlib-book-two{left:100px;bottom:26px;background:linear-gradient(135deg,#43d18b,#d6ffe8);transform:rotate(9deg)}
.dlib-search-orbit{position:absolute;right:160px;bottom:20px;width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);font-size:42px;color:#fff;box-shadow:inset 0 0 0 12px rgba(255,255,255,.05);animation:dlibFloat 4.2s ease-in-out infinite;}
@keyframes dlibFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

.dlib-section,.dlib-bottom-row,.dlib-mostview-section{width:min(1180px,94vw)!important;margin-left:auto!important;margin-right:auto!important;}
.dlib-row-head{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:18px!important;gap:12px!important;}
.dlib-row-head h2{font-size:24px!important;line-height:1.25!important;color:#064391!important;font-weight:900!important;margin:0!important;text-transform:uppercase!important;}
.dlib-link{color:#0059c7!important;font-weight:900!important;white-space:nowrap!important;}
.dlib-category-slider-wrap{position:relative!important;overflow:visible!important;}
.dlib-category-slider{overflow:hidden!important;scroll-behavior:smooth!important;}
.dlib-category-track{display:flex!important;gap:18px!important;align-items:stretch!important;}
.dlib-category-card{flex:0 0 calc((100% - 90px)/6)!important;min-width:170px!important;height:235px!important;border:1px solid var(--qnmc-line)!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 10px 24px rgba(5,55,120,.08)!important;text-align:center!important;text-decoration:none!important;color:#064391!important;transition:all .25s ease!important;}
.dlib-category-card:hover{transform:translateY(-7px);box-shadow:0 18px 36px rgba(5,55,120,.18)!important;}
.dlib-category-img{display:block!important;height:92px!important;background-size:cover!important;background-position:center!important;}
.dlib-category-icon{display:inline-flex!important;width:58px!important;height:58px!important;margin-top:-30px!important;border-radius:50%!important;align-items:center!important;justify-content:center!important;background:#0b63ce!important;color:#fff!important;border:4px solid #fff!important;font-size:25px!important;box-shadow:0 8px 18px rgba(7,85,178,.22)!important;}
.dlib-category-card strong{display:block!important;font-size:16px!important;line-height:1.25!important;font-weight:900!important;margin:8px 10px!important;min-height:40px!important;color:#064391!important;}
.dlib-category-card small{display:block!important;color:#526987!important;font-size:13px!important;line-height:1.45!important;padding:0 14px 16px!important;}
.dlib-cat-nav{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:5!important;width:38px!important;height:38px!important;border-radius:50%!important;border:1px solid #d9e8fb!important;background:#fff!important;color:#0b63ce!important;box-shadow:0 8px 22px rgba(4,60,132,.16)!important;}
.dlib-cat-prev{left:-18px!important}.dlib-cat-next{right:-18px!important}

.dlib-bottom-row{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:26px!important;align-items:start!important;margin-top:28px!important;}
.dlib-latest-flat,.dlib-news-flat,.dlib-mostview-section{background:#fff!important;border:1px solid var(--qnmc-line)!important;border-radius:14px!important;box-shadow:var(--qnmc-shadow)!important;padding:22px!important;overflow:visible!important;}
.dlib-book-grid,.dlib-book-grid-6{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;}
.dlib-book-card{display:grid!important;grid-template-columns:106px minmax(0,1fr)!important;gap:16px!important;align-items:flex-start!important;min-height:155px!important;height:auto!important;padding:14px!important;background:#fff!important;border:1px solid var(--qnmc-line)!important;border-radius:12px!important;box-shadow:0 8px 18px rgba(5,55,120,.06)!important;overflow:visible!important;transition:all .22s ease!important;}
.dlib-book-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(5,55,120,.14)!important;}
.dlib-book-cover{width:106px!important;height:136px!important;border-radius:7px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:10px!important;color:#fff!important;font-weight:900!important;font-size:13px!important;line-height:1.25!important;text-decoration:none!important;box-shadow:0 10px 22px rgba(0,0,0,.15)!important;overflow:hidden!important;}
.dlib-book-info{min-width:0!important;display:block!important;overflow:visible!important;}
.dlib-book-info h3{font-size:16px!important;line-height:1.35!important;margin:0 0 8px!important;font-weight:900!important;display:block!important;max-height:none!important;overflow:visible!important;}
.dlib-book-info h3 a{color:#064391!important;text-decoration:none!important;display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
.dlib-book-info p{font-size:13px!important;line-height:1.45!important;color:#324664!important;margin:0 0 4px!important;white-space:normal!important;overflow:visible!important;}
.dlib-book-stat{display:flex!important;gap:22px!important;align-items:center!important;margin-top:10px!important;color:#244e79!important;font-size:13px!important;}
.dlib-news-list{display:grid!important;gap:0!important;}
.dlib-news-item{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:14px!important;align-items:flex-start!important;padding:12px 0!important;border-bottom:1px solid #e8f0fa!important;}
.dlib-news-item:last-child{border-bottom:0!important;}
.dlib-news-date{width:58px!important;height:58px!important;border:1px solid #d5e6f8!important;background:#f5faff!important;border-radius:8px!important;text-align:center!important;color:#0b63ce!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.dlib-news-date strong{font-size:20px!important;line-height:1!important;}
.dlib-news-date span{font-size:11px!important;color:#36577d!important;}
.dlib-news-item h3{font-size:15px!important;line-height:1.35!important;margin:0 0 5px!important;font-weight:900!important;color:#064391!important;}
.dlib-news-item p{font-size:13px!important;line-height:1.45!important;margin:0!important;color:#415877!important;}
.dlib-mostview-section{margin-top:28px!important;margin-bottom:0!important;}
.dlib-mostview-section .dlib-book-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}

.dlib-guide{width:min(1180px,94vw)!important;margin-left:auto!important;margin-right:auto!important;padding:58px 0!important;overflow:visible!important;}
.dlib-check{padding-left:0!important;margin-left:0!important;list-style:none!important;}
.dlib-check li{display:flex!important;align-items:center!important;gap:9px!important;line-height:1.5!important;}
.dlib-check li:before{flex:0 0 20px!important;margin:0!important;}

@media(max-width:1200px){
    .dlib-category-card{flex-basis:calc((100% - 54px)/4)!important;}
    .dlib-bottom-row{grid-template-columns:1fr!important;}
    .dlib-news-flat{max-width:none!important;}
    .dlib-mostview-section .dlib-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:900px){
    #header{flex-wrap:wrap!important;justify-content:center!important;gap:10px!important;}
    .dlib-header-menu{flex-basis:100%!important;justify-content:center!important;padding-bottom:10px!important;}
    .dlib-header-menu .navbar-nav{flex-wrap:wrap!important;justify-content:center!important;}
    .dlib-hero-inner{grid-template-columns:1fr!important;text-align:center!important;}
    .dlib-hero-content{text-align:center!important;}
    .dlib-hero p{margin-left:auto!important;margin-right:auto!important;}
    .dlib-hero-visual{display:none!important;}
    .dlib-searchbox{margin-left:auto!important;margin-right:auto!important;}
    .dlib-category-card{flex-basis:calc((100% - 18px)/2)!important;}
    .dlib-book-grid,.dlib-book-grid-6,.dlib-mostview-section .dlib-book-grid{grid-template-columns:1fr!important;}
}
@media(max-width:600px){
    .dlib-hero h1{font-size:32px!important;}
    .dlib-searchbox{height:auto!important;display:block!important;}
    .dlib-searchbox input,.dlib-searchbox select,.dlib-searchbox button{width:100%!important;height:50px!important;display:block!important;}
    .dlib-book-card{grid-template-columns:92px minmax(0,1fr)!important;gap:12px!important;}
    .dlib-book-cover{width:92px!important;height:124px!important;font-size:12px!important;}
}

/* =========================================================
   QNMC FINAL POLISH - Cao dang Y te Quang Ninh
   Menu compact, banner truong, tai lieu tham khao, card hien thi day du
   ========================================================= */
:root{
    --qnmc-primary:#064391;
    --qnmc-primary-2:#0b63ce;
    --qnmc-primary-3:#052a63;
    --qnmc-accent:#18a058;
    --qnmc-soft:#f4f9ff;
    --qnmc-line:#dbe8f6;
    --qnmc-text:#17345f;
    --qnmc-shadow:0 12px 30px rgba(6,67,145,.10);
}
body{background:#f3f8ff!important;color:var(--qnmc-text)!important;}
.wraper{max-width:1280px!important;}
#body,.dlib-body .container{box-shadow:none!important;border:0!important;background:transparent!important;}

/* Topbar + menu sat logo, mau dong bo voi banner */
.dlib-topbar{height:32px!important;background:#eef7ff!important;border-bottom:1px solid #dcecff!important;color:#164d86!important;}
.dlib-topbar-inner{height:32px!important;font-size:13px!important;}
.dlib-navbar{background:#fff!important;box-shadow:0 5px 18px rgba(5,55,120,.07)!important;}
.dlib-navbar-inner{min-height:78px!important;padding:0 12px!important;gap:20px!important;}
.dlib-brand{min-width:300px!important;gap:12px!important;}
.dlib-brand img{width:64px!important;height:64px!important;}
.dlib-brand small{font-size:13px!important;color:#0b63ce!important;font-weight:900!important;}
.dlib-brand strong{font-size:26px!important;color:#064391!important;font-weight:900!important;}
.dlib-menu{flex:1!important;text-align:right!important;}
.dlib-menu ul,.dlib-menu .navbar-nav{display:inline-flex!important;align-items:center!important;gap:6px!important;margin:0!important;padding:6px!important;list-style:none!important;background:linear-gradient(135deg,#063b82 0%,#0b63ce 100%)!important;border-radius:14px!important;box-shadow:0 12px 26px rgba(5,68,146,.16)!important;}
.dlib-menu li{display:block!important;margin:0!important;}
.dlib-menu a,.dlib-menu .navbar-nav>li>a{display:flex!important;align-items:center!important;min-height:40px!important;padding:10px 15px!important;border-radius:10px!important;color:#eef7ff!important;text-transform:uppercase!important;font-weight:900!important;font-size:13px!important;line-height:1.2!important;text-decoration:none!important;background:transparent!important;transition:all .22s ease!important;}
.dlib-menu a:hover,.dlib-menu a:focus,.dlib-menu .active>a,.dlib-menu .navbar-nav>.active>a,.dlib-menu .navbar-nav>.open>a{background:#fff!important;color:#064391!important;transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(0,0,0,.13)!important;}
.dlib-login{margin-left:4px!important;}
.dlib-login a,.dlib-login .btn{border-radius:10px!important;background:#0b63ce!important;font-weight:800!important;box-shadow:0 8px 18px rgba(6,83,181,.18)!important;}

/* Hero banner gan hinh anh nha truong va chu de y te */
.dlib-home,.dlib-home-alt,.dlib-qnmc-final{background:#fff!important;}
.dlib-hero-qnmc,.dlib-hero-modern,.dlib-hero{
    min-height:500px!important;
    margin:0 calc((100vw - 1280px)/-2)!important;
    padding:40px 0!important;
    color:#fff!important;
    background:
        linear-gradient(90deg,rgba(3,31,75,.96) 0%,rgba(6,61,132,.92) 48%,rgba(5,47,106,.90) 100%),
        url('../images/qnmc/building.jpg') right center/cover no-repeat!important;
    position:relative!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
}
.dlib-hero-qnmc:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;opacity:.45;pointer-events:none;}
.dlib-hero-qnmc:after{content:"";position:absolute;right:-80px;top:70px;width:520px;height:520px;border:42px solid rgba(255,255,255,.07);border-radius:50%;pointer-events:none;}
.dlib-hero-inner{width:min(1180px,94vw)!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(0,1.05fr) 420px!important;gap:46px!important;align-items:center!important;position:relative!important;z-index:2!important;}
.dlib-hero-content{text-align:left!important;}
.dlib-hero-kicker{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 14px!important;margin-bottom:16px!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;color:#dff0ff!important;font-size:13px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.2px!important;}
.dlib-hero-kicker:before{content:"\f0f8";font-family:FontAwesome;}
.dlib-hero h1{font-size:46px!important;line-height:1.22!important;font-weight:900!important;margin:0 0 16px!important;color:#fff!important;text-transform:uppercase!important;text-shadow:0 4px 18px rgba(0,0,0,.25)!important;}
.dlib-hero p{font-size:18px!important;line-height:1.65!important;max-width:690px!important;color:#eef7ff!important;margin:0 0 26px!important;}
.dlib-searchbox{width:720px!important;max-width:100%!important;height:60px!important;display:flex!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 20px 42px rgba(0,0,0,.28)!important;border:1px solid rgba(255,255,255,.35)!important;}
.dlib-searchbox input{flex:1!important;min-width:0!important;border:0!important;padding:0 22px!important;color:#243b5f!important;background:#fff!important;outline:0!important;}
.dlib-searchbox select{width:190px!important;border:0!important;border-left:1px solid #e3ebf6!important;color:#42536f!important;padding:0 13px!important;background:#fff!important;outline:0!important;}
.dlib-searchbox button{width:136px!important;border:0!important;background:linear-gradient(135deg,#0b63ce,#064391)!important;color:#fff!important;font-weight:900!important;}
.dlib-popular{margin-top:18px!important;color:#fff!important;font-size:13px!important;}
.dlib-tag{display:inline-block!important;margin:4px!important;padding:7px 13px!important;border-radius:999px!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.23)!important;color:#fff!important;text-decoration:none!important;}
.dlib-tag:hover{background:#fff!important;color:#064391!important;transform:translateY(-2px)!important;}
.dlib-hero-visual{display:block!important;min-height:330px!important;position:relative!important;}
.dlib-campus-card{position:absolute!important;right:46px!important;top:0!important;width:310px!important;border-radius:20px!important;background:#fff!important;box-shadow:0 28px 60px rgba(0,0,0,.28)!important;overflow:hidden!important;color:#064391!important;text-align:left!important;transform:rotate(1.5deg)!important;}
.dlib-campus-card span{display:block!important;height:178px!important;background-size:cover!important;background-position:center!important;}
.dlib-campus-card strong{display:block!important;font-size:18px!important;font-weight:900!important;padding:16px 18px 4px!important;line-height:1.3!important;}
.dlib-campus-card small{display:block!important;padding:0 18px 18px!important;color:#5b708e!important;font-weight:600!important;}
.dlib-screen{right:92px!important;top:210px!important;width:255px!important;height:150px!important;border-width:10px!important;border-color:#18365d!important;opacity:.98!important;}
.dlib-screen:before{height:34px!important;background:#0b63ce!important;}
.dlib-phone{right:20px!important;top:238px!important;width:66px!important;height:120px!important;border-width:8px!important;}
.dlib-book-one{left:18px!important;bottom:34px!important;width:74px!important;height:105px!important;}
.dlib-book-two{left:72px!important;bottom:20px!important;width:74px!important;height:105px!important;}
.dlib-search-orbit{right:310px!important;bottom:10px!important;width:78px!important;height:78px!important;font-size:34px!important;}

/* Khoang cach menu - hero - tieu de gon hon */
.dlib-category-showcase{margin-top:26px!important;margin-bottom:26px!important;}
.dlib-section,.dlib-content-row,.dlib-bottom-row,.dlib-mostview-section,.dlib-reference-section{width:min(1180px,94vw)!important;margin-left:auto!important;margin-right:auto!important;}
.dlib-row-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:16px!important;gap:14px!important;}
.dlib-row-head h2{margin:0!important;color:#064391!important;font-size:24px!important;line-height:1.25!important;font-weight:900!important;text-transform:uppercase!important;}
.dlib-link{font-size:14px!important;font-weight:900!important;color:#005dcc!important;text-decoration:none!important;white-space:nowrap!important;}

/* Slider chuyen nganh */
.dlib-category-slider-wrap{position:relative!important;overflow:visible!important;}
.dlib-category-slider{overflow:hidden!important;scroll-behavior:smooth!important;padding:2px 0 10px!important;}
.dlib-category-track{display:flex!important;gap:18px!important;align-items:stretch!important;}
.dlib-category-card{flex:0 0 calc((100% - 90px)/6)!important;min-width:174px!important;height:230px!important;border:1px solid var(--qnmc-line)!important;border-radius:13px!important;background:#fff!important;overflow:hidden!important;text-align:center!important;color:#064391!important;text-decoration:none!important;box-shadow:0 10px 25px rgba(6,67,145,.08)!important;transition:all .25s ease!important;}
.dlib-category-card:hover{transform:translateY(-7px)!important;box-shadow:0 18px 36px rgba(6,67,145,.17)!important;border-color:#b8d5f5!important;}
.dlib-category-img{display:block!important;height:92px!important;background-size:cover!important;background-position:center!important;}
.dlib-category-icon{display:inline-flex!important;width:58px!important;height:58px!important;margin-top:-30px!important;border-radius:50%!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#0b63ce,#064391)!important;color:#fff!important;border:4px solid #fff!important;font-size:25px!important;box-shadow:0 9px 20px rgba(6,67,145,.22)!important;}
.dlib-category-card strong{display:block!important;min-height:42px!important;margin:8px 10px!important;font-size:16px!important;line-height:1.28!important;color:#064391!important;font-weight:900!important;}
.dlib-category-card small{display:block!important;padding:0 14px 15px!important;color:#526987!important;font-size:13px!important;line-height:1.45!important;}
.dlib-cat-nav{position:absolute!important;top:50%!important;z-index:6!important;width:40px!important;height:40px!important;border-radius:50%!important;border:1px solid #d8e8fb!important;background:#fff!important;color:#0b63ce!important;box-shadow:0 9px 22px rgba(6,67,145,.16)!important;transform:translateY(-50%)!important;}
.dlib-cat-prev{left:-20px!important;}.dlib-cat-next{right:-20px!important;}

/* Bo cuc noi dung: tai lieu rong hon, tin tuc nho lai */
.dlib-content-row{display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:24px!important;align-items:start!important;margin-top:28px!important;}
.dlib-latest-flat,.dlib-news-flat,.dlib-reference-section,.dlib-mostview-section{background:#fff!important;border:1px solid var(--qnmc-line)!important;border-radius:16px!important;box-shadow:var(--qnmc-shadow)!important;padding:22px!important;overflow:visible!important;}
.dlib-book-grid,.dlib-book-grid-6,.dlib-mostview-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;}
.dlib-book-card{display:grid!important;grid-template-columns:98px minmax(0,1fr)!important;gap:14px!important;align-items:flex-start!important;min-height:170px!important;height:auto!important;padding:14px!important;background:#fff!important;border:1px solid var(--qnmc-line)!important;border-radius:13px!important;box-shadow:0 8px 19px rgba(6,67,145,.06)!important;overflow:visible!important;transition:all .22s ease!important;}
.dlib-book-card:hover{transform:translateY(-5px)!important;box-shadow:0 16px 32px rgba(6,67,145,.14)!important;}
.dlib-book-cover{width:98px!important;height:128px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:10px!important;color:#fff!important;font-weight:900!important;font-size:12px!important;line-height:1.25!important;text-decoration:none!important;box-shadow:0 10px 22px rgba(0,0,0,.15)!important;overflow:hidden!important;text-transform:uppercase!important;}
.dlib-book-cover span{display:block!important;max-height:92px!important;overflow:hidden!important;}
.dlib-book-info{min-width:0!important;display:block!important;overflow:visible!important;}
.dlib-book-info h3{font-size:15px!important;line-height:1.35!important;margin:0 0 8px!important;font-weight:900!important;display:block!important;max-height:none!important;overflow:visible!important;}
.dlib-book-info h3 a{color:#064391!important;text-decoration:none!important;display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
.dlib-book-info p{font-size:12.5px!important;line-height:1.42!important;color:#334965!important;margin:0 0 3px!important;white-space:normal!important;overflow:visible!important;}
.dlib-book-stat{display:flex!important;gap:18px!important;align-items:center!important;margin-top:9px!important;color:#244e79!important;font-size:13px!important;}
.dlib-reference-section,.dlib-mostview-section{margin-top:26px!important;}

/* Tin tuc 5 tin nho gon */
.dlib-news-flat{padding:20px!important;}
.dlib-news-flat .dlib-row-head h2{font-size:21px!important;}
.dlib-news-item{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important;align-items:flex-start!important;padding:10px 0!important;border-bottom:1px solid #e8f0fa!important;}
.dlib-news-item:last-child{border-bottom:0!important;}
.dlib-news-date{width:52px!important;height:52px!important;border:1px solid #d5e6f8!important;background:#f5faff!important;border-radius:8px!important;text-align:center!important;color:#0b63ce!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.dlib-news-date strong{font-size:18px!important;line-height:1!important;}
.dlib-news-date span{font-size:10.5px!important;color:#36577d!important;}
.dlib-news-item h3{font-size:14px!important;line-height:1.35!important;margin:0 0 4px!important;font-weight:900!important;color:#064391!important;}
.dlib-news-item p{font-size:12.5px!important;line-height:1.45!important;margin:0!important;color:#415877!important;}

/* Huong dan va thong ke */
.dlib-blue-stats{margin-top:34px!important;background:linear-gradient(135deg,#063b82,#052a63)!important;color:#fff!important;padding:42px 0!important;}
.dlib-blue-stats h2{text-align:center!important;margin:0 0 24px!important;color:#fff!important;font-weight:900!important;}
.dlib-stat-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:14px!important;}
.dlib-stat-card{background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:12px!important;padding:18px 14px!important;display:flex!important;align-items:center!important;gap:12px!important;color:#fff!important;}
.dlib-stat-card em{font-size:28px!important;opacity:.92!important;}
.dlib-stat-card strong{display:block!important;font-size:22px!important;line-height:1!important;font-weight:900!important;}
.dlib-stat-card span{font-size:12px!important;color:#dcecff!important;}
.dlib-guide{width:min(1180px,94vw)!important;display:grid!important;grid-template-columns:1fr 420px!important;gap:40px!important;align-items:center!important;margin:0 auto!important;padding:54px 0!important;overflow:visible!important;}
.dlib-guide h4{text-transform:uppercase!important;color:#0b63ce!important;font-size:13px!important;font-weight:900!important;margin:0 0 10px!important;}
.dlib-guide h2{font-size:28px!important;line-height:1.25!important;color:#064391!important;font-weight:900!important;margin:0 0 14px!important;}
.dlib-guide p{font-size:15px!important;line-height:1.7!important;color:#34506f!important;}
.dlib-check{list-style:none!important;padding:0!important;margin:18px 0 22px!important;}
.dlib-check li{display:flex!important;gap:10px!important;align-items:flex-start!important;padding:7px 0!important;line-height:1.5!important;}
.dlib-check li:before{content:"\f00c"!important;font-family:FontAwesome!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;min-width:20px!important;border-radius:50%!important;background:#4ec475!important;color:#fff!important;font-size:11px!important;margin-top:1px!important;}
.dlib-btn{display:inline-flex!important;align-items:center!important;padding:12px 18px!important;border-radius:10px!important;background:#0b63ce!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;box-shadow:0 10px 22px rgba(6,83,181,.18)!important;}
.dlib-devices{height:260px!important;background:url('../images/qnmc/devices.svg') center/contain no-repeat!important;}

/* Footer thong tin truong */
.dlib-footer h3,.dlib-footer p{color:inherit!important;}

@media(max-width:1200px){
    .dlib-content-row{grid-template-columns:1fr!important;}
    .dlib-news-flat{max-width:none!important;}
    .dlib-book-grid,.dlib-book-grid-6,.dlib-mostview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    .dlib-category-card{flex-basis:calc((100% - 54px)/4)!important;}
    .dlib-stat-grid{grid-template-columns:repeat(3,1fr)!important;}
}
@media(max-width:991px){
    .dlib-navbar-inner{flex-wrap:wrap!important;justify-content:center!important;padding:10px 12px!important;}
    .dlib-menu{order:3!important;flex-basis:100%!important;text-align:center!important;}
    .dlib-menu ul,.dlib-menu .navbar-nav{flex-wrap:wrap!important;justify-content:center!important;}
    .dlib-hero-inner{grid-template-columns:1fr!important;text-align:center!important;}
    .dlib-hero-content{text-align:center!important;}
    .dlib-hero p{margin-left:auto!important;margin-right:auto!important;}
    .dlib-hero-visual{display:none!important;}
    .dlib-searchbox{margin-left:auto!important;margin-right:auto!important;}
    .dlib-guide{grid-template-columns:1fr!important;text-align:left!important;}
}
@media(max-width:700px){
    .dlib-topbar-inner{display:block!important;height:auto!important;padding:8px 12px!important;}
    .dlib-topbar{height:auto!important;}
    .dlib-brand{min-width:0!important;}
    .dlib-brand strong{font-size:21px!important;}
    .dlib-menu ul,.dlib-menu .navbar-nav{display:block!important;padding:8px!important;}
    .dlib-menu a,.dlib-menu .navbar-nav>li>a{justify-content:center!important;}
    .dlib-hero h1{font-size:31px!important;}
    .dlib-searchbox{height:auto!important;display:block!important;}
    .dlib-searchbox input,.dlib-searchbox select,.dlib-searchbox button{width:100%!important;height:50px!important;display:block!important;}
    .dlib-category-card{flex-basis:calc((100% - 18px)/2)!important;}
    .dlib-book-grid,.dlib-book-grid-6,.dlib-mostview-grid{grid-template-columns:1fr!important;}
    .dlib-book-card{grid-template-columns:92px minmax(0,1fr)!important;}
    .dlib-book-cover{width:92px!important;height:122px!important;}
    .dlib-stat-grid{grid-template-columns:1fr!important;}
}

/* =========================================================
   QNMC DIGITAL LIBRARY - COMPLETION PATCH FOR NUKVIET 4.5
   Fix banner full width, category images + document counts,
   document cards, and news overflow inside the layout.
   ========================================================= */
.dlib-qnmc-final{overflow:hidden!important;}
.dlib-qnmc-final .dlib-hero-qnmc{
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    border-radius:0!important;
}
.dlib-qnmc-final .dlib-section,
.dlib-qnmc-final .dlib-content-row,
.dlib-qnmc-final .dlib-guide{
    max-width:1180px!important;
    width:94vw!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.dlib-qnmc-final .dlib-content-row{
    grid-template-columns:minmax(0,1fr) 330px!important;
    overflow:visible!important;
}
.dlib-qnmc-final .dlib-latest-flat,
.dlib-qnmc-final .dlib-news-flat,
.dlib-qnmc-final .dlib-book-card,
.dlib-qnmc-final .dlib-news-item,
.dlib-qnmc-final .dlib-news-item > div,
.dlib-qnmc-final .dlib-book-info{min-width:0!important;}
.dlib-qnmc-final .dlib-news-flat{max-width:100%!important;overflow:hidden!important;}
.dlib-qnmc-final .dlib-news-item h3,
.dlib-qnmc-final .dlib-news-item p{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.dlib-qnmc-final .dlib-news-item h3{-webkit-line-clamp:2!important;}
.dlib-qnmc-final .dlib-news-item p{-webkit-line-clamp:2!important;}
.dlib-qnmc-final .dlib-category-card{padding-bottom:14px!important;}
.dlib-qnmc-final .dlib-category-count{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    margin:0 14px!important;
    padding:6px 10px!important;
    border-radius:999px!important;
    background:#eef7ff!important;
    color:#064391!important;
    font-size:12px!important;
    font-weight:800!important;
}
.dlib-qnmc-final .dlib-book-cover[style*="background-image"] span{display:none!important;}
.dlib-qnmc-final .dlib-book-cover{background-color:#0b63ce!important;background-repeat:no-repeat!important;}
@media(max-width:1200px){
    .dlib-qnmc-final .dlib-content-row{grid-template-columns:1fr!important;}
}
@media(max-width:700px){
    .dlib-qnmc-final .dlib-section,
    .dlib-qnmc-final .dlib-content-row,
    .dlib-qnmc-final .dlib-guide{width:94vw!important;}
    .dlib-qnmc-final .dlib-news-flat{padding:16px!important;}
}

/* QNMC layout hardening: prevent default NukeViet blocks/menus from overlapping library homepage */
body { overflow-x: hidden; }
.dlib-body, .dlib-body .wraper, .dlib-body section, #body { position: relative; z-index: 1; }
.dlib-body .row { margin-left: 0; margin-right: 0; }
.dlib-home, .dlib-home * { box-sizing: border-box; }
.dlib-home { clear: both; width: 100%; overflow: hidden; }
.dlib-hero { margin-left: calc((1280px - 100vw)/2); margin-right: calc((1280px - 100vw)/2); width: auto; }
.dlib-main-grid, .dlib-panel, .dlib-notice, .dlib-news, .dlib-majors { min-width: 0; overflow: hidden; }
.dlib-panel, .dlib-notice { max-width: 100%; }
.dlib-panel h1, .dlib-panel h2, .dlib-panel h3, .dlib-notice h1, .dlib-notice h2, .dlib-notice h3 { overflow-wrap: anywhere; }
.dlib-list-item, .dlib-news-item, .dlib-major-card, .dlib-doc-card { min-width: 0; }
.dlib-news-item p, .dlib-list-item p, .dlib-doc-card p, .dlib-major-card p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dlib-navbar, .dlib-header { clear: both; }
.dlib-menu .navbar, .dlib-menu .navbar-default, .dlib-menu .navbar-collapse { margin: 0; border: 0; background: transparent; box-shadow: none; }
.dlib-menu .navbar-nav > li > a { padding: 31px 13px; }
@media (max-width: 1320px) { .dlib-hero { margin-left: -15px; margin-right: -15px; } }
@media (max-width: 1100px) { .dlib-main-grid { grid-template-columns: 1fr !important; } .dlib-hero { min-height: 440px; } }

/* QNMC layout patch v4 - 2026-06-14: menu, typography, spacing, guide */
html{scroll-behavior:smooth;}
.dlib-header{position:relative!important;z-index:50!important;background:#fff!important;}
.dlib-navbar{position:relative!important;z-index:50!important;overflow:visible!important;}
.dlib-navbar-inner{width:min(1220px,96vw)!important;min-height:72px!important;display:flex!important;align-items:center!important;gap:18px!important;flex-wrap:nowrap!important;}
.dlib-brand{flex:0 0 auto!important;min-width:250px!important;}
.dlib-brand img{width:58px!important;height:58px!important;}
.dlib-brand small{font-size:12px!important;line-height:1.15!important;}
.dlib-brand strong{font-size:24px!important;line-height:1!important;}
.dlib-fixed-menu{flex:1 1 auto!important;text-align:right!important;min-width:0!important;overflow:visible!important;}
.dlib-fixed-menu ul{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;flex-wrap:nowrap!important;margin:0!important;padding:6px 8px!important;list-style:none!important;background:linear-gradient(135deg,#063b82 0%,#0b63ce 100%)!important;border-radius:13px!important;box-shadow:0 10px 22px rgba(5,68,146,.16)!important;max-width:100%!important;}
.dlib-fixed-menu li{display:block!important;margin:0!important;float:none!important;white-space:nowrap!important;}
.dlib-fixed-menu a{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:38px!important;padding:9px 11px!important;border-radius:9px!important;color:#f4f9ff!important;text-transform:uppercase!important;font-weight:800!important;font-size:12px!important;line-height:1.15!important;text-decoration:none!important;background:transparent!important;box-shadow:none!important;}
.dlib-fixed-menu a:hover,.dlib-fixed-menu a:focus{background:#fff!important;color:#064391!important;transform:none!important;}
.dlib-login{display:none!important;}
.dlib-qnmc-final .dlib-category-showcase{padding-top:22px!important;}
.dlib-qnmc-final .dlib-row-head h2{font-size:20px!important;line-height:1.25!important;letter-spacing:0!important;}
.dlib-qnmc-final .dlib-category-card{height:218px!important;min-width:165px!important;}
.dlib-qnmc-final .dlib-category-img{height:86px!important;}
.dlib-qnmc-final .dlib-category-icon{width:50px!important;height:50px!important;margin-top:-28px!important;font-size:22px!important;}
.dlib-qnmc-final .dlib-category-card strong{font-size:14px!important;line-height:1.22!important;margin:6px 8px 6px!important;min-height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.dlib-qnmc-final .dlib-category-card small{font-size:12px!important;line-height:1.35!important;max-height:34px!important;overflow:hidden!important;margin:0 10px 6px!important;display:block!important;}
.dlib-qnmc-final .dlib-category-count{font-size:12px!important;font-weight:800!important;}
.dlib-qnmc-final .dlib-content-row{margin-top:34px!important;}
.dlib-qnmc-final .dlib-reference-section,.dlib-qnmc-final .dlib-mostview-section{margin-top:34px!important;}
.dlib-qnmc-final .dlib-book-card h3{font-size:13px!important;line-height:1.3!important;margin-bottom:6px!important;}
.dlib-qnmc-final .dlib-book-info p{font-size:11.5px!important;line-height:1.35!important;margin:2px 0!important;}
.dlib-qnmc-final .dlib-book-stat{font-size:11.5px!important;margin-top:6px!important;}
.dlib-qnmc-final .dlib-blue-stats{margin-top:42px!important;margin-bottom:36px!important;padding:22px 0!important;background:#073b82!important;}
.dlib-qnmc-final .dlib-blue-stats .wraper{width:min(1120px,92vw)!important;}
.dlib-qnmc-final .dlib-blue-stats h2{display:none!important;}
.dlib-qnmc-final .dlib-stat-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;}
.dlib-qnmc-final .dlib-stat-card{min-height:72px!important;padding:12px 14px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:10px!important;}
.dlib-qnmc-final .dlib-stat-card em{font-size:25px!important;}
.dlib-qnmc-final .dlib-stat-card strong{font-size:20px!important;line-height:1!important;}
.dlib-qnmc-final .dlib-stat-card span{font-size:11.5px!important;line-height:1.2!important;}
.dlib-qnmc-final .dlib-guide-complete{width:min(1120px,92vw)!important;margin:0 auto 48px!important;padding:34px 0 46px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 430px!important;gap:34px!important;border-top:1px solid #e0ebf8!important;}
.dlib-qnmc-final .dlib-guide h4{font-size:12px!important;margin:0 0 8px!important;}
.dlib-qnmc-final .dlib-guide h2{font-size:25px!important;line-height:1.26!important;margin:0 0 12px!important;}
.dlib-qnmc-final .dlib-guide p{font-size:14px!important;line-height:1.65!important;}
.dlib-qnmc-final .dlib-check li{font-size:13.5px!important;line-height:1.55!important;padding:6px 0!important;}
.dlib-guide-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:16px!important;}
.dlib-btn-light{background:#eef5ff!important;color:#064391!important;border:1px solid #cfe0f5!important;}
.dlib-guide-visual{background:linear-gradient(180deg,#f6fbff,#fff)!important;border:1px solid #dbe8f6!important;border-radius:18px!important;padding:22px!important;box-shadow:0 14px 34px rgba(5,55,120,.08)!important;}
.dlib-guide-visual .dlib-devices{height:185px!important;background-size:contain!important;margin-bottom:12px!important;}
.dlib-guide-cards{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
.dlib-guide-cards article{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:12px!important;align-items:center!important;background:#fff!important;border:1px solid #e1ecf8!important;border-radius:12px!important;padding:11px!important;}
.dlib-guide-cards em{grid-row:1/3!important;display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border-radius:12px!important;background:#eaf3ff!important;color:#0b63ce!important;font-size:20px!important;}
.dlib-guide-cards strong{font-size:13.5px!important;color:#064391!important;}
.dlib-guide-cards span{font-size:12.5px!important;line-height:1.4!important;color:#496482!important;}
@media(max-width:1220px){.dlib-navbar-inner{flex-wrap:wrap!important;justify-content:center!important;padding:10px 12px!important}.dlib-fixed-menu{flex-basis:100%!important;text-align:center!important}.dlib-fixed-menu ul{justify-content:center!important;flex-wrap:wrap!important}.dlib-qnmc-final .dlib-stat-grid{grid-template-columns:repeat(3,1fr)!important}.dlib-qnmc-final .dlib-guide-complete{grid-template-columns:1fr!important}.dlib-guide-visual .dlib-devices{height:160px!important}}
@media(max-width:700px){.dlib-brand{min-width:0!important}.dlib-fixed-menu a{font-size:11px!important;padding:8px 9px!important}.dlib-qnmc-final .dlib-stat-grid{grid-template-columns:repeat(2,1fr)!important}.dlib-qnmc-final .dlib-guide-complete{width:calc(100% - 24px)!important;padding-top:28px!important}.dlib-guide-actions .dlib-btn{width:100%!important;text-align:center!important}.dlib-guide-visual{padding:14px!important}.dlib-guide-cards article{grid-template-columns:36px minmax(0,1fr)!important}.dlib-guide-cards em{width:36px!important;height:36px!important}}


/* QNMC refinement v5 - menu white, calmer banner, consistent sections, inner pages width */
:root{--qnmc-logo-blue:#064391;--qnmc-accent:#0b63ce;--qnmc-soft-blue:#eef6ff;}
.dlib-header{box-shadow:0 4px 18px rgba(5,55,120,.06)!important;}
.dlib-navbar{background:#fff!important;border-bottom:1px solid #e6eff9!important;}
.dlib-navbar-inner{min-height:76px!important;}
.dlib-fixed-menu ul{background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;gap:8px!important;justify-content:flex-end!important;}
.dlib-fixed-menu a{color:var(--qnmc-logo-blue)!important;background:transparent!important;border-radius:0!important;min-height:40px!important;padding:10px 8px!important;font-size:12px!important;font-weight:900!important;letter-spacing:.1px!important;border-bottom:3px solid transparent!important;}
.dlib-fixed-menu a:hover,.dlib-fixed-menu a:focus{background:transparent!important;color:var(--qnmc-accent)!important;border-bottom-color:var(--qnmc-accent)!important;}
.dlib-fixed-menu a em{color:var(--qnmc-logo-blue)!important;}
.dlib-brand small{font-size:11.5px!important;color:var(--qnmc-logo-blue)!important;}
.dlib-brand strong{font-size:22px!important;color:var(--qnmc-logo-blue)!important;}
.dlib-qnmc-final .dlib-hero-qnmc{min-height:410px!important;padding:60px 0 54px!important;}
.dlib-qnmc-final .dlib-hero-inner{width:min(1120px,92vw)!important;grid-template-columns:minmax(0,1fr) 420px!important;gap:34px!important;}
.dlib-qnmc-final .dlib-hero h1{font-size:52px!important;line-height:1.08!important;letter-spacing:.5px!important;margin:18px 0 18px!important;}
.dlib-qnmc-final .dlib-hero p{font-size:16px!important;line-height:1.7!important;max-width:650px!important;}
.dlib-qnmc-final .dlib-hero-kicker{font-size:14px!important;padding:9px 18px!important;}
.dlib-qnmc-final .dlib-campus-card strong{font-size:16px!important;}
.dlib-qnmc-final .dlib-section,.dlib-qnmc-final .dlib-content-row,.dlib-qnmc-final .dlib-guide-complete{margin-top:42px!important;margin-bottom:0!important;}
.dlib-qnmc-final .dlib-row-head{align-items:center!important;margin-bottom:20px!important;padding:0!important;border:0!important;}
.dlib-qnmc-final .dlib-row-head h2{position:relative!important;font-size:20px!important;line-height:1.25!important;margin:0!important;padding-left:18px!important;color:var(--qnmc-logo-blue)!important;}
.dlib-qnmc-final .dlib-row-head h2:before{content:""!important;position:absolute!important;left:0!important;top:3px!important;width:6px!important;height:22px!important;border-radius:6px!important;background:var(--qnmc-accent)!important;}
.dlib-qnmc-final .dlib-row-head h2:after{content:""!important;display:block!important;width:58px!important;height:3px!important;border-radius:4px!important;background:#f0b429!important;margin-top:8px!important;}
.dlib-qnmc-final .dlib-category-showcase{padding-top:30px!important;padding-bottom:12px!important;}
.dlib-qnmc-final .dlib-latest-flat,.dlib-qnmc-final .dlib-news-flat,.dlib-qnmc-final .dlib-reference-section,.dlib-qnmc-final .dlib-mostview-section{padding:24px!important;}
.dlib-qnmc-final .dlib-reference-section,.dlib-qnmc-final .dlib-mostview-section{margin-top:38px!important;}
.qnmc-wrap{width:min(1120px,92vw)!important;max-width:1120px!important;margin:28px auto 50px!important;font-family:Arial,Helvetica,sans-serif!important;color:#16315c!important;}
.qnmc-wrap > p:first-child{font-size:13px!important;color:#5f7594!important;margin:0 0 18px!important;}
.qnmc-card{border-radius:14px!important;border:1px solid #dce8f6!important;box-shadow:0 12px 30px rgba(5,55,120,.08)!important;padding:22px!important;overflow:hidden!important;}
.qnmc-card h1{font-size:24px!important;line-height:1.35!important;color:var(--qnmc-logo-blue)!important;margin:0 0 16px!important;}
.qnmc-table th,.qnmc-table td{padding:11px 12px!important;font-size:14px!important;}
.qnmc-table th{width:230px!important;color:#0c397d!important;background:#f3f8ff!important;}
.qnmc-section-title{position:relative!important;border:0!important;padding:0 0 0 18px!important;margin:34px 0 16px!important;font-size:20px!important;line-height:1.3!important;color:var(--qnmc-logo-blue)!important;font-weight:900!important;}
.qnmc-section-title:before{content:""!important;position:absolute!important;left:0!important;top:2px!important;width:6px!important;height:22px!important;border-radius:5px!important;background:var(--qnmc-accent)!important;}
.qnmc-section-title:after{content:""!important;display:block!important;width:58px!important;height:3px!important;border-radius:4px!important;background:#f0b429!important;margin-top:8px!important;}
.qnmc-btn{border-radius:8px!important;font-weight:800!important;}
@media(max-width:1220px){.dlib-fixed-menu ul{justify-content:center!important;gap:2px!important}.dlib-qnmc-final .dlib-hero-inner{grid-template-columns:1fr!important;text-align:left!important}.dlib-qnmc-final .dlib-hero-visual{display:none!important}.dlib-qnmc-final .dlib-hero h1{font-size:44px!important}}
@media(max-width:760px){.dlib-fixed-menu ul{display:flex!important;overflow-x:auto!important;justify-content:flex-start!important;white-space:nowrap!important;padding-bottom:4px!important}.dlib-qnmc-final .dlib-hero h1{font-size:36px!important}.dlib-qnmc-final .dlib-hero-qnmc{min-height:auto!important;padding:42px 0!important}.qnmc-card div[style*="grid-template-columns"]{display:block!important}.qnmc-card img{max-width:260px!important;margin-bottom:16px!important}.qnmc-table th,.qnmc-table td{display:block!important;width:100%!important}}

/* QNMC v6: News block reads from NukeViet News module */
.dlib-qnmc-final .dlib-news-flat .dlib-row-head h2{font-size:18px!important;line-height:1.25!important;white-space:nowrap!important;letter-spacing:.2px!important;}
.dlib-qnmc-final .dlib-news-item h3{font-size:13.5px!important;line-height:20px!important;margin:0 0 4px!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.dlib-qnmc-final .dlib-news-item h3 a{color:#064391!important;text-decoration:none!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.dlib-qnmc-final .dlib-news-item p{font-size:12.5px!important;line-height:18px!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}

/* QNMC v7 - module side blocks: tai lieu tham khao, tai lieu chung, lien ket website */
.dlib-qnmc-final .dlib-module-blocks{
    max-width:1120px!important;
    margin:28px auto 34px!important;
    padding:0 12px!important;
    display:grid!important;
    grid-template-columns:1.1fr 1fr 1fr!important;
    gap:22px!important;
    align-items:start!important;
    clear:both!important;
}
.dlib-qnmc-final .dlib-sidebox{
    background:#fff!important;
    border:1px solid #cfe0f4!important;
    border-radius:12px!important;
    overflow:hidden!important;
    box-shadow:0 14px 32px rgba(0,63,136,.08)!important;
}
.dlib-qnmc-final .dlib-sidebox h2{
    margin:0!important;
    padding:14px 18px!important;
    background:#0755b4!important;
    color:#fff!important;
    font-size:16px!important;
    line-height:1.25!important;
    font-weight:800!important;
    letter-spacing:.2px!important;
    text-transform:uppercase!important;
}
.dlib-qnmc-final .dlib-sidebox ul{
    list-style:none!important;
    margin:0!important;
    padding:0!important;
}
.dlib-qnmc-final .dlib-sidebox li{
    margin:0!important;
    padding:0!important;
    border-bottom:1px solid #edf2f8!important;
}
.dlib-qnmc-final .dlib-sidebox li:last-child{border-bottom:0!important;}
.dlib-qnmc-final .dlib-sidebox li a{
    display:block!important;
    padding:12px 16px!important;
    color:#112d4e!important;
    font-size:14px!important;
    line-height:1.35!important;
    text-decoration:none!important;
    background:#fff!important;
}
.dlib-qnmc-final .dlib-sidebox li a:hover{
    color:#0755b4!important;
    background:#f4f8ff!important;
}
.dlib-qnmc-final .dlib-sidebox li a em{color:#0755b4!important;margin-right:5px!important;}
.dlib-qnmc-final .dlib-generalbox li a span{color:#e50000!important;font-weight:700!important;}
.dlib-qnmc-final .dlib-linkbox{padding-bottom:16px!important;}
.dlib-qnmc-final .dlib-linkbox select{
    width:calc(100% - 32px)!important;
    margin:18px 16px 10px!important;
    height:42px!important;
    border:1px solid #9fc8f7!important;
    border-radius:6px!important;
    padding:0 12px!important;
    color:#334155!important;
    background:#fff!important;
    font-size:14px!important;
}
.dlib-qnmc-final .dlib-linkbox p{
    margin:0 16px!important;
    color:#52677d!important;
    font-size:13px!important;
    line-height:1.5!important;
}
@media (max-width: 992px){
    .dlib-qnmc-final .dlib-module-blocks{grid-template-columns:1fr!important;max-width:720px!important;}
}

/* QNMC v8 - homepage editable blocks aligned with news */
.dlib-qnmc-final .dlib-module-blocks-four{
    max-width:1180px!important;
    margin:34px auto 38px!important;
    padding:0 18px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr 1.18fr!important;
    gap:22px!important;
    align-items:start!important;
}
.dlib-qnmc-final .dlib-module-blocks-four .dlib-sidebox{
    height:100%!important;
    border-radius:14px!important;
}
.dlib-qnmc-final .dlib-module-blocks-four .dlib-sidebox h2,
.dlib-qnmc-final .dlib-module-blocks-four .dlib-sidebox-head h2{
    font-size:15px!important;
    line-height:22px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.dlib-qnmc-final .dlib-sidebox-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:14px 16px!important;
    background:#0755b4!important;
    color:#fff!important;
}
.dlib-qnmc-final .dlib-sidebox-head h2{
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    color:#fff!important;
    font-weight:800!important;
    text-transform:uppercase!important;
}
.dlib-qnmc-final .dlib-sidebox-head .dlib-link{
    color:#fff!important;
    font-size:12px!important;
    white-space:nowrap!important;
    text-decoration:none!important;
}
.dlib-qnmc-final .dlib-module-blocks-four .dlib-news-flat{
    padding:0!important;
    background:#fff!important;
    border:1px solid #cfe0f4!important;
    border-radius:14px!important;
    box-shadow:0 14px 32px rgba(0,63,136,.08)!important;
}
.dlib-qnmc-final .dlib-module-blocks-four .dlib-news-list{
    padding:10px 16px!important;
}
.dlib-qnmc-final .dlib-module-blocks-four .dlib-news-item{
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:10px!important;
    padding:10px 0!important;
}
.dlib-qnmc-final .dlib-module-blocks-four .dlib-news-date{
    width:48px!important;
    min-width:48px!important;
}
.dlib-qnmc-final .dlib-module-blocks-four .dlib-news-date strong{font-size:18px!important;line-height:20px!important;}
.dlib-qnmc-final .dlib-module-blocks-four .dlib-news-date span{font-size:10px!important;}
.dlib-qnmc-final .dlib-module-blocks-four .dlib-news-item h3,
.dlib-qnmc-final .dlib-module-blocks-four .dlib-news-item h3 a{
    font-size:13px!important;
    line-height:18px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.dlib-qnmc-final .dlib-module-blocks-four .dlib-news-item p{
    font-size:12px!important;
    line-height:17px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
@media (max-width:1200px){
    .dlib-qnmc-final .dlib-module-blocks-four{grid-template-columns:1fr 1fr!important;max-width:900px!important;}
}
@media (max-width:768px){
    .dlib-qnmc-final .dlib-module-blocks-four{grid-template-columns:1fr!important;max-width:560px!important;padding:0 14px!important;}
}

/* QNMC v9 - Layout main-right: News -> General -> Reference -> Links vertical on right */
.dlib-qnmc-final .dlib-main-right-layout{
    max-width:1180px!important;
    margin:32px auto 42px!important;
    padding:0 18px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 340px!important;
    gap:28px!important;
    align-items:start!important;
    clear:both!important;
}
.dlib-qnmc-final .dlib-main-column{min-width:0!important;}
.dlib-qnmc-final .dlib-main-column .dlib-section{
    max-width:none!important;
    margin:0 0 34px!important;
    padding:24px!important;
}
.dlib-qnmc-final .dlib-main-column .dlib-section:last-child{margin-bottom:0!important;}
.dlib-qnmc-final .dlib-main-column .dlib-book-grid,
.dlib-qnmc-final .dlib-main-column .dlib-book-grid-6{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
}
.dlib-qnmc-final .dlib-right-sidebar{
    display:flex!important;
    flex-direction:column!important;
    gap:22px!important;
    min-width:0!important;
}
.dlib-qnmc-final .dlib-right-sidebar .dlib-sidebox{
    width:100%!important;
    margin:0!important;
    border-radius:14px!important;
}
.dlib-qnmc-final .dlib-right-sidebar .dlib-sidebox h2,
.dlib-qnmc-final .dlib-right-sidebar .dlib-sidebox-head h2{
    font-size:15px!important;
    line-height:21px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.dlib-qnmc-final .dlib-right-sidebar .dlib-news-flat{padding:0!important;}
.dlib-qnmc-final .dlib-right-sidebar .dlib-news-list{padding:10px 16px!important;}
.dlib-qnmc-final .dlib-right-sidebar .dlib-news-item{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:10px!important;
    padding:10px 0!important;
}
.dlib-qnmc-final .dlib-right-sidebar .dlib-news-date{width:48px!important;min-width:48px!important;}
.dlib-qnmc-final .dlib-right-sidebar .dlib-news-date strong{font-size:18px!important;line-height:20px!important;}
.dlib-qnmc-final .dlib-right-sidebar .dlib-news-date span{font-size:10px!important;}
.dlib-qnmc-final .dlib-right-sidebar .dlib-news-item h3,
.dlib-qnmc-final .dlib-right-sidebar .dlib-news-item h3 a{
    font-size:13px!important;
    line-height:18px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.dlib-qnmc-final .dlib-right-sidebar .dlib-news-item p{
    font-size:12px!important;
    line-height:17px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
@media (max-width:1100px){
    .dlib-qnmc-final .dlib-main-right-layout{grid-template-columns:1fr!important;max-width:900px!important;}
    .dlib-qnmc-final .dlib-right-sidebar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:768px){
    .dlib-qnmc-final .dlib-main-right-layout{padding:0 14px!important;margin-top:24px!important;}
    .dlib-qnmc-final .dlib-main-column .dlib-book-grid,
    .dlib-qnmc-final .dlib-main-column .dlib-book-grid-6{grid-template-columns:1fr!important;}
    .dlib-qnmc-final .dlib-right-sidebar{display:flex!important;flex-direction:column!important;}
}

/* QNMC v11 - sticky main navigation */
.dlib-navbar{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:0!important;
    z-index:10000!important;
    background:#fff!important;
    border-bottom:1px solid #e6eff9!important;
    box-shadow:0 8px 24px rgba(5,55,120,.10)!important;
}
.dlib-header{position:relative!important;z-index:9999!important;overflow:visible!important;}
body.admin-bar .dlib-navbar{top:0!important;}
@media(max-width:768px){
    .dlib-navbar{position:sticky!important;top:0!important;}
}

/* QNMC v12 - advanced search and hero slide */
.dlib-searchbox-advanced{height:auto!important;display:block!important;overflow:visible!important;border-radius:18px!important;background:#fff!important;box-shadow:0 18px 42px rgba(0,0,0,.22)!important;max-width:820px!important;width:100%!important}
.dlib-search-main{display:flex;height:58px;overflow:hidden;border-radius:18px 18px 0 0!important}
.dlib-searchbox-advanced input,.dlib-searchbox-advanced select{height:58px!important;border:0!important;background:#fff!important;color:#263c5a!important;outline:none!important}
.dlib-searchbox-advanced input{flex:1;padding:0 22px!important}.dlib-searchbox-advanced select{width:190px;border-left:1px solid #e1e8f2!important;padding:0 14px!important}.dlib-searchbox-advanced button{width:132px!important;border:0!important;background:#0b63c7!important;color:#fff!important;font-weight:900!important}
.dlib-adv-search{border-top:1px solid #e4edf8;background:#f8fbff;border-radius:0 0 18px 18px;color:#24415f}.dlib-adv-search summary{cursor:pointer;padding:11px 18px;font-weight:800;color:#0a4a9d;list-style:none}.dlib-adv-search summary::-webkit-details-marker{display:none}.dlib-adv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 18px 16px}.dlib-adv-grid input,.dlib-adv-grid select{height:40px!important;border:1px solid #d7e5f5!important;border-radius:8px!important;padding:0 10px!important;width:100%!important}.dlib-adv-grid select{width:100%!important}
.dlib-hero-slider{min-height:350px!important}.dlib-hero-slider .dlib-slide{position:absolute;right:18px;top:0;width:340px;height:218px;border-radius:22px;background:#fff;box-shadow:0 24px 55px rgba(0,24,70,.28);overflow:hidden;opacity:0;transform:translateY(16px) scale(.96);animation:dlibHeroSlide 15s infinite}.dlib-hero-slider .dlib-slide img{width:100%;height:168px;object-fit:cover;display:block}.dlib-hero-slider .dlib-slide span{display:block;padding:12px 16px;color:#0a4a9d;font-weight:900;background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dlib-hero-slider .dlib-slide-two{animation-delay:5s}.dlib-hero-slider .dlib-slide-three{animation-delay:10s}.dlib-hero-slider .dlib-screen{top:196px!important;right:64px!important}.dlib-hero-slider .dlib-phone{top:210px!important;right:0!important}.dlib-hero-slider .dlib-book-one{top:178px!important;right:264px!important}.dlib-hero-slider .dlib-book-two{top:176px!important;right:214px!important}.dlib-hero-slider .dlib-search-orbit{top:220px!important;right:244px!important}
@keyframes dlibHeroSlide{0%,28%{opacity:1;transform:translateY(0) scale(1)}33%,100%{opacity:0;transform:translateY(16px) scale(.96)}}
.dlib-search-page .qnmc-layout{grid-template-columns:300px minmax(0,1fr)!important}.dlib-filter-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dlib-search-page .qnmc-filter label{font-weight:700;color:#0a3e7c;margin-bottom:4px;display:block}.dlib-search-page .qnmc-filter input,.dlib-search-page .qnmc-filter select{height:40px!important}
@media(max-width:980px){.dlib-search-main{display:block;height:auto}.dlib-searchbox-advanced input,.dlib-searchbox-advanced select,.dlib-searchbox-advanced button{width:100%!important;border-left:0!important;border-top:1px solid #e1e8f2!important}.dlib-adv-grid{grid-template-columns:1fr}.dlib-hero-slider .dlib-slide{position:relative;right:auto;top:auto;margin:20px auto 0}.dlib-hero-slider .dlib-screen,.dlib-hero-slider .dlib-phone,.dlib-hero-slider .dlib-book-one,.dlib-hero-slider .dlib-book-two,.dlib-hero-slider .dlib-search-orbit{display:none!important}}