/* ============================================================================
   TVX_GINDEX.CSS  —  CSS RIÊNG trang Niên giám ngành (gindex.asp)
   Marker: TVXCSS_GINDEX_20260720g1
   ----------------------------------------------------------------------------
   • KHÔNG dùng chung. Sửa file này chỉ ảnh hưởng gindex.asp.
   • Nạp SAU css/tvx.css  ->  các rule dưới đây được phép đè.
   • Đổi nội dung file  ->  BẮT BUỘC bump ?v= trong gindex.asp (hiện: 20260720g1).
   • Header TVX trên PC = topbar 40px + mainbar 64px = 104px (dùng cho mọi phép trừ).
   ============================================================================ */
.gx-grph{scroll-margin-top:112px;margin:0 0 14px;font-size:17px;font-weight:800;color:var(--tvx-ink)}
@media screen and (max-width:767.98px){.gx-grph{scroll-margin-top:74px}}
.gx-grph .lbl{display:inline-block;background:var(--tvx-brand);border-radius:16px;padding:5px 15px}
.gx-quick{display:flex;flex-wrap:wrap;gap:8px}
.gx-quick a{font-size:13px;color:var(--tvx-ink)!important;background:#f6f7f9;border:1px solid var(--tvx-line);border-radius:20px;padding:5px 12px;text-decoration:none;text-transform:capitalize}
.gx-quick a:hover{background:#fff6d9;border-color:var(--tvx-brand-deep);color:var(--tvx-ink)!important;text-decoration:none}
.gx-cate{margin:0 0 12px}
.gx-cate>a{font-size:14.5px;font-weight:600;color:var(--tvx-ink)!important;text-decoration:none;line-height:1.5}
.gx-cate>a:hover{color:var(--tvx-gold)!important;text-decoration:underline}
.gx-cate .counter_number{font-size:11.5px;color:var(--tvx-faint);font-family:'Space Grotesk',ui-monospace,monospace}
.gx-see{margin:5px 0 0 2px}
.gx-see a{font-size:12.5px;color:var(--tvx-muted)!important;text-decoration:none;line-height:1.75}
.gx-see a:hover{color:var(--tvx-gold)!important;text-decoration:underline}
.gx-see i{color:var(--tvx-faint)!important;font-size:9px}
.gx-focus{display:grid;grid-template-columns:1fr 1fr;gap:9px 22px}
@media screen and (max-width:575.98px){.gx-focus{grid-template-columns:1fr}}
.gx-focus a{font-size:14.5px;font-weight:600;color:var(--tvx-ink)!important;text-decoration:none}
.gx-focus a:hover{color:var(--tvx-gold)!important;text-decoration:underline}
.gx-focus i{color:var(--tvx-brand-deep)!important;font-size:11px}
.gx-box{background:#fff;border-radius:12px;padding:18px 20px 20px;margin-bottom:16px}
.gx-box>.tvx-sh{margin-bottom:14px}
.gx-box .tvx-h2{font-size:19px}
.gx-img{width:100%;border-radius:9px;border:1px solid var(--tvx-line);margin-bottom:14px}
/* --- Khoang cach duoi header sticky. Header PC = topbar 40px + mainbar 64px = 104px --- */
.gx-main{padding-top:32px}
@media screen and (max-width:991px){.gx-main{padding-top:20px}}
/* H1 can khoang tho voi khoi ngay duoi (da bo class m-0 cua Bootstrap o markup) */
.gx-main .tvx-h1row{margin:0 0 18px}
/* --- Dieu huong nien giam mobile/tablet (<=991px): danh sach chu, khong phai dam chip --- */
.gx-navwrap{margin:0 0 16px}
.gx-navwrap .tvx-acc{margin-bottom:0}
.gx-navwrap .tvx-acc-p{max-height:0;overflow:hidden;transition:max-height .32s ease}
.gx-navnow{display:block;font-size:11.5px;font-weight:500;color:var(--tvx-muted);margin-top:2px;line-height:1.35}
.gx-navlist{max-height:min(70vh,560px);overflow:auto;overscroll-behavior:contain;border-top:1px solid var(--tvx-line2)}
.gx-navlist .tvx-sit{padding:12px 36px 12px 16px;font-size:14px;line-height:1.45;border-bottom:1px solid var(--tvx-line2);position:relative}
.gx-navlist .tvx-sit:last-child{border-bottom:0}
.gx-navlist .tvx-sit::after{content:"\f054";font-family:"Font Awesome 6 Free";font-weight:900;font-size:10px;color:var(--tvx-faint);position:absolute;right:16px;top:50%;transform:translateY(-50%)}
.gx-navlist .tvx-sit-active::after{color:var(--tvx-gold)}
.gx-navlist::-webkit-scrollbar{width:6px}
.gx-navlist::-webkit-scrollbar-thumb{background:#dcd7ca;border-radius:6px}
/* --- Danh sach nien giam: cao het man hinh dau tien, tu co gian theo viewport.
       Tru: 104 header + 32 padding container + 32 tieu de box + 10 padding list + 24 tho = 192px.
       min-height 430px giu an toan cho man hinh thap nhat con hien cot trai (~625px viewport). --- */
.gx-sscroll{max-height:calc(100vh - 202px);min-height:430px;overflow:auto;overscroll-behavior:contain}
.gx-sscroll::-webkit-scrollbar{width:6px}
.gx-sscroll::-webkit-scrollbar-thumb{background:#dcd7ca;border-radius:6px}
/* --- BU BREAKPOINT: tvx.css chi khai khoi accordion trong @media(max-width:820px),
       trong khi cot trai .div_nganhnghe_pc bi an tu <=991px  =>  dai 821-991px khong co dieu huong.
       Khoi duoi CHI phu dung dai do. Xoa khoi nay neu sau nay tvx.css noi breakpoint len 991px. --- */
@media screen and (min-width:821px) and (max-width:991px){
.tvx-acc{background:#fff;border:1px solid var(--tvx-line);border-radius:12px;margin-bottom:8px;overflow:hidden;box-shadow:0 1px 2px rgba(20,24,31,.05)}
.tvx-acc-h{width:100%;display:flex;align-items:center;gap:11px;padding:10px 14px;background:transparent;border:0;cursor:pointer;font-size:14.5px;font-weight:700;color:var(--tvx-ink);text-align:left}
.tvx-acc-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto;background:var(--tvx-brand-tint);color:var(--tvx-gold);font-size:13px}
.tvx-acc-lbl{flex:1;min-width:0}
.tvx-acc-cnt{font-size:12px;font-weight:700;color:var(--tvx-muted);background:#f2efe8;border-radius:999px;padding:2px 10px;flex:0 0 auto;font-family:'Space Grotesk',ui-monospace,monospace}
.tvx-acc-chev{transition:transform .28s ease;color:var(--tvx-gold);font-size:12px;flex:0 0 auto}
.tvx-acc.open .tvx-acc-chev{transform:rotate(180deg)}
.tvx-acc-p{max-height:0;overflow:hidden;transition:max-height .32s ease}
.tvx-acc-pin{padding:0 14px 14px}
.tvx-acc-sub{font-size:11.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--tvx-gold);margin:13px 0 8px;display:flex;align-items:center;gap:7px}
.tvx-acc-sub i{color:var(--tvx-gold)}
}
.gx-adlbl{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--tvx-faint);text-align:right;margin:4px 0 14px}