/* =========================================================
   AURORA — skin trang CHI TIẾT NGÀNH (html.th-aurora), đè lên theme.css.
   Phong cách "tạp chí khoa học": nền KEM ấm, tiêu đề SERIF (Fraunces),
   bố cục PHẲNG (bỏ blob/lưới sci-fi), số liệu editorial, thẻ viền phẳng.
   Palette TNUS: #1d73ba (xanh) · #0cbddc (cyan) · #ffa800 (amber).
   Luôn nền SÁNG (Detail.cshtml ép modeFixed="light" cho aurora).
   ========================================================= */

/* ---- Token: ép palette TNUS bất kể data-topic, font serif, nền kem ---- */
html.th-aurora,
html.th-aurora[data-topic],
html.th-aurora[data-mode]{
  --acc:#1d73ba !important;
  --acc2:#0e4f86 !important;
  --acc3:#ffa800 !important;
  --g-acc:linear-gradient(120deg,#1d73ba,#0cbddc) !important;
  --g-cta:linear-gradient(135deg,#1d73ba,#0cbddc) !important;

  --bg:#eaf4fb;            /* xanh nhạt — giống trang chủ */
  --bg2:#e2eef8;
  --surface:#ffffff;
  --surface2:#f3f8fd;
  --line:#d3e3f1;          /* viền xanh nhạt */
  --txt:#13243a;
  --muted:#52617a;
  --dim:#90a6bd;
  --soft:#f1f7fc; --soft2:#eaf3fb;
  --careers-bg:linear-gradient(160deg,#ffffff,#e6f1fa);
  --motif-fill:#ffffff;
  --title-grad:none;

  --display:'Fraunces','Be Vietnam Pro',Georgia,serif;   /* tiêu đề SERIF editorial */
  --body:'Be Vietnam Pro',sans-serif;
  --max:1080px;
}

/* nền lưới kỹ thuật mờ hơi xanh — GIỐNG TRANG CHỦ (HUD-TNUS) */
html.th-aurora body{
  background-color:var(--bg);
  background-image:
    linear-gradient(rgba(29,115,186,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(29,115,186,.05) 1px,transparent 1px),
    radial-gradient(circle at 85% -5%,rgba(12,189,220,.10),transparent 45%),
    radial-gradient(circle at 5% 105%,rgba(29,115,186,.10),transparent 45%);
  background-size:42px 42px,42px 42px,100% 100%,100% 100%;
  background-attachment:fixed;
}

/* ====================== HERO — bỏ blob & lưới sci-fi, dùng dải accent dọc ====================== */
html.th-aurora .hero{ padding:46px 0 40px; }
html.th-aurora .hero::before{ background:none !important; }
html.th-aurora .hero::after{ display:none !important; }
html.th-aurora .hero .wrap > div:first-child{
  border-left:5px solid var(--acc);
  padding-left:26px;
}
@media(max-width:640px){ html.th-aurora .hero .wrap > div:first-child{ border-left:0; padding-left:0; } }   /* mobile: bỏ vệt dọc xanh */

/* eyebrow: thẻ chữ nhật phẳng, viền mảnh (không bo tròn pill) */
html.th-aurora .eyebrow{
  font-family:var(--body); font-weight:700; letter-spacing:.14em;
  border-radius:4px; background:transparent; border-color:var(--acc);
  color:var(--acc2);
}

/* tiêu đề: SERIF, màu mực đặc (không gradient clip), accent gạch chân amber */
html.th-aurora h1.title{
  font-weight:600; letter-spacing:-.01em; line-height:1.12;
  background:none !important; -webkit-text-fill-color:currentColor;
  color:var(--txt); font-size:clamp(34px,8.4vw,62px);
}
html.th-aurora .title .accent{
  background:none !important; -webkit-text-fill-color:currentColor; color:var(--acc);
  box-shadow:inset 0 -.14em 0 color-mix(in srgb,var(--acc3) 60%,transparent);
}
html.th-aurora .subtitle-en{ font-family:var(--body); font-style:italic; letter-spacing:0; }
html.th-aurora .lede{ font-weight:400; max-width:600px; }

/* pills: chữ nhật phẳng, đường kẻ trên màu accent */
html.th-aurora .pill{
  border-radius:6px; background:var(--surface);
  border-top:3px solid var(--acc);
}
html.th-aurora .pill b{ font-family:var(--display); font-weight:600; }
/* mobile: 4 ô hero (mã ngành/mã xét tuyển/chỉ tiêu/bằng cấp) → lưới 2×2 đều, hết lệch 3+1 */
@media(max-width:560px){
  html.th-aurora .pill-row{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  html.th-aurora .pill{ width:auto; }
}

/* nút: khối đặc + nút viền, bo nhẹ */
html.th-aurora .btn{ font-family:var(--body); font-weight:700; border-radius:8px; }
html.th-aurora .btn-primary{ color:#fff; background:var(--acc); }
html.th-aurora .btn-primary:hover{ background:var(--acc2); }
html.th-aurora .btn-ghost{ background:transparent; border:1.5px solid var(--line); color:var(--txt); }

/* ====================== SỐ LIỆU — kiểu editorial: nền trong suốt, số serif lớn, kẻ phân cách ====================== */
html.th-aurora .stats{
  background:transparent !important; border:0 !important; border-radius:0 !important;
  border-top:1px solid var(--line) !important; border-bottom:1px solid var(--line) !important;
  gap:0; overflow:visible; margin:8px 0 56px;
}
html.th-aurora .stat{
  background:transparent; padding:22px 14px; text-align:center;   /* căn giữa cả PC & mobile */
  border-left:1px solid var(--line);
}
html.th-aurora .stat:first-child{ border-left:0; }
html.th-aurora .stat b{ font-family:var(--display); font-weight:600; font-size:40px; color:var(--acc) !important; }
html.th-aurora .stat .c2{ color:var(--acc2) !important; }
html.th-aurora .stat .c3{ color:var(--acc3) !important; }
html.th-aurora .stat .c4{ color:var(--txt) !important; }
html.th-aurora .stat span{ font-size:12.5px; letter-spacing:.02em; }

/* ====================== KICKER & H2 — nhãn có gạch ngang, tiêu đề serif ====================== */
html.th-aurora .kicker{
  font-family:var(--body); font-weight:700; letter-spacing:.18em; color:var(--acc2);
}
html.th-aurora .kicker::before{ content:"——  " !important; color:var(--acc3); letter-spacing:0; }
html.th-aurora h2{ font-family:var(--display); font-weight:600; letter-spacing:-.01em; line-height:1.1; }

/* ====================== THẺ "làm chủ" (pillars) — phẳng, kẻ trên màu, không glow ====================== */
html.th-aurora .pillar{
  border-radius:8px; background:var(--surface);
  border:1px solid var(--line); border-top:4px solid var(--acc);
  transition:transform .2s, box-shadow .2s;
}
html.th-aurora .pillar:hover{ transform:translateY(-3px); box-shadow:0 14px 30px rgba(27,37,54,.08); border-color:var(--line); }
html.th-aurora .pillar .glow{ display:none !important; }
html.th-aurora .pillar .pic{ border-radius:8px; background:color-mix(in srgb,var(--acc) 12%,#fff); }
html.th-aurora .pillar h3{ font-family:var(--display); font-weight:600; }
html.th-aurora .pillar p,
html.th-aurora .pillar .p-desc{ font-weight:400; }

/* ====================== CHUẨN ĐẦU RA (lcards) — phẳng, dải accent trái ====================== */
html.th-aurora .lcard{
  background:var(--surface); border:1px solid var(--line); border-left:4px solid var(--acc);
  border-radius:8px;
}
html.th-aurora .lcard.b2{ border-left-color:var(--acc2); }
html.th-aurora .lcard.b3{ border-left-color:var(--acc3); }
html.th-aurora .lcard .tag{
  border-radius:4px; font-family:var(--body); font-weight:800; letter-spacing:.04em;
}
html.th-aurora .lcard li{ font-weight:400; }

/* ====================== MỤC TIÊU (goal) ====================== */
html.th-aurora .goal{
  background:var(--surface); border:1px solid var(--line); border-left:5px solid var(--acc3);
  border-radius:8px;
}
html.th-aurora .goal p:first-child{ font-family:var(--display); font-size:18px; font-weight:500; color:var(--txt); }

/* ====================== Ghi chú điều kiện ====================== */
html.th-aurora .dk-note{ border-radius:8px; border-left-width:5px; }
html.th-aurora .dk-note-h{ font-family:var(--display); font-weight:600; }

/* badge mã trường / mã xét tuyển (.kbd): gốc chữ gần ĐEN trên nền xanh đậm → chìm. Đổi chữ TRẮNG. */
html.th-aurora .kbd{ color:#fff; background:var(--acc); }

/* footer: gốc chữ --dim (xám nhạt) → mờ, padding đáy 50px → dư khoảng. Đậm hơn + gọn lại. */
html.th-aurora footer{ padding:24px 0 26px; }
html.th-aurora footer p{ color:var(--muted); font-size:12.5px; }
html.th-aurora footer b{ color:var(--txt); }

/* ====================== CỠ CHỮ — to & rõ hơn cho các phần mô tả (gốc 13px/weight300 hơi bé) ====================== */
/* Cơ hội việc làm */
html.th-aurora .career b{ font-size:16px; }
html.th-aurora .career p,
html.th-aurora .career .c-desc,
html.th-aurora .c-desc{ font-size:14.5px; font-weight:400; line-height:1.6; }
html.th-aurora .career .ci{ width:44px; height:44px; }
html.th-aurora .career .ci svg{ width:24px; height:24px; }
/* Bạn sẽ làm chủ (pillar) */
html.th-aurora .pillar p,
html.th-aurora .pillar .p-desc{ font-size:15px; font-weight:400; line-height:1.6; }
/* Chuẩn đầu ra (lcard) */
html.th-aurora .lcard li{ font-size:14.5px; font-weight:400; line-height:1.6; }
/* Tổ hợp xét tuyển */
html.th-aurora .combo .subj{ font-size:13.5px; }
/* Mục tiêu */
html.th-aurora .goal p{ font-size:15.5px; }
/* Phương thức "Chọn lối đi của bạn" — mô tả gốc dùng --dim (xám nhạt) → mờ; đổi đậm hơn + to hơn */
html.th-aurora .method b{ font-size:16px; }
html.th-aurora .method p,
html.th-aurora .method .m-desc,
html.th-aurora .m-desc{ color:var(--muted); font-size:14.5px; line-height:1.55; }
/* Lộ trình đào tạo "Bạn sẽ học gì qua từng năm?" — tiêu đề năm + mô tả to & rõ hơn */
html.th-aurora .ryear b{ font-size:16.5px; }
html.th-aurora .ryear p,
html.th-aurora .ry-list li,
html.th-aurora .roadmap .ry-body p{ color:var(--muted); font-size:14.5px; font-weight:400; line-height:1.6; }
html.th-aurora .ryear .yn{ color:#fff; }   /* số năm: chữ trắng trên nền gradient xanh */

/* Doanh nghiệp tuyển dụng — chip to, viền accent, nổi bật (gốc 12px nhạt) */
html.th-aurora .brands{ gap:10px; margin-top:18px; }
html.th-aurora .brand-chip{
  font-size:13.5px; padding:9px 18px; color:var(--acc2);
  background:#fff; border:1.5px solid color-mix(in srgb,var(--acc) 38%,var(--line));
  box-shadow:0 4px 12px rgba(29,115,186,.08); transition:.18s;
}
html.th-aurora .brand-chip:hover{ transform:translateY(-2px); box-shadow:0 8px 18px rgba(29,115,186,.18); border-color:var(--acc); }
html.th-aurora .brand-chip.hot{
  color:#fff; background:linear-gradient(120deg,var(--acc),var(--acc2));
  border-color:transparent; box-shadow:0 6px 16px rgba(29,115,186,.3);
}

/* ====================== "Cần biết trước khi đăng ký" (infocard) — CĂN GIỮA cả PC & mobile ====================== */
html.th-aurora #thongtin .infocard{
  text-align:center;
  border-radius:8px; border-top:3px solid var(--acc);
}
html.th-aurora #thongtin .infocard b{ font-family:var(--display); font-weight:600; }

/* ====================== CẢM NHẬN — kiểu "luồng phát" editorial: tên+avatar LÊN ĐẦU, ray accent trái, thẻ phẳng ====================== */
html.th-aurora #camnhan .cn-card{
  display:flex; flex-direction:column;
  background:var(--surface);
  border:1px solid var(--line); border-left:4px solid var(--acc);
  border-radius:8px; padding:20px 22px;
}
/* tên + avatar đẩy lên ĐẦU, có viền ngăn dưới (gốc để ở chân) */
html.th-aurora #camnhan .cn-card figcaption{
  order:-1; margin:0 0 14px; padding:0 0 12px;
  border-top:none; border-bottom:1px solid var(--line);
}
html.th-aurora #camnhan .cn-quote{ display:none; }              /* bỏ dấu ngoặc kép khổng lồ */
html.th-aurora #camnhan .cn-card blockquote{ font-style:normal; color:var(--txt); margin:0; font-size:15px; }
html.th-aurora #camnhan .cn-who b{ font-family:var(--display); font-weight:600; }
html.th-aurora #camnhan .cn-ava{ background:linear-gradient(135deg,var(--acc),var(--acc3)); color:#fff; }