/* Kho ngành chung — /nganh/ và /nganh/<slug>/. Dùng token chung (đỏ đô + Be Vietnam Pro). */
.ndn-hero{background:linear-gradient(180deg,var(--pink-soft),#fff);padding:34px 0 26px}
.ndn-hero h1{font-size:clamp(26px,4.4vw,40px);font-weight:800;line-height:1.2;margin:6px 0 10px;text-wrap:balance}
.ndn-lead{max-width:62ch;color:var(--gray);font-size:16.5px;line-height:1.6;margin:0}
.ndn-hero .nd-eyebrow a{color:inherit}
.ndn-searchbar{margin-top:18px;max-width:560px}
.ndn-searchbar input{width:100%;font:inherit;font-size:16px;padding:14px 16px;border:1.5px solid var(--pink);border-radius:14px;background:#fff}
.ndn-searchbar input:focus{outline:none;border-color:var(--maroon)}
.ndn-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ndn-chips button{font:inherit;font-size:13.5px;font-weight:600;padding:7px 13px;border:1.5px solid var(--line);border-radius:999px;background:#fff;color:#33333a;cursor:pointer}
.ndn-chips button.on,.ndn-chips button:hover{background:var(--maroon);border-color:var(--maroon);color:#fff}
.ndn-chips button:focus-visible,.ndn-card:focus-visible{outline:2px solid var(--maroon);outline-offset:2px}
.ndn-group{margin-bottom:34px;scroll-margin-top:110px}
.ndn-group h2{font-size:20px;font-weight:800;margin:0 0 12px;display:flex;align-items:baseline;gap:8px}
.ndn-group h2 span{font-size:13px;font-weight:600;color:var(--gray)}
.ndn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.ndn-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--ink);transition:.18s}
a.ndn-card:hover{border-color:var(--maroon);box-shadow:var(--shadow);transform:translateY(-2px)}
.ndn-card b{font-size:15.5px;font-weight:700;line-height:1.35}
.ndn-card .meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12.5px;color:var(--gray)}
.ndn-card .pay{color:var(--maroon);font-weight:700}
.ndn-card.off{background:var(--bg-soft);border-style:dashed}
.ndn-card.off b{color:var(--gray)}
.ndn-empty{background:var(--pink-soft);border-radius:12px;padding:14px 16px}
.ndn-src{font-size:12.5px;color:var(--gray-2);margin-top:10px;max-width:72ch}
.ndn-note{font-size:13.5px;color:var(--gray);max-width:72ch}

/* Trang ngành */
.ndn-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:18px;max-width:880px}
.ndn-facts>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.ndn-facts b{display:block;font-size:22px;font-weight:800;color:var(--maroon);font-variant-numeric:tabular-nums;line-height:1.2}
.ndn-facts span{font-size:13px;color:#3a3a42;line-height:1.35;display:block;margin-top:2px}
.ndn-facts small{color:var(--gray-2);font-size:11.5px}
.ndn-toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ndn-toc a{font-size:13.5px;font-weight:700;color:var(--maroon);background:#fff;border:1.5px solid var(--maroon);border-radius:999px;padding:7px 13px}
.ndn-toc a:hover{background:var(--maroon);color:#fff}
.ndn-col{max-width:900px}
.ndn-sec{padding:26px 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.ndn-sec h2{font-size:clamp(19px,3vw,24px);font-weight:800;line-height:1.3;margin:0 0 12px;text-wrap:balance}
.ndn-sec h3{font-size:16.5px;font-weight:800;margin:20px 0 10px}
.ndn-sec h4{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--maroon);margin:4px 0 8px}
.ndn-sec p{line-height:1.7;max-width:72ch}
.ndn-callout{background:var(--pink-soft);border-left:4px solid var(--maroon);border-radius:8px;padding:12px 14px;font-size:14.5px}
.tc{font-size:12px;color:var(--gray-2);font-weight:500;white-space:nowrap}
.ndn-count{font-size:12.5px;color:var(--gray);font-weight:600}
.ndn-years{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.ndn-year{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;min-width:0}
.ndn-year h3{margin:0 0 8px;color:var(--maroon);font-size:15px}
.ndn-year ul,.ndn-cols,.ndn-list{margin:0;padding-left:18px}
.ndn-year li,.ndn-cols li,.ndn-list li{margin:5px 0;line-height:1.45;font-size:14.5px}
.ndn-cols{columns:2 260px;column-gap:28px}
.ndn-cols li{break-inside:avoid}
.ndn-cols a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:3px}
.ndn-cols a:hover{color:var(--maroon)}
.ndn-more{margin-top:12px}
.ndn-more summary{cursor:pointer;font-weight:700;color:var(--maroon);padding:6px 0}
.ndn-tbl{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.ndn-tbl table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}
.ndn-tbl th,.ndn-tbl td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ndn-tbl th{background:var(--pink-soft);color:var(--maroon);font-weight:700;font-size:13px}
.ndn-tbl th small{color:var(--gray);font-weight:500}
.ndn-tbl td.num{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}
.ndn-tbl td.num small{display:block;font-weight:500;font-size:11.5px;color:var(--gray-2)}
.ndn-tbl .dash{color:var(--gray-2);font-weight:400}
.ndn-tbl tr:last-child td{border-bottom:0}
.ndn-pay{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.ndn-pay>div{background:var(--pink-soft);border-radius:12px;padding:14px 16px}
.ndn-pay .lb{display:block;font-size:13px;color:#3a3a42}
.ndn-pay b{display:block;font-size:26px;font-weight:800;color:var(--maroon);font-variant-numeric:tabular-nums;margin:2px 0}
.ndn-pay .rg{font-size:12.5px;color:var(--gray)}
.ndn-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.ndn-two>div{min-width:0}
.ndn-bars{display:grid;gap:7px}
.ndn-bar{display:grid;grid-template-columns:minmax(0,170px) 1fr 46px;gap:10px;align-items:center;font-size:13.5px}
.ndn-bar .nm{overflow-wrap:anywhere}
.ndn-bar .tr{height:9px;background:var(--bg-soft);border-radius:99px;overflow:hidden}
.ndn-bar .tr span{display:block;height:100%;background:var(--maroon);border-radius:99px}
.ndn-bar .pc{text-align:right;color:var(--gray);font-variant-numeric:tabular-nums}
.ndn-cta{margin-top:30px;background:var(--pink-soft);border-radius:18px;padding:22px}
.ndn-cta h2{font-size:21px;font-weight:800;margin:0 0 6px}
.ndn-cta-btns{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.ndn-stages{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;color:var(--gray)}
.ndn-stages a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:var(--ink);font-weight:600}
.ndn-stages a:hover{border-color:var(--maroon);color:var(--maroon)}
@media(max-width:600px){ .ndn-bar{grid-template-columns:minmax(0,120px) 1fr 40px} .ndn-cta-btns .nd-btn{width:100%;justify-content:center} }
.ndn-qa li{margin:8px 0}
.ndn-qa a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:3px}
.ndn-qa a:hover{color:var(--maroon)}
/* Thẻ xem theo giai đoạn (nganh-gd.js) */
.ndn-gd{border-bottom:1px solid var(--line);background:#fff}
.ndn-gd-in{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 0;-webkit-overflow-scrolling:touch}
.ndn-gd-in::-webkit-scrollbar{display:none}
.ndn-gd-in a{flex:0 0 auto;font-size:14px;font-weight:700;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;white-space:nowrap}
.ndn-gd-in a:hover{border-color:var(--maroon);color:var(--maroon)}
.ndn-gd-in a.on{background:var(--maroon);border-color:var(--maroon);color:#fff}
.ndn-gd-in a:focus-visible{outline:2px solid var(--maroon);outline-offset:2px}
.ndn-body [data-gd][hidden],.ndn-toc a[hidden]{display:none!important}
.ndn-gdintro{background:var(--pink-soft);border-radius:16px;padding:18px 20px;margin-bottom:8px}
.ndn-gdintro h2{font-size:20px;font-weight:800;margin:0 0 6px}
.ndn-gdintro p{margin:0;font-size:15px;line-height:1.6}
.ndn-gdintro .ndn-cta-btns{margin:12px 0 0}
.ndn-embed .nd1011-ndetail h3,.ndn-embed .nd12-h3{margin-top:14px}
@media(max-width:600px){ .ndn-gdintro{padding:16px} .ndn-gdintro h2{font-size:18px} }
.ndn-real li{margin-bottom:8px;line-height:1.6}
/* Lưu để so sánh (nganh-cmp.js) */
.ndc-btn{font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;border:1.5px solid var(--maroon);color:var(--maroon);background:#fff;border-radius:999px;padding:10px 18px;transition:background .15s,color .15s}
.ndc-btn:hover,.ndc-btn.on{background:var(--maroon);color:#fff}
.ndc-btn:focus-visible{outline:2px solid var(--maroon);outline-offset:2px}
.ndc-btn.sm{font-size:12.5px;padding:6px 11px;align-self:flex-start}
.ndn-card.has-cmp{display:flex;flex-direction:column;gap:10px;justify-content:space-between}
.ndn-card.has-cmp .ndn-card-a{color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:6px}
.ndn-card.has-cmp .ndn-card-a:hover b{color:var(--maroon)}
.ndn-save{margin-top:30px;border:1.5px dashed var(--maroon);border-radius:18px;padding:20px;text-align:center}
.ndn-save h2{font-size:19px;font-weight:800;margin:0 0 6px}
.ndn-save p{margin:0 0 14px;font-size:14.5px;color:var(--gray)}
.ndc-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;background:#fff;border-top:2px solid var(--maroon);box-shadow:0 -6px 20px rgba(0,0,0,.08)}
.ndc-in{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:9px;padding-bottom:9px}
.ndc-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.ndc-lbl{font-size:13px;font-weight:700;color:var(--gray)}
.ndc-chip{display:inline-flex;align-items:center;gap:4px;background:var(--pink-soft);color:var(--maroon);font-size:13px;font-weight:700;border-radius:999px;padding:4px 6px 4px 11px;max-width:200px}
.ndc-chip button{border:0;background:none;color:inherit;cursor:pointer;font-size:12px;padding:2px 4px;line-height:1}
.ndc-go{flex:0 0 auto;background:var(--maroon);color:#fff;font-weight:800;font-size:14px;border-radius:999px;padding:10px 16px;white-space:nowrap;text-decoration:none}
.ndc-go.ghost{background:#fff;color:var(--maroon);border:1.5px solid var(--maroon)}
.ndc-flash{position:fixed;left:50%;bottom:84px;transform:translateX(-50%) translateY(10px);opacity:0;pointer-events:none;z-index:80;background:#1c1c22;color:#fff;font-size:13.5px;border-radius:10px;padding:10px 14px;max-width:min(92vw,420px);text-align:center;transition:opacity .2s,transform .2s}
.ndc-flash.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:600px){ .ndc-in{padding-top:7px;padding-bottom:7px} .ndc-chip{display:none} .ndc-lbl{font-size:13.5px;color:var(--ink)} .ndc-go{padding:9px 14px;font-size:13.5px} }
/* Bảng so sánh (lop12-sosanh.js) */
.ndc-src{font-size:11.5px;color:var(--gray);margin-top:4px}
.ndc-na{color:var(--gray);font-style:italic}
.ndn-huong{margin:14px 0 6px;text-transform:none;letter-spacing:0;font-size:14.5px}
.ndn-pending{background:#f6f6f8;border:1px dashed var(--line);border-radius:12px;padding:12px 14px;font-size:14.5px;color:var(--gray)}
.ndn-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ndn-three h4{margin-top:0}
@media(max-width:800px){ .ndn-three{grid-template-columns:1fr} }
.ndn-goiy li{margin-bottom:7px;line-height:1.55}.ndn-goiy .tc{display:block;font-weight:400}
.ndn-nn{border:1.5px solid var(--maroon);border-radius:16px;padding:16px 18px;margin:6px 0 18px;background:#fff}
.ndn-nn p{margin:6px 0;font-size:15px;line-height:1.6}
.ndn-nn ul{margin:4px 0 8px 18px;font-size:15px;line-height:1.6}
.ndn-nn-h{font-size:16px;margin-bottom:6px}
.ndn-nn-muc{display:inline-block;border-radius:999px;padding:3px 12px;font-size:13.5px;color:#fff;background:var(--maroon)}
.ndn-nn-muc.m-trung-binh{background:#b5651d}.ndn-nn-muc.m-co-ban{background:#6b7280}
.ndn-nn-lk{background:var(--pink-soft);border-radius:10px;padding:10px 12px}
.ndn-kd{display:flex;flex-direction:column;gap:2px;background:var(--pink-soft);border-radius:14px;padding:14px 16px;margin:4px 0 12px}
.ndn-kd .lb{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--maroon)}
.ndn-kd b{font-size:30px;font-weight:800;color:var(--maroon);font-variant-numeric:tabular-nums}
.ndn-kd .rg{font-size:13.5px;color:var(--gray)}
.ndn-back{display:inline-flex;align-items:center;gap:4px;margin:2px 0 6px;padding:8px 14px;border-radius:999px;background:var(--pink-soft);color:var(--maroon);font-weight:700;font-size:14px;text-decoration:none;min-height:40px}
.ndn-back:hover{background:var(--maroon);color:#fff}
.ndn-kn-chung{background:#fff;border:1px solid var(--pink);border-radius:12px;padding:10px 14px;line-height:1.8}
.ndn-moc{list-style:none;margin:6px 0 14px;padding:0;border-left:3px solid var(--pink);display:grid;gap:10px}
.ndn-moc li{position:relative;padding-left:16px;display:flex;flex-direction:column;gap:2px}
.ndn-moc li:before{content:"";position:absolute;left:-8px;top:5px;width:13px;height:13px;border-radius:50%;background:var(--maroon)}
.ndn-moc b{color:var(--maroon)}
.ndn-tbl td small{display:block;color:var(--gray);font-size:12px;font-weight:400}
/* Lương mới ra trường 3 trường hợp */
.ndn-3muc{display:grid;gap:10px;margin:8px 0 12px}
.ndn-3muc .m{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff}
.ndn-3muc .k{flex:0 0 34px;height:34px;border-radius:10px;display:grid;place-items:center;font-family:var(--font-head);font-weight:700}
.ndn-3muc .m-A .k{background:#EEEDEA;color:#55555e}
.ndn-3muc .m-B .k{background:#FBEFC9;color:#7A5A00}
.ndn-3muc .m-C .k{background:var(--maroon);color:#fff}
.ndn-3muc b{display:block;font-size:22px;color:var(--maroon);font-family:var(--font-head);font-weight:700;line-height:1.2}
.ndn-3muc .dk{display:block;font-size:14px;color:var(--ink);margin-top:2px}
.ndn-3muc small{display:block;font-size:12.5px;color:var(--gray);margin-top:4px;line-height:1.5}
/* Bảng điểm kỹ năng thang 10: xám nhạt → vàng nhạt → đỏ đô */
.ndn-score{display:grid;gap:8px;margin:8px 0 10px}
.ndn-score .r{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;border-radius:12px;padding:10px 12px;border:1px solid transparent}
.ndn-score .r.lv-l{background:#F3F2EF;border-color:#E6E4DF}
.ndn-score .r.lv-m{background:#FDF4D7;border-color:#F3E2A6}
.ndn-score .r.lv-h{background:var(--maroon);color:#fff}
.ndn-score .nm{font-weight:700;font-size:15px;line-height:1.35}
.ndn-score .nm small{display:block;font-weight:400;font-size:12px;opacity:.75;margin-top:2px}
.ndn-score .dt{display:flex;gap:3px}
.ndn-score .dt i{width:7px;height:16px;border-radius:2px;background:rgba(0,0,0,.12)}
.ndn-score .lv-l .dt i.on{background:#9A978F}
.ndn-score .lv-m .dt i.on{background:#D9A400}
.ndn-score .lv-h .dt i{background:rgba(255,255,255,.25)}
.ndn-score .lv-h .dt i.on{background:#fff}
.ndn-score b{font-family:var(--font-head);font-weight:700;font-size:17px;min-width:44px;text-align:right}
.ndn-score .lv-h b{color:#fff}
.ndn-score-lg{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 2px;font-size:12.5px}
.ndn-score-lg span{padding:3px 10px;border-radius:999px}
.ndn-score-lg .lv-h{background:var(--maroon);color:#fff}
.ndn-score-lg .lv-m{background:#FDF4D7;color:#7A5A00}
.ndn-score-lg .lv-l{background:#F3F2EF;color:#55555e}
@media (max-width:480px){.ndn-score .dt{display:none}}
/* Việc làm sau tốt nghiệp */
.ndn-vl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:8px 0}
.ndn-vl .c{border-radius:14px;padding:12px 14px;border:1px solid var(--line)}
.ndn-vl .c1{background:var(--maroon);color:#fff;border-color:var(--maroon)}
.ndn-vl .c2{background:#FDF4D7;border-color:#F3E2A6}
.ndn-vl .c3{background:#F3F2EF}
.ndn-vl h4{margin:0 0 6px;font-size:15px}
.ndn-vl .c1 h4{color:#fff}
.ndn-vl ul{margin:0;padding-left:18px;font-size:14.5px;line-height:1.55}
.ndn-vl li{margin:3px 0}
.ndn-vl h4 span{font-size:12px;font-weight:600;opacity:.7;margin-left:4px}
.ndn-vl li small{font-size:12.5px;opacity:.75}
.ndn-vl .c1 li small{opacity:.85}
.ndn-2020 td:nth-child(3){background:#FBF5F6}
/* Bảng xu hướng 2010–2030 (trả phí) */
.ndn-xh-t{min-width:760px}
.ndn-xh-t th:first-child,.ndn-xh-t td:first-child{width:150px}
.ndn-xh-t tr.lk td{background:#FAFAF8;color:#9a978f}
.ndn-xh-lock{font-size:13px}
.ndn-xh-t td.du{background:#FBF5F6}
.ndn-xh-t th:last-child{background:var(--maroon);color:#fff}
.ndn-xh-pay{margin-top:12px;border:2px solid var(--maroon);border-radius:16px;padding:16px;background:#fff}
.ndn-xh-pay-h{font-family:var(--font-head);font-weight:700;font-size:18px;color:var(--maroon);margin-bottom:6px}
.ndn-xh-pay ul{margin:0 0 12px;padding-left:18px;font-size:14.5px;line-height:1.6}
.ndn-xh-qr{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:start;margin-top:8px}
.ndn-xh-qrw img{width:240px;height:auto;border-radius:12px;border:1px solid var(--line)}
.ndn-xh-info p{margin:0 0 8px;font-size:14.5px;line-height:1.6}
.ndn-xh-info .code{font-size:17px;letter-spacing:.06em;color:var(--maroon)}
.ndn-xh-info .st{color:var(--gray);font-size:13.5px}
.ndn-xh-err{color:#C0392B;font-size:13.5px}
@media (max-width:600px){.ndn-xh-qr{grid-template-columns:1fr}.ndn-xh-qrw{text-align:center}}
/* Không gian Học nghề – Trung cấp – Cao đẳng */
.ndh-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:0 0 14px}
.ndh-3 .c{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}
.ndh-3 b{display:block;font-family:var(--font-head);font-size:17px;color:var(--maroon);margin-bottom:4px}
.ndh-3 span{font-size:14px;color:var(--gray);line-height:1.55}
.ndh-cap{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:8px 0 12px}
.ndh-cap .c{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff}
.ndh-cap .h{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}
.ndh-cap .h b{font-family:var(--font-head);color:var(--maroon);font-size:16px}
.ndh-cap .h span{font-size:13px;color:var(--gray)}
.ndh-tags{list-style:none;padding:0;margin:8px 0;display:flex;flex-wrap:wrap;gap:8px}
.ndh-tags li{background:#FDF4D7;color:#7A5A00;border-radius:999px;padding:6px 12px;font-weight:600;font-size:14px}
.ndn-xh-dl{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:6px 0 14px}
.ndn-xh-dl dt{background:var(--pink-soft);color:var(--maroon);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line);font-size:14px}
.ndn-xh-dl dd{margin:0;padding:10px 12px;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.55}
.ndn-xh-dl.gk dt{background:#FDF4D7;color:#7A5A00}
@media (max-width:600px){.ndn-xh-dl{grid-template-columns:1fr}.ndn-xh-dl dt{border-bottom:0}}
/* Lương & yêu cầu tuyển dụng trên thị trường */
.ndt{display:grid;gap:12px;margin:8px 0 10px}
.ndt-c{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}
.ndt-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:10px}
.ndt-h b{font-family:var(--font-head);font-size:16.5px;color:var(--ink)}
.ndt-m{font-size:12px;color:#55555e;background:#F3F2EF;border-radius:999px;padding:2px 10px}
.ndt-m.nho{background:#FDF4D7;color:#7A5A00}
.ndt-n{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:10px}
.ndt-n>div{background:var(--pink-soft);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}
.ndt-n span{font-size:12px;color:var(--gray)}
.ndt-n b{font-family:var(--font-head);font-weight:700;color:var(--maroon);font-size:16px}
.ndt-n small{font-size:11.5px;color:var(--gray)}
.ndt-n .tb{background:var(--maroon)}
.ndt-n .tb span,.ndt-n .tb small,.ndt-n .tb b{color:#fff}
.ndt-c p{margin:4px 0;font-size:14px;line-height:1.55}
.ndt-c p.ndt-s{font-size:12.5px;color:var(--gray)}
.ndt-c p.ndt-s a{color:var(--maroon)}
.ndn-xh-t th.lk{background:var(--maroon);color:#fff}
.ndn-xh-t td.lk{background:repeating-linear-gradient(135deg,#FBF5F6,#FBF5F6 8px,#F6EAEC 8px,#F6EAEC 16px);text-align:center;vertical-align:top;padding-top:40px;min-width:140px}
.ndn-xh-t td.lk .ndn-xh-lock{color:var(--maroon);font-size:13.5px;line-height:1.6}
/* Lộ trình từng học kỳ */
.ndl-nam{margin:10px 0 14px}
.ndl-nh{font-family:var(--font-head);font-weight:700;color:var(--maroon);font-size:17px;margin:0 0 8px;padding-left:10px;border-left:4px solid var(--maroon)}
.ndl-nam{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ndl-nh{grid-column:1/-1}
.ndl-hk{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff}
.ndl-t{font-weight:800;color:var(--ink);margin-bottom:6px}
.ndl-hk dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;font-size:14px;line-height:1.5}
.ndl-hk dt{font-weight:700;color:var(--maroon);white-space:nowrap}
.ndl-hk dd{margin:0}
.ndl-moc{margin:8px 0 0;background:#FDF4D7;color:#5c4400;border-radius:10px;padding:8px 10px;font-size:13.5px}
.ndl-dau{margin-top:6px}
@media (max-width:720px){.ndl-nam{grid-template-columns:1fr}.ndl-hk dl{grid-template-columns:1fr}.ndl-hk dt{white-space:normal}}
.ndl-print{width:780px;background:#fff;padding:16px;font-family:'Be Vietnam Pro',Arial,sans-serif;color:#1c1c22}
.ndl-print .ndl-ph{display:flex;justify-content:space-between;align-items:baseline;border-bottom:3px solid #7A1E2B;padding-bottom:8px;margin-bottom:10px}
.ndl-print .ndl-ph b{font-size:18px;color:#7A1E2B}.ndl-print .ndl-ph span{font-size:11px;color:#777}
.ndl-print .ndl-nam{grid-template-columns:1fr 1fr}.ndl-print .ndl-hk{font-size:12px}
.ndl-btns{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.ndl-alt{font-size:13.5px;color:var(--maroon)}

/* Dự báo thị trường 2030–2035 (du_bao_2035) */
.ndn-xh-free{background:#FFF8E1;border:1px solid #F3D98B;border-radius:12px;padding:10px 14px;font-size:14px;margin:0 0 12px}
.ndb{margin-top:22px;padding-top:16px;border-top:2px solid var(--pink)}
.ndb h4{font-size:16px;font-weight:700;margin:18px 0 8px}
.ndb h4 small{font-weight:500;color:var(--gray)}
.ndb-tag{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
.ndb-tag span{background:var(--pink-soft);border-radius:999px;padding:5px 12px;font-size:13.5px}
.ndb-tag b{color:var(--maroon)}
.ndb-8{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.ndb-8 .c{display:flex;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.ndb-8 .n{flex:0 0 26px;height:26px;border-radius:50%;background:var(--maroon);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}
.ndb-8 b{font-size:14.5px;line-height:1.35}
.ndb-8 p{margin:4px 0 0;font-size:14px;line-height:1.55;color:#33333a}
.ndb-cv td.ai{font-weight:600;color:var(--maroon);white-space:nowrap}
@media (max-width:600px){.ndb-8{grid-template-columns:1fr}.ndb-cv td.ai{white-space:normal}}
/* Bảng lương gốc — một bảng duy nhất cho mọi con số lương trên trang ngành */
.ndn-lg{min-width:560px}
.ndn-lg tr.g td{background:var(--pink-soft);font-weight:700;font-size:13px;color:var(--maroon);text-transform:none}
.ndn-lg td.num{white-space:nowrap}
.ndn-lg .k{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:800;margin-right:4px;background:#F3F2EF;color:#33333a}
.ndn-lg .k-B{background:#FDF4D7}.ndn-lg .k-C{background:var(--maroon);color:#fff}
.ndn-mau{display:inline-block;font-size:13px;font-weight:600;border-radius:999px;padding:4px 12px;margin:0 0 8px}
.ndn-mau.nho{background:#FFF8E1;border:1px solid #F3D98B;color:#7a5a00}
.ndn-mau.uoc{background:#F3F2EF;border:1px solid var(--line);color:#555}
.ndn-mau.du{background:#EAF5EF;border:1px solid #BFE0CC;color:#1d6b3d}
.ndn-mau-tag{display:inline-block;background:#FFF8E1;border:1px solid #F3D98B;color:#7a5a00;border-radius:6px;padding:0 5px;font-weight:700}
.ndn-card .pay .mau{font-weight:600;color:#8a6d00}
a.ndn-fact-a{display:flex;color:inherit;text-decoration:none}
a.ndn-fact-a:hover b{text-decoration:underline}
.ndn-bc{background:#FBF5F6;border:1px solid var(--pink);border-radius:14px;padding:12px 16px;margin:6px 0 16px}
.ndn-bc h3{margin-top:0;font-size:16px}
/* Hợp với ai – Góc khuất */
.ndn-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:8px 0 14px}
.ndn-fit .c{border-radius:14px;padding:12px 14px;border:1px solid var(--line)}
.ndn-fit .hop{background:#EAF5EF;border-color:#BFE0CC}
.ndn-fit .khong{background:#FBF0F0;border-color:#F0CACA}
.ndn-fit h4{margin:0 0 6px;font-size:15px}
.ndn-fit ul{margin:0;padding-left:18px;font-size:14.5px;line-height:1.55}
.ndn-goc li{margin:4px 0}
.ndn-ct>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.ndn-ct h4{margin:0 0 4px;font-size:14.5px;color:var(--maroon)}
.ndn-ct p{margin:0;font-size:14.5px;line-height:1.55}
/* Dự báo 2030 — phần cốt lõi (miễn phí) */
.ndn-cl{border:2px solid var(--pink);border-radius:16px;padding:14px 16px;margin:6px 0 18px;background:#fff}
.ndn-cl h3{margin-top:0}
.ndn-cl h3 .free{font-size:12px;font-weight:700;background:#EAF5EF;color:#1d6b3d;border-radius:999px;padding:2px 9px;vertical-align:middle;margin-left:4px}
.ndn-cl-d{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:0 0 10px}
.ndn-cl-d>div{background:var(--pink-soft);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.ndn-cl-d span{font-size:13px;color:var(--gray)}
.ndn-cl-d b{font-size:20px;color:var(--maroon)}
.ndn-cl-d b.t{font-size:15px}
.ndn-cl-d small{font-size:11.5px;color:var(--gray-2)}
/* Lộ trình mẫu 4 năm – 3 phương án (/dai-hoc/lo-trinh-mau/) */
.ltm-pick{margin-top:16px;display:grid;grid-template-columns:1fr;gap:8px;max-width:620px}
.ltm-pick label{font-weight:700;font-size:14px}
.ltm-pick input,.ltm-pick select{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1.5px solid var(--pink);border-radius:12px;background:#fff}
.ltm-pick input:focus,.ltm-pick select:focus{outline:none;border-color:var(--maroon)}
.ltm-pick .nd-btn{justify-self:start}
.ltm-hint{font-size:12.5px;color:var(--gray-2);margin:0}
.ltm-ma{font-size:13px;font-weight:600;color:var(--gray)}
.ltm-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:6px 0 12px}
.ltm-facts>div{background:var(--pink-soft);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.ltm-facts span{font-size:12.5px;color:var(--gray)}
.ltm-facts b{font-size:15px;color:var(--maroon)}
.ltm-3 h4{margin:0 0 6px}
.ltm-web{background:#F3F2EF;border-radius:12px;padding:10px 14px;font-size:14.5px}
.ltm-years{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.ltm-y{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.ltm-yh{background:var(--maroon);color:#fff;padding:10px 14px;display:flex;flex-direction:column;gap:3px}
.ltm-yh b{font-family:Lexend,inherit;font-size:16px}
.ltm-yh span{font-size:13.5px;opacity:.92;line-height:1.45}
.ltm-y dl{margin:0;padding:10px 14px}
.ltm-y dt{font-weight:700;font-size:13.5px;margin-top:8px}
.ltm-y dt:first-child{margin-top:0}
.ltm-y dd{margin:2px 0 0;font-size:14px;line-height:1.55;color:#33333a}
.ltm-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
.ltm-tab{font:inherit;font-size:14px;font-weight:600;padding:9px 14px;border:1.5px solid var(--line);border-radius:999px;background:#fff;cursor:pointer;color:#33333a}
.ltm-tab b{display:inline-flex;width:22px;height:22px;border-radius:50%;align-items:center;justify-content:center;background:#F3F2EF;margin-right:2px}
.ltm-tab.on{border-color:var(--maroon);background:var(--maroon);color:#fff}
.ltm-tab.on b{background:#fff;color:var(--maroon)}
.ltm-tab:focus-visible{outline:2px solid var(--maroon);outline-offset:2px}
.ltm-panel{border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:12px;background:#fff}
.ltm-panel.pa-A{border-left:5px solid #9AA0A6}.ltm-panel.pa-B{border-left:5px solid #E9C46A}.ltm-panel.pa-C{border-left:5px solid var(--maroon)}
.ltm-pah{margin-top:0}
.ltm-pamo{font-size:14.5px;line-height:1.6;background:#FBFAF8;border-radius:10px;padding:8px 12px}
.ltm-panel h4{margin:14px 0 6px;font-size:15px}
.ltm-ns td{font-size:14px}
.ltm-ns td.num{white-space:nowrap;text-align:right}
.ltm-pa3{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.ltm-pa3>div{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff}
.ltm-pa3 .pa-A{border-top:4px solid #9AA0A6}.ltm-pa3 .pa-B{border-top:4px solid #E9C46A}.ltm-pa3 .pa-C{border-top:4px solid var(--maroon)}
.ltm-pa3 p{margin:6px 0 0;font-size:14px;line-height:1.55}
.ltm-kh{min-width:760px}.ltm-kh td{font-size:13.5px;line-height:1.5;vertical-align:top}
.ltm-pb{min-width:620px}.ltm-pb tr.t td,.ltm-chi tr.t td{font-weight:700;background:var(--pink-soft)}
.ltm-chi{min-width:600px}.ltm-chi td.num{white-space:nowrap}.ltm-chi td small{display:block;font-size:11.5px;color:var(--gray-2)}
.ltm-src{font-size:13px}
.ltm-btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 18px}
@media (max-width:600px){.ltm-tab{flex:1 1 100%;text-align:left}}
@media (max-width:600px){
  .ndn-lg{min-width:0;width:100%}
  .ndn-lg thead{display:none}
  .ndn-lg tr{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:9px 12px;border-bottom:1px solid var(--line)}
  .ndn-lg td{border:0 !important;padding:0 !important;background:none}
  .ndn-lg td:nth-child(3){grid-column:1/-1}
  .ndn-lg td:nth-child(3):empty,.ndn-lg td:nth-child(3) small:empty{display:none}
  .ndn-lg tr.g{display:block;background:var(--pink-soft)}
  .ndn-lg tr.g td{background:none}
  .ndn-lg td.num b{font-size:15.5px;color:var(--maroon)}
}
@media (max-width:600px){
  .ndn-tbl table.ndn-lg,.ndn-tbl table.ndn-lg tbody{display:block;min-width:0;width:100%}
  .ndn-tbl table.ndn-lg td{white-space:normal}
  .ndn-tbl table.ndn-lg td.num{white-space:nowrap;text-align:right}
}
@media (max-width:600px){.ndn-tbl table.ndn-lg tr:nth-child(even) td,.ndn-tbl table.ndn-lg tr:nth-child(even){background:none}.ndn-tbl table.ndn-lg tr.g{background:var(--pink-soft)}}
/* 3 lộ trình cho 3 đối tượng */
.ltm-who{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:10px 0 14px}
.ltm-who .ltm-tab{display:flex;gap:10px;align-items:flex-start;text-align:left;border-radius:14px;padding:12px 14px;text-decoration:none;color:#33333a;background:#fff;border:1.5px solid var(--line)}
.ltm-who .ltm-tab .ic{font-size:22px;line-height:1}
.ltm-who .ltm-tab b{display:block;width:auto;height:auto;background:none;border-radius:0;margin:0 0 3px;font-size:14.5px}
.ltm-who .ltm-tab small{display:block;font-size:12.5px;font-weight:500;line-height:1.45;color:var(--gray)}
.ltm-who .ltm-tab.on{background:var(--maroon);border-color:var(--maroon);color:#fff}
.ltm-who .ltm-tab.on b{background:none;color:#fff}.ltm-who .ltm-tab.on small{color:rgba(255,255,255,.85)}
.ltm-ph{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.ltm-ph .ic{font-size:30px}
.ltm-ph h3{margin:0}
.ltm-k{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--maroon)}
.ltm-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:10px 0 14px}
.ltm-sum>div{background:var(--pink-soft);border-radius:12px;padding:9px 12px;display:flex;flex-direction:column;gap:2px}
.ltm-sum span{font-size:12.5px;color:var(--gray)}
.ltm-sum b{font-size:17px;color:var(--maroon)}
.ltm-sum b.t{font-size:13.5px}
.ltm-panel .ltm-y{margin-bottom:12px}
.ltm-y dt.ltm-rieng{color:var(--maroon)}
.ltm-y dd.ltm-rieng{background:#FFF8E1;border-radius:8px;padding:6px 10px;font-weight:600}
.ltm-panel.pa-C .ltm-y dd.ltm-rieng{background:#FBF0F2}
.ltm-panel.pa-A .ltm-y dd.ltm-rieng{background:#F1F3F4}
.ltm-gio{display:flex;flex-wrap:wrap;gap:5px}
.ltm-gio span{font-size:12.5px;background:#F3F2EF;border-radius:999px;padding:2px 9px}
.ltm-gio span.t{background:var(--maroon);color:#fff}
.ltm-chung{margin:0 14px 12px;font-size:13.5px}
.ltm-chung summary{cursor:pointer;font-weight:600;color:var(--maroon)}
.ltm-chung dl{padding:6px 0 0}
.ltm-yh small{font-family:inherit;font-weight:500;font-size:12px;opacity:.85;margin-left:4px}
.ltm-ns th{font-size:13px}
.ltm-rr{margin-top:12px}