/* HUSTA Giới thiệu – scoped to shortcode, no theme-wide selectors */
.hgt-root{--hgt-blue:#1a3979;--hgt-blue2:#4479d5;--hgt-line:#e2e9f4;--hgt-ink:#30425f;--hgt-soft:#f6f8fc;box-sizing:border-box;width:100vw;margin-left:calc(50% - 50vw);background:var(--hgt-soft);color:var(--hgt-ink);font:15px/1.7 Arial,'Segoe UI',sans-serif;overflow:clip}
.hgt-root *, .hgt-root *::before,.hgt-root *::after{box-sizing:border-box}
.hgt-root a{text-decoration:none}
.hgt-root button,.hgt-root input{font:inherit}
.hgt-root a:focus-visible,.hgt-root input:focus-visible,.hgt-root button:focus-visible,.hgt-root summary:focus-visible{outline:3px solid #7da6ef;outline-offset:3px}
.hgt-wrap{width:min(1280px,calc(100% - 42px));margin-inline:auto}
.hgt-hero{padding:30px 0 42px;background-image:linear-gradient(90deg,rgba(246,249,255,.99) 0%,rgba(246,249,255,.98) 34%,rgba(246,249,255,.86) 65%,rgba(246,249,255,.66) 100%),url('hue-banner.jpg');background-color:#eaf1fa;background-position:center;background-size:cover;border-bottom:1px solid #dce5f1}
.hgt-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:13px;color:#607493;font-size:13px;margin:0 0 24px}
.hgt-breadcrumb a{color:#556d92}
.hgt-breadcrumb a:hover{color:var(--hgt-blue2)}
.hgt-hero h1{color:var(--hgt-blue);font-size:clamp(28px,3.7vw,52px);font-weight:800;letter-spacing:-.02em;line-height:1.22;margin:0;text-transform:uppercase}
.hgt-hero-rule{width:74px;height:4px;border-radius:4px;background:var(--hgt-blue2);margin-top:14px}
.hgt-hero p{margin:14px 0 0;font-size:15px;color:#536d93;max-width:730px}
.hgt-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:25px;align-items:start;padding-block:34px 65px}
.hgt-sidebar{min-width:0}
.hgt-side-inner{position:sticky;top:95px;border:1px solid var(--hgt-line);border-radius:13px;box-shadow:0 7px 22px rgba(42,67,114,.05);background:#fff;overflow:hidden}
.hgt-side-inner h2{padding:18px 20px;background:linear-gradient(120deg,#153d86,#387cce);color:#fff;margin:0;font-size:15px;letter-spacing:.05em}
.hgt-side-inner nav{display:block}
.hgt-side-inner nav a,.hgt-nav-disabled{font-size:14px;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 17px;color:#3d5275;border-top:1px solid #edf1f6;transition:background .15s,color .15s}
.hgt-side-inner nav a:hover{background:#f0f5fd;color:#245cac}
.hgt-side-inner nav a.active{font-weight:700;background:#eaf1ff;color:#1f59ad;border-left:3px solid #4c83d6;padding-left:14px}
.hgt-side-inner nav a span{font-size:18px;color:#8da8ce}
.hgt-nav-disabled{color:#98a6b8;cursor:default}
.hgt-main{min-width:0;display:grid;gap:19px}
.hgt-card{min-width:0;background:#fff;border:1px solid var(--hgt-line);border-radius:15px;padding:29px 33px;box-shadow:0 8px 23px rgba(32,66,119,.042)}
.hgt-card h2{font-size:24px;line-height:1.4;margin:0 0 20px;color:var(--hgt-blue);font-weight:800;letter-spacing:-.025em}
.hgt-prose p{margin:0 0 15px;text-align:justify;overflow-wrap:anywhere}
.hgt-prose p:last-child{margin-bottom:0}
.hgt-prose h2::after{content:'';display:block;width:56px;height:3px;background:#4a84d9;margin-top:12px;border-radius:8px}
.hgt-facts{padding:18px 20px;margin:20px 0;border:1px solid #dae6fb;border-left:4px solid #4a83d7;background:#f5f8fe;border-radius:10px}
.hgt-facts p{margin:0 0 8px;text-align:left}
.hgt-facts p:last-child{margin-bottom:0}
.hgt-prose ol{padding-left:25px;margin:0;display:grid;gap:15px}
.hgt-prose ol>li{padding-left:5px}
.hgt-prose ol>li::marker{color:#2d69bf;font-weight:700}
.hgt-prose li p{margin:8px 0 0 8px}
.hgt-section-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.hgt-section-head h2{margin:0}
.hgt-section-head p{color:#72819b;font-size:13px;margin:0}
.hgt-person-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hgt-person{border:1px solid #e2eaf6;border-radius:12px;overflow:hidden;background:#fff;min-width:0;box-shadow:0 4px 13px rgba(37,72,120,.06);transition:transform .2s,box-shadow .2s}
.hgt-person:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(39,81,145,.12)}
.hgt-photo{height:245px;background:#ecf2fb;display:flex;justify-content:center;align-items:center;overflow:hidden}
.hgt-photo img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.hgt-photo span{font-size:64px;opacity:.45}
.hgt-person-body{padding:17px 13px 21px;text-align:center}
.hgt-person-body h3{font-size:17px;line-height:1.42;font-weight:800;margin:0 0 6px;color:#193b78;overflow-wrap:anywhere}
.hgt-person-body p{color:#63738c;font-size:13px;margin:0 0 9px}
.hgt-person-body b{display:inline-block;border:1px solid #dce8f8;background:#edf4ff;border-radius:99px;padding:5px 12px;color:#255fba;font-size:12px;font-weight:700}
.hgt-board-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.hgt-search-label{flex:1;min-width:210px}
.hgt-search{height:46px;width:100%;border:1px solid #cfdbed!important;border-radius:9px!important;background:#fff!important;color:#1f314c!important;padding:0 15px!important;box-shadow:none!important;font-size:14px!important}
.hgt-total{font-size:13px;color:#647792;white-space:nowrap}
.hgt-table-scroll{width:100%;overflow-x:auto;border:1px solid #e2eaf4;border-radius:10px}
.hgt-table{width:100%;border-collapse:collapse;min-width:650px;background:#fff;margin:0!important;font-size:14px}
.hgt-table th{background:#edf3fe;color:#214681;font-weight:800;text-align:left;border-bottom:1px solid #dce7f6;padding:13px 12px;white-space:nowrap}
.hgt-table th:first-child,.hgt-table td:first-child{text-align:center;width:57px}
.hgt-table td{padding:12px;border-bottom:1px solid #edf1f7;color:#42526e;vertical-align:top;line-height:1.5}
.hgt-table td:nth-child(2){min-width:170px;color:#253f73}
.hgt-table tbody tr:hover{background:#f8fbff}
.hgt-table tbody tr:last-child td{border-bottom:0}
.hgt-table [hidden]{display:none!important}
.hgt-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:20px;align-items:center}
.hgt-pagination button{border:1px solid #d7e2f2;border-radius:8px;background:#fff;color:#47608a;min-width:38px;height:38px;cursor:pointer;line-height:1}
.hgt-pagination button[aria-current="page"]{background:#3978c6;border-color:#3978c6;color:#fff;font-weight:800}
.hgt-pagination button:disabled{opacity:.42;cursor:not-allowed}
.hgt-footer{background:#eff0f2;border-top:1px solid #dce0e8}
.hgt-footer-grid{padding:46px 0;display:grid;grid-template-columns:155px 1.15fr 1fr 1.2fr;gap:25px}
.hgt-footer-logo{width:125px;object-fit:contain}
.hgt-footer h3{font-size:18px;font-weight:800;color:#344c8b;margin:0 0 15px}
.hgt-footer p{font-size:13px;color:#17233b;margin:0 0 13px}
.hgt-footer-base{background:#555a62;color:#fff;padding:14px 0;font-size:12px}
.hgt-footer-base .hgt-wrap{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
@media(max-width:1110px){.hgt-person-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hgt-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.hgt-layout{grid-template-columns:1fr;gap:18px;padding-block:21px 42px}.hgt-side-inner{position:static}.hgt-side-inner nav{display:flex;overflow-x:auto;white-space:nowrap}.hgt-side-inner nav a,.hgt-nav-disabled{border-top:0;border-right:1px solid #edf1f6;flex:0 0 auto}.hgt-side-inner h2{padding:11px 15px}.hgt-card{padding:22px 18px}}
@media(max-width:560px){.hgt-wrap{width:calc(100% - 28px)}.hgt-hero{padding:22px 0 30px}.hgt-hero h1{font-size:28px}.hgt-breadcrumb{font-size:12px;gap:8px;margin-bottom:16px}.hgt-person-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hgt-person-body{padding:12px 8px 14px}.hgt-person-body h3{font-size:13px}.hgt-person-body p{font-size:11px}.hgt-person-body b{font-size:10px}.hgt-photo{height:175px}.hgt-card h2{font-size:19px}.hgt-footer-grid{grid-template-columns:1fr;gap:12px}.hgt-section-head{margin-bottom:18px}}
@media(max-width:360px){.hgt-person-grid{grid-template-columns:1fr}.hgt-photo{height:220px}}
@media(prefers-reduced-motion:reduce){.hgt-person{transition:none}}

/* v1.0.1: clickable sidebar table of contents and in-page jump targets */
.hgt-root #hgt-main,.hgt-root #chuc-nang,.hgt-root #nhiem-vu{scroll-margin-top:116px}
.hgt-root .hgt-card:target{border-color:#8fb5ed;box-shadow:0 7px 24px rgba(34,97,184,.11)}
.hgt-root .hgt-side-inner nav a.hgt-nav-link{cursor:pointer}
.hgt-root .hgt-side-inner nav a.hgt-nav-link[aria-current="location"]{font-weight:700;background:#eaf1ff;color:#1f59ad;border-left:3px solid #4c83d6;padding-left:14px}
@media(max-width:820px){.hgt-root #hgt-main,.hgt-root #chuc-nang,.hgt-root #nhiem-vu{scroll-margin-top:82px}}
