/* Phần bố cục còn thiếu của các trang công khai và khu học viên (bổ sung cho trang.css) */
.dang-tai{color:var(--chu-phu)}
form .thong-bao{margin-top:var(--khoang-4)}

/* Ảnh bìa tạm: hình cả nhà trên nền vàng nhạt, chờ ảnh bìa khóa không chữ */
.the-khoa .bia.bia-tam{object-fit:contain;background:var(--vang-nhat);padding-top:16px}
.the-khoa .nhan{align-self:flex-start}
.khoa .bia-lon{padding-top:24px}

/* Đăng ký, đăng nhập, điều khoản, 404 */
.hop-mau{max-width:calc(var(--hop-mau) + 2 * var(--khoang-4));margin:0 auto;padding:var(--khoang-6) var(--khoang-4) 0;display:grid;gap:var(--khoang-1)}
.hop-mau>.the,.hop-mau>form.the{margin-top:var(--khoang-4)}
.hop-mau h1{font-size:26px;line-height:34px}
.hop-mau .the p+p{margin-top:var(--khoang-3)}
.hop-mau form.the .nut.lon{margin-top:var(--khoang-5)}
.chuyen{text-align:center;margin-top:var(--khoang-3)}
.chuyen a{display:inline-flex;align-items:center;min-height:var(--cham-toi-thieu)}
.hop-mau .the .chuyen{margin-top:var(--khoang-3)}

/* Không có khóa, lỗi tải */
.khong-co{max-width:560px;margin:var(--khoang-8) auto 0;display:grid;gap:var(--khoang-4);justify-items:start}

/* Hồ sơ */
.ho-so .tieu-hs{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--khoang-3)}
.ho-so .luoi-2 .the>.truong:first-of-type{margin-top:0}
.ho-so .hang-nut{margin-top:var(--khoang-5)}
.ho-so .khoa-hs+.khoa-hs{margin-top:var(--khoang-5);padding-top:var(--khoang-5);border-top:1px solid var(--vien)}
.ho-so .khoa-hs h3{font-size:18px;line-height:26px}
@media (max-width:480px){.khoa-hs{grid-template-columns:96px minmax(0,1fr)}.khoa-hs img{width:96px}}

/* Điện thoại: nút lớn rộng hết hàng như thiết kế */
@media (max-width:719px){
  .mo-dau .hang-nut{display:grid}
  .mo-dau .hang-nut .nut,.the-khoa .nut{width:100%}
  .mo-dau{padding-top:var(--khoang-8)}
  .chi-pc{display:none}
  .co-trang .anh-co{max-width:180px;margin:0}
  .co-trang{padding:var(--khoang-5)}
  .muc#khoa-hoc .the-khoa .bia.bia-tam{padding-top:12px}
}
@media (min-width:720px){.hop-mau{padding-top:var(--khoang-12)}}
@media (min-width:720px){.ds-khoa.mot .bia.bia-tam{height:340px;min-height:0;align-self:center}}

/* Ảnh thật của cô Trang thay khung chờ (14/10/2026) */
.anh-co.anh-that{display:block;height:auto;object-fit:cover;border:0;padding:0;background:none}

/* Nút Đăng nhập ở màn mở đầu giữ chỗ, ẩn tới khi trang-chu.js biết người xem đã đăng nhập hay chưa (V-010) */
#nut-dn:not([data-san]){visibility:hidden}