/* ===================== TRANG CON (dùng chung) =====================
   Dựa trên token và thành phần của site.css. Quy tắc giữ nguyên với trang chủ:
   tiêu đề phần: chữ serif lớn căn trái; ảnh tỉ lệ 3:2 / 16:10; nền xen kẽ trắng → xanh nhạt → xanh đậm;
   không hộp viền, không đánh số; nút dạng viên thuốc. */

/* Dải đầu trang: nền xanh đậm, chữ trắng, ảnh bên phải */
.pg-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--brand-900);color:var(--on-dark)}
.pg-hero .container{display:grid;gap:24px;padding-block:28px 36px}
.crumbs{font-size:.9375rem;color:var(--on-dark-2)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0;padding:0;list-style:none}
.crumbs li+li::before{content:"/";margin-right:10px;opacity:.6}
.crumbs a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.crumbs a:hover{color:#fff}
.pg-hero h1{margin:14px 0 0;font-family:var(--font-serif);font-weight:600;font-size:clamp(2.25rem,3.6vw + 1rem,3.75rem);line-height:1.08;letter-spacing:-.02em;color:var(--accent-yellow)}
.pg-rule{display:block;width:88px;height:4px;margin-top:18px;border-radius:2px;background:var(--accent-yellow)}
.pg-lead{margin:18px 0 0;max-width:46ch;font-size:1.125rem;line-height:1.6;color:var(--on-dark)}
.pg-hero-ph{margin:0;overflow:hidden;aspect-ratio:3/2;background:var(--brand)}
.pg-hero-ph img{width:100%;height:100%;object-fit:cover}
@media (min-width:900px){
  .pg-hero .container{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:56px;padding-block:36px 44px}
}

/* Mục lục trong trang */
.pg-toc{background:var(--paper-2);border-bottom:1px solid var(--track)}
.pg-toc ul{display:flex;gap:8px;margin:0;padding:12px 0;list-style:none;overflow-x:auto;scrollbar-width:none}
.pg-toc ul::-webkit-scrollbar{display:none}
.pg-toc li{flex:none}
@media (min-width:900px){.pg-toc ul{flex-wrap:wrap;overflow:visible}}
.pg-toc a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:var(--radius-pill);background:#fff;color:var(--ink);font-weight:600;font-size:.9375rem;text-decoration:none;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}
.pg-toc a:hover{background:var(--brand);color:#fff}

/* Khối chia hai cột: tiêu đề trái, nội dung phải */
.pg-split{display:grid;gap:20px}
.pg-split h2{font-size:var(--fs-h2);line-height:1.08;letter-spacing:-.02em;color:var(--ink)}
@media (min-width:900px){
  .pg-split{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;align-items:start}
  .pg-split>h2{position:sticky;top:96px}
}
.pg-prose p{max-width:64ch;font-size:1.0625rem;line-height:1.7;color:var(--ink)}
.pg-prose p+p{margin-top:14px}
.pg-prose ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px;max-width:64ch}
.pg-prose li{position:relative;padding-left:20px;font-size:1.0625rem;line-height:1.6}
.pg-prose li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--brand)}
.pg-photo{margin:0;overflow:hidden;aspect-ratio:3/2;background:#d6e2f0}
.pg-photo img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow) var(--ease)}
.pg-photo:hover img{transform:scale(1.03)}
.pg-prose .pg-photo{margin-top:28px;max-width:720px}

/* Số liệu ngắn */
.pg-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin:28px 0 0;padding:0;list-style:none}
@media (min-width:640px){.pg-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pg-prose .pg-facts li{padding-left:0;font-size:inherit;line-height:inherit}
.pg-prose .pg-facts li::before{content:none}
.pg-facts b{display:block;font-family:var(--font-serif);font-weight:600;font-size:clamp(2rem,2vw + 1.2rem,2.75rem);line-height:1;color:var(--brand)}
.pg-facts span{display:block;margin-top:6px;font-size:.9375rem;line-height:1.35;color:var(--ink-2)}

/* Dải nền xanh nhạt: Sứ mạng · Tầm nhìn · Giá trị cốt lõi */
.pg-band{background:var(--brand-50)}
.pg-trio{display:grid;gap:32px}
@media (min-width:900px){.pg-trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}}
.pg-card{display:grid;gap:10px;align-content:start}
.pg-card .pg-photo{aspect-ratio:16/10}
.pg-card h3{margin-top:8px;font-size:var(--fs-h3);line-height:1.1;letter-spacing:-.015em;color:var(--brand-900)}
.pg-card p{font-size:1.0625rem;line-height:1.65;color:var(--ink)}
.pg-note{margin-top:28px;max-width:70ch;font-size:.9375rem;color:var(--ink-2)}

/* Ba trụ cột phát triển */
.pg-pillars{display:grid;gap:32px;margin-top:32px}
@media (min-width:900px){.pg-pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}}
.pg-pillar{padding-top:18px;border-top:4px solid var(--brand)}
.pg-pillar h3{font-size:1.375rem;line-height:1.25;color:var(--ink)}
.pg-pillar p{margin-top:10px;line-height:1.65;color:var(--ink-2)}
.pg-pillar ul{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.pg-pillar li{position:relative;padding-left:20px;line-height:1.55;color:var(--ink)}
.pg-pillar li::before{content:"";position:absolute;left:0;top:.65em;width:8px;height:8px;border-radius:50%;background:var(--brand)}

/* Lãnh đạo: hai danh sách tên – chức vụ */
.pg-people{display:grid;gap:32px}
@media (min-width:900px){.pg-people{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}}
.pg-people h3{margin:0 0 8px;font-family:var(--font-sans);font-size:.9375rem;font-weight:700;color:var(--ink-2)}
.pg-people ul{margin:0;padding:0;list-style:none}
.pg-people li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 16px;padding:14px 0;border-top:1px solid var(--track)}
.pg-people li:last-child{border-bottom:1px solid var(--track)}
.pg-people strong{font-family:var(--font-serif);font-weight:600;font-size:1.375rem;line-height:1.2;color:var(--ink)}
.pg-people small{font-size:.9375rem;color:var(--ink-2)}

/* Cơ sở đào tạo */
.pg-campus{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));margin:0;padding:0;list-style:none}
.pg-campus li{padding:20px 22px;background:var(--paper-2)}
.pg-campus h3{margin:0 0 6px;font-family:var(--font-sans);font-size:1rem;font-weight:700;color:var(--brand)}
.pg-campus p{font-size:1rem;line-height:1.55;color:var(--ink)}

/* ===================== BÀI VIẾT, DANH SÁCH NGÀNH, TIN TỨC ===================== */
.pg-hero--text .container{padding-block:28px 36px}
@media (min-width:900px){.pg-hero--text .container{grid-template-columns:minmax(0,1fr);padding-block:36px 44px}}
.pg-hero--text h1{max-width:24ch}
.pg-meta{margin:14px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:.9375rem;color:var(--on-dark-2)}
.pg-meta+h1{margin-top:10px}
.pg-tag{display:inline-block;font-size:.875rem;font-weight:600;color:var(--brand)}
.pg-meta .pg-tag{color:var(--accent-lime)}

/* Bài viết: cột chữ + cột phụ */
.pg-article-wrap{display:grid;gap:32px}
@media (min-width:1000px){.pg-article-wrap{grid-template-columns:minmax(0,8fr) minmax(0,3fr);gap:64px;align-items:start}}
.pg-article{max-width:72ch;font-size:1.0625rem;line-height:1.75;color:var(--ink)}
.pg-article>*+*{margin-top:16px}
.pg-article h2{margin-top:40px;font-size:var(--fs-h3);line-height:1.15;letter-spacing:-.015em;color:var(--ink)}
.pg-article h3{margin-top:28px;font-family:var(--font-sans);font-size:1.1875rem;font-weight:700;line-height:1.35}
.pg-article ul,.pg-article ol{padding-left:0;list-style:none;display:grid;gap:8px}
.pg-article ol{counter-reset:li;list-style:none}
.pg-article li{position:relative;padding-left:22px}
.pg-article ul>li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--brand)}
.pg-article ol>li{counter-increment:li}
.pg-article ol>li::before{content:counter(li) ".";position:absolute;left:0;font-weight:700;color:var(--brand)}
.pg-article figure{margin:28px 0;overflow:hidden}
.pg-article img{display:block;width:100%;height:auto;max-width:720px;margin-inline:auto;background:var(--paper-2)}
.pg-article a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.pg-article table{width:100%;border-collapse:collapse;font-size:1rem}
.pg-article th,.pg-article td{padding:10px 12px;border-bottom:1px solid var(--track);text-align:left;vertical-align:top}
.pg-article th{font-weight:700;background:var(--paper-2)}
.pg-aside{display:grid;gap:14px;align-content:start}
@media (min-width:1000px){.pg-aside{position:sticky;top:96px}}
.pg-aside h2{font-family:var(--font-sans);font-size:.9375rem;font-weight:700;color:var(--ink-2)}
.pg-aside-list{margin:0;padding:0;list-style:none}
.pg-aside-list li{border-top:1px solid var(--track)}
.pg-aside-list li:last-child{border-bottom:1px solid var(--track)}
.pg-aside-list a{display:block;padding:11px 0;color:var(--ink);text-decoration:none;font-weight:600;line-height:1.35}
.pg-aside-list a:hover,.pg-aside-list a[aria-current="page"]{color:var(--brand)}
.pg-aside .btn,.pg-aside .pill{justify-self:start}

/* Tổng quan ngành: mỗi khối một hàng, tên trái – ngành phải */
.pg-khoi{display:grid;gap:18px;padding-block:28px;border-top:1px solid var(--track)}
.pg-khoi:first-child{border-top:0;padding-top:0}
.pg-khoi h2{font-size:var(--fs-h3);line-height:1.1;letter-spacing:-.015em;color:var(--ink)}
.pg-khoi p{margin:8px 0 14px;max-width:44ch;color:var(--ink-2)}
@media (min-width:900px){.pg-khoi{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}}
.pg-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.pg-chips a,.pg-chips span{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:var(--radius-pill);background:var(--brand-50);color:var(--ink);font-weight:600;font-size:.9375rem;text-decoration:none}
.pg-chips a:hover{background:var(--brand);color:#fff}
.pg-chips span{background:var(--paper-2);color:var(--muted);font-weight:500}

/* Trang khối: thẻ ngành */
.pg-ngcards{display:grid;gap:16px;margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.pg-ngcard{background:var(--paper-2);transition:background-color var(--t-fast) var(--ease)}
.pg-ngcard>a{display:grid;gap:8px;align-content:start;height:100%;padding:22px;color:inherit;text-decoration:none}
.pg-ngcard:hover{background:var(--brand-50)}
.pg-ngcard h3{font-size:1.375rem;line-height:1.2;color:var(--brand-900)}
.pg-ngcard p{font-size:1rem;line-height:1.55;color:var(--ink-2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.pg-ngcard--soon{padding:22px;opacity:.85}
.pg-more{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-weight:600;color:var(--brand)}
.pg-more svg{width:16px;height:16px;transition:transform var(--t-fast) var(--ease)}
.pg-ngcard:hover .pg-more svg{transform:translateX(4px)}

/* Tin tức: danh sách theo năm */
.pg-news{display:grid;gap:40px}
.pg-year h2{font-size:var(--fs-h3);margin-bottom:10px;color:var(--ink)}
.pg-newslist{margin:0;padding:0;list-style:none}
.pg-newslist li{border-top:1px solid var(--track)}
.pg-newslist li:last-child{border-bottom:1px solid var(--track)}
.pg-newsrow{display:grid;gap:4px 20px;padding:16px 0;color:inherit;text-decoration:none}
@media (min-width:768px){.pg-newsrow{grid-template-columns:96px minmax(0,1fr) auto;align-items:baseline}}
.pg-newsdate{font-size:.875rem;font-weight:600;color:var(--muted)}
.pg-newsmain strong{display:block;font-size:1.0625rem;line-height:1.4;color:var(--ink)}
.pg-newsmain small{display:block;margin-top:4px;font-size:.9375rem;line-height:1.5;color:var(--ink-2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pg-newsrow:hover strong{color:var(--brand);text-decoration:underline}

/* Thành phần phụ của các trang tĩnh */
.pg-h3{margin:24px 0 6px;font-family:var(--font-sans);font-size:1.1875rem;font-weight:700;line-height:1.35;color:var(--ink)}
.pg-prose .pg-h3:first-child{margin-top:0}
.pg-checks{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px;max-width:64ch;counter-reset:chk}
.pg-checks li{position:relative;padding-left:40px;font-size:1.0625rem;line-height:1.6;counter-increment:chk}
.pg-checks li::before{content:counter(chk);position:absolute;left:0;top:.1em;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--brand-50);color:var(--brand-900);font-weight:700;font-size:.875rem}
.pg-prose .pg-checks li::after{content:none}
.pg-facts--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pg-facts--3 b{font-size:clamp(1.5rem,1.4vw + 1rem,2.25rem)}
@media (max-width:639px){.pg-facts--3{grid-template-columns:minmax(0,1fr)}}
.pg-pillars--4{display:grid;gap:32px}
@media (min-width:900px){.pg-pillars--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1200px){.pg-pillars--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pg-khoi-lists{display:grid;gap:24px}
.pg-khoi-lists h3{margin:0 0 8px;font-family:var(--font-sans);font-size:.9375rem;font-weight:700;color:var(--ink-2)}
@media (min-width:900px){.pg-khoi-lists>div{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:24px;align-items:start;padding-top:16px;border-top:1px solid var(--track)}.pg-khoi-lists h3{margin:0;padding-top:12px}}
.pg-prose .pg-facts{margin-bottom:22px}

/* Tiêu đề dải đầu trang con: gọn hơn để tiêu đề dài (bài tin) không chiếm cả màn hình */
.pg-hero--text h1{max-width:32ch;font-size:clamp(1.875rem,2.2vw + 1rem,3rem);line-height:1.12}

/* ===================== NGÀNH: bố cục có màu theo khối (cùng bảng màu với vé ngành trên trang chủ) ===================== */
.ng-hero-in{display:grid;gap:28px;padding-block:28px 40px}
@media (min-width:900px){.ng-hero-in{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center;padding-block:40px 56px}}
.ng-hero-in--one{grid-template-columns:minmax(0,1fr)}
.ng-kicker{margin:16px 0 0;font-size:.9375rem;font-weight:600;color:var(--tk)}
.ng-kicker+h1{margin-top:6px}
.ng-hero h1{max-width:22ch}
.ng-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.ng-hero-ph{position:relative;margin:0;isolation:isolate;max-width:560px}
.ng-hero-ph::before{content:"";position:absolute;inset:14px -10px -10px 14px;background:var(--tk);z-index:-1}
.ng-hero-ph img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:#fff}
@media (min-width:900px){.ng-hero-ph::before{inset:20px -16px -16px 20px}}

.ng-facts{background:var(--tk);color:var(--brand-900)}
.ng-factlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:0;padding:22px 0;list-style:none}
@media (min-width:900px){.ng-factlist{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none;padding:26px 0}}
.ng-factlist span{display:block;font-size:.875rem;font-weight:600;opacity:.75}
.ng-factlist strong{display:block;margin-top:4px;font-family:var(--font-serif);font-size:1.25rem;line-height:1.2;font-weight:600}

.ng-two{display:grid;gap:36px}
@media (min-width:900px){.ng-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}}
.ng-two h2{margin-bottom:18px;font-size:var(--fs-h3);line-height:1.15;letter-spacing:-.015em}
.ng-list{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.ng-list li{position:relative;padding-left:26px;font-size:1.0625rem;line-height:1.55}
.ng-list li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:12px;border-radius:50%;background:var(--tk);box-shadow:0 0 0 2px var(--brand-900) inset}
.ng-cards{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.ng-cards li{padding:16px 18px;background:var(--paper-2);border-left:6px solid var(--tk);font-size:1.0625rem;line-height:1.5}

.ng-jobs{background:var(--brand-900);color:#fff}
.ng-jobs h2{color:#fff}
.ng-joblist{margin:0;padding:0;list-style:none;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.ng-joblist li{padding:18px 20px;background:rgba(255,255,255,.07);border-left:6px solid var(--tk);font-size:1.0625rem;line-height:1.45}

.ng-fit{margin:0;padding:0;list-style:none;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.ng-fit li{padding:18px;background:var(--brand-50);font-weight:600;line-height:1.4;color:var(--brand-900)}

.ng-apply{display:grid;gap:18px;align-items:center}
.ng-apply h2{font-size:var(--fs-h3);line-height:1.15}
.ng-apply p{margin-top:8px;max-width:52ch;color:var(--ink-2)}
.ng-apply-links{display:flex;flex-wrap:wrap;gap:10px}
@media (min-width:900px){.ng-apply{grid-template-columns:minmax(0,1fr) auto;gap:48px}}

/* Trang khối: thẻ ngành có ảnh */
.ng-cardgrid{display:grid;gap:20px;margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.ng-card{background:var(--paper-2);border-top:6px solid var(--tk);transition:background-color var(--t-fast) var(--ease)}
.ng-card>a{display:grid;gap:10px;align-content:start;height:100%;color:inherit;text-decoration:none;padding-bottom:20px}
.ng-card:hover{background:var(--brand-50)}
.ng-thumb{display:block;overflow:hidden;aspect-ratio:8/5;background:#fff}
.ng-thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow) var(--ease)}
.ng-card:hover .ng-thumb img{transform:scale(1.04)}
.ng-card h3{padding-inline:20px;font-size:1.375rem;line-height:1.2;color:var(--brand-900)}
.ng-card p{padding-inline:20px;font-size:1rem;line-height:1.55;color:var(--ink-2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.ng-card .pg-more{padding-inline:20px}
.ng-card--soon{padding:20px;opacity:.85}
.ng-card--soon h3,.ng-card--soon p{padding-inline:0}

/* Tổng quan ngành: mỗi khối một dải màu */
.ng-khoilist{display:grid;gap:16px}
.ng-khoi{display:grid;gap:20px;padding:26px 24px;background:var(--tk);color:var(--brand-900)}
@media (min-width:900px){.ng-khoi{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;padding:32px 36px;align-items:start}}
.ng-khoi h2{font-size:var(--fs-h3);line-height:1.1;letter-spacing:-.015em;color:var(--brand-900)}
.ng-khoi p{margin:8px 0 16px;max-width:42ch}
.ng-khoi .pill{background:rgba(255,255,255,.7);color:var(--brand-900)}
.ng-khoi .pill:hover{background:var(--brand-900);color:#fff}
.ng-khoi .pg-chips a,.ng-khoi .pg-chips span{background:rgba(255,255,255,.7);color:var(--brand-900)}
.ng-khoi .pg-chips a:hover{background:var(--brand-900);color:#fff}
.ng-khoi .pg-chips span{opacity:.75}

/* ===================== TIN TỨC (thẻ, bài cô đọng) ===================== */
.tn-tag{display:inline-block;padding:2px 10px;border-radius:var(--radius-pill);background:var(--tk-1);color:var(--brand-900);font-size:.8125rem;font-weight:700;line-height:1.5}
.tn-tag.tg-sk{background:var(--tk-4)}
.tn-tag.tg-tb{background:var(--tk-2)}
.tn-tag.tg-ht{background:var(--tk-3)}
.tn-tag.tg-hd{background:var(--brand-50)}
.pg-meta .tn-tag{color:var(--brand-900)}
.tg-ts{--tk:var(--tk-1)}.tg-sk{--tk:var(--tk-4)}.tg-tb{--tk:var(--tk-2)}.tg-ht{--tk:var(--tk-3)}.tg-hd{--tk:var(--tk-5)}

.tn-wrap{display:grid;gap:36px}
@media (min-width:1000px){.tn-wrap{grid-template-columns:minmax(0,8fr) minmax(0,3.4fr);gap:64px;align-items:start}}
.tn-fig{margin:0 0 28px;overflow:hidden;background:var(--paper-2)}
.tn-fig img{display:block;width:100%;max-height:520px;object-fit:cover}
.tn-lead{font-family:var(--font-serif);font-weight:600;font-size:clamp(1.25rem,1vw + 1rem,1.625rem);line-height:1.35;letter-spacing:-.01em;color:var(--ink);max-width:40ch}
.tn-info{display:grid;gap:14px 28px;margin:24px 0 0;padding:20px 22px;background:var(--tk);color:var(--brand-900);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.tn-info dt{font-size:.8125rem;font-weight:700;opacity:.75}
.tn-info dd{margin:2px 0 0;font-size:1rem;font-weight:600;line-height:1.35}
.tn-h{margin:34px 0 14px;font-size:var(--fs-h3);line-height:1.15;letter-spacing:-.015em}
.tn-points{margin:0;padding:0;list-style:none;display:grid;gap:12px}
@media (min-width:700px){.tn-points{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tn-points li{padding:16px 18px;background:var(--paper-2);border-left:6px solid var(--tk);font-size:1.0625rem;line-height:1.5}
.tn-gal{display:grid;gap:12px;margin-top:28px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.tn-gal img{width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--paper-2)}
.tn-src{margin-top:22px;font-size:.9375rem;color:var(--muted)}
.tn-aside{display:grid;gap:14px;align-content:start}
@media (min-width:1000px){.tn-aside{position:sticky;top:96px}}
.tn-aside h2{font-family:var(--font-sans);font-size:.9375rem;font-weight:700;color:var(--ink-2)}
.tn-rel{margin:0;padding:0;list-style:none}
.tn-rel li{border-top:1px solid var(--track)}
.tn-rel li:last-child{border-bottom:1px solid var(--track)}
.tn-rel a{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;padding:12px 0;color:var(--ink);text-decoration:none;font-weight:600;font-size:.9375rem;line-height:1.35}
.tn-rel a:not(:has(img)){grid-template-columns:minmax(0,1fr)}
.tn-rel img{width:72px;height:54px;object-fit:cover;background:var(--paper-2)}
.tn-rel a:hover{color:var(--brand)}
.tn-aside .pill{justify-self:start}

.tn-index{display:grid;gap:40px}
.tn-cards{margin:0;padding:0;list-style:none;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.tn-card a{display:grid;gap:12px;align-content:start;height:100%;color:inherit;text-decoration:none}
.tn-thumb{display:block;overflow:hidden;aspect-ratio:3/2;background:var(--paper-2)}
.tn-thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow) var(--ease)}
.tn-thumb--none{background:var(--brand-50)}
.tn-card a:hover .tn-thumb img{transform:scale(1.04)}
.tn-card-b{display:grid;gap:8px}
.tn-meta{display:flex;align-items:center;gap:10px;font-size:.8125rem;font-weight:600;color:var(--muted)}
.tn-card strong{font-size:1.0625rem;line-height:1.4;color:var(--ink)}
.tn-card a:hover strong{color:var(--brand);text-decoration:underline}
.tn-card small{font-size:1rem;line-height:1.55;color:var(--ink-2)}
.tn-cards--top{grid-template-columns:minmax(0,1fr)}
.tn-card--big a{gap:0}
@media (min-width:900px){
  .tn-card--big a{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center}
  .tn-card--big .tn-card-b{gap:14px}
}
.tn-card--big strong{font-family:var(--font-serif);font-weight:600;font-size:var(--fs-h3);line-height:1.15;letter-spacing:-.015em}
.tn-card--big .tn-card-b{padding-top:16px}
.tn-year h2{margin-bottom:16px;padding-top:24px;border-top:1px solid var(--track);font-size:var(--fs-h3);color:var(--ink)}
.tn-thumb--none{display:grid;place-items:center;background:var(--brand-50)}
.tn-thumb--none img{width:84px;height:84px;object-fit:contain;background:none}
.tn-card a:hover .tn-thumb--none img{transform:none}

/* ===================== TUYỂN SINH / ĐÀO TẠO / ĐỐI TÁC: các dạng khối ===================== */
.ng-khoi h3{font-size:var(--fs-h3);line-height:1.1;letter-spacing:-.015em;color:var(--brand-900)}
.ng-khoi-hd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.ng-khoi>.pg-chips{margin-top:2px}
@media (min-width:900px){.ng-khoilist .ng-khoi{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.ng-khoi-hd{display:grid;justify-content:stretch}}

.ts-steps{display:grid;gap:16px;margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.ts-steps li{display:grid;gap:8px;align-content:start;padding:22px 22px 20px;background:var(--tk);color:var(--brand-900)}
.ts-steps h3{font-size:1.5rem;line-height:1.15}
.ts-steps p{line-height:1.5}
.ts-steps a{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-weight:700;color:var(--brand-900);text-decoration:none}
.ts-steps a svg{width:16px;height:16px;transition:transform var(--t-fast) var(--ease)}
.ts-steps a:hover svg{transform:translateX(4px)}

.ts-two{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.ts-two article{padding:26px;background:#fff;border-top:6px solid var(--brand)}
.ts-two h3{font-size:1.625rem;line-height:1.15;color:var(--brand-900)}
.ts-two p{margin-top:8px;color:var(--ink-2)}
.ts-who{margin-top:22px;max-width:72ch;font-size:1.0625rem}

.ts-statband{background:var(--brand-900);color:#fff;padding-block:40px}
.ts-stats{display:grid;gap:24px;margin:0;padding:0;list-style:none;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:800px){.ts-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ts-stats b{display:block;font-family:var(--font-serif);font-weight:600;font-size:clamp(2.5rem,3vw + 1rem,4rem);line-height:1;color:var(--accent-yellow)}
.ts-stats span{display:block;margin-top:8px;line-height:1.35;color:var(--on-dark-2)}
.ts-statband p{margin-top:28px;color:var(--on-dark-2)}
.ts-statband p a{color:var(--accent-lime);font-weight:600;text-underline-offset:3px}

.ts-docs{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:d;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.ts-docs li{position:relative;padding:16px 18px 16px 62px;background:#fff;line-height:1.45;counter-increment:d}
.ts-docs li::before{content:counter(d);position:absolute;left:18px;top:14px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--brand-50);color:var(--brand-900);font-weight:700}
.ts-docs small{display:block;margin-top:2px;font-size:.875rem;color:var(--muted)}

.ts-support{display:grid;gap:24px;align-items:center}
@media (min-width:900px){.ts-support{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px}}
.ts-big{font-family:var(--font-serif);font-weight:600;font-size:clamp(5.5rem,13vw,10rem);line-height:.85;letter-spacing:-.04em;color:var(--brand)}
.ts-support h2{font-size:var(--fs-h3);line-height:1.15;margin-bottom:10px}
.ts-support p{max-width:60ch;line-height:1.65}
.ts-support .pg-chips{margin:14px 0}

.dt-levels{display:grid;gap:16px;margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.dt-levels li{display:grid;gap:10px;align-content:start;padding:26px;background:var(--tk);color:var(--brand-900)}
.dt-levels h3{font-size:2rem;line-height:1.1}
.dt-levels p{line-height:1.55}
.dt-levels a{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--brand-900);text-decoration:none}
.dt-levels a svg{width:16px;height:16px}
.dt-note{margin-top:22px;max-width:72ch}
.dt-note--dark{color:var(--on-dark-2)}
.dt-note--dark a{color:var(--accent-lime);font-weight:600}
.dt-modes li{font-weight:600}
.dt-steps{display:grid;gap:14px;margin:0 0 24px;padding:0;list-style:none;counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.dt-steps li{counter-increment:s;padding:20px;background:var(--paper-2);border-top:6px solid var(--brand)}
.dt-steps li::before{content:counter(s);display:block;font-family:var(--font-serif);font-weight:600;font-size:2.25rem;line-height:1;color:var(--brand)}
.dt-steps h3{margin-top:10px;font-size:1.25rem}
.dt-steps p{margin-top:6px;line-height:1.5;color:var(--ink-2)}

.dt-coop{display:grid;gap:16px;margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.dt-coop>li{padding:24px;background:var(--tk);color:var(--brand-900)}
.dt-coop h3{font-size:1.5rem;line-height:1.15}
.dt-coop p{margin-top:8px;line-height:1.5}
.dt-coop ul{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.dt-coop ul li{position:relative;padding-left:18px;line-height:1.45}
.dt-coop ul li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--brand-900)}
.dt-thanks{padding-block:44px}
.dt-thanks h2{font-size:var(--fs-h3);line-height:1.15}
.dt-thanks p{margin-top:12px;max-width:62ch;font-family:var(--font-serif);font-weight:600;font-size:clamp(1.25rem,1vw + 1rem,1.625rem);line-height:1.4;color:var(--on-dark)}
.ts-statband p a svg,.dt-note a svg,.ts-support a svg{display:inline-block;width:16px;height:16px;vertical-align:-2px}
.ng-jobs .section-head p{color:var(--on-dark-2)}

.ts-khoi{display:grid;gap:12px;margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.ts-khoi a{display:grid;gap:4px;align-content:start;height:100%;padding:18px 20px;background:var(--tk);color:var(--brand-900);text-decoration:none;transition:transform var(--t-fast) var(--ease)}
.ts-khoi a:hover{transform:translateY(-3px)}
.ts-khoi strong{font-family:var(--font-serif);font-weight:600;font-size:1.25rem;line-height:1.2}
.ts-khoi span{font-size:.9375rem;font-weight:600}

/* ===================== TÀI LIỆU + BẢNG THÔNG BÁO TUYỂN SINH + SƠ ĐỒ ===================== */
.tl-list{display:grid;gap:28px}
.tl-doc{display:grid;gap:20px;padding:24px;background:var(--paper-2);border-top:6px solid var(--brand)}
@media (min-width:700px){.tl-doc{grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:start}}
.tl-cover{display:block;box-shadow:0 8px 24px rgba(0,38,79,.18);background:#fff;max-width:200px}
.tl-cover img{display:block;width:100%;height:auto}
.tl-meta{font-size:.875rem;font-weight:600;color:var(--muted)}
.tl-body h2{margin-top:6px;font-size:var(--fs-h3);line-height:1.15;color:var(--brand-900)}
.tl-sub{margin-top:4px;font-weight:600;color:var(--brand)}
.tl-body>p:not(.tl-meta):not(.tl-sub){margin-top:10px;max-width:60ch;line-height:1.6}
.tl-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}

.ts-tables{display:grid;gap:20px;margin-top:20px}
@media (min-width:900px){.ts-tables{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}}
.ts-tables-side{display:grid;gap:20px}
.ts-tablewrap{overflow-x:auto;background:#fff;border:1px solid var(--track)}
.ts-table{width:100%;border-collapse:collapse;font-size:1rem}
.ts-table caption{padding:14px 16px;text-align:left;font-family:var(--font-serif);font-weight:600;font-size:1.25rem;background:var(--brand-900);color:#fff}
.ts-table th,.ts-table td{padding:10px 16px;text-align:left;border-bottom:1px solid var(--track)}
.ts-table th{font-size:.875rem;font-weight:700;color:var(--ink-2);background:var(--paper-2)}
.ts-table td:nth-child(n+2){white-space:nowrap;font-variant-numeric:tabular-nums}
.ts-table tbody tr:nth-child(even){background:#f8fafc}
.ts-info{display:grid;gap:18px 32px;margin:28px 0 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.ts-info dt{font-size:.875rem;font-weight:700;color:var(--brand)}
.ts-info dd{margin:4px 0 0;line-height:1.55}

.so-do{margin:0}
.so-do img{display:block;width:100%;max-width:980px;height:auto;background:#fff}
.so-do figcaption{margin-top:10px;font-size:.9375rem;color:var(--muted)}
.so-do-text{margin-top:18px;max-width:72ch}
.so-do-text summary{cursor:pointer;font-weight:600;color:var(--brand);min-height:44px;display:flex;align-items:center}
.so-do-text ul{margin:8px 0 0;padding-left:20px;display:grid;gap:6px;line-height:1.5}

/* Trạm đào tạo từ xa + đơn vị hợp tác */
.tr-grid{display:grid;gap:14px;margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr))}
.tr-card{padding:18px 20px;background:#fff;border-top:4px solid var(--brand)}
.tr-card h3{margin-bottom:8px;font-family:var(--font-sans);font-size:1.0625rem;font-weight:700;color:var(--brand-900)}
.tr-card ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.tr-card li{position:relative;padding-left:16px;font-size:.9375rem;line-height:1.5}
.tr-card li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--brand)}
.dt-partners{display:grid;gap:14px;margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.dt-partners li{display:grid;gap:8px;align-content:start;padding:22px;background:var(--paper-2);border-left:6px solid var(--tk-1)}
.dt-partners h3{font-size:1.25rem;line-height:1.2;color:var(--brand-900)}
.dt-partners p{line-height:1.5;color:var(--ink-2)}
.dt-partners a{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--brand);text-decoration:none}
.dt-partners a svg{width:16px;height:16px}