/* lich-hoc.css — TRANG LỊCH HỌC (theo mẫu đã duyệt). Dùng chung biến bien.css.
   Header/footer/menu/thanh-đáy đã style toàn site; đây chỉ là phần nội dung trang. */

/* ── Cột nội dung: đồng bộ bề rộng theo TRANG CHỦ (PC 100% = 1080px, zoom-out >1500 = 1240px) ── */
.hep{max-width:var(--cot-rong);margin:0 auto;width:100%}
@media(min-width:981px) and (max-width:1500px){ .noi-dung .khung{max-width:1050px} }

/* ── BÌA (ảnh nền phủ mờ tối dần) ── */
/* Dải .dai của tab này đo được 52px (thấp hơn .stats 63px của trang chủ),
   nên khai lại để bìa cao thêm đúng phần chênh — không thì hở chân màn hình.
   55 = 52 + 3, xem giải thích ở --cao-dai-bia trong bien.css. */
:root{--cao-dai-bia:55px;--cao-dai-dt:91px}   /* dải .dai trên điện thoại đo được 89px, +2 dư */
.bia{position:relative;min-height:clamp(380px,54vh,480px);display:grid;align-items:end;
  justify-items:center;text-align:center;overflow:hidden;isolation:isolate;background:var(--nau-am)}
@media(min-width:761px){.bia{min-height:var(--bia-vua-man)}}  /* PC: nâng bìa lên 500px (giữ nguyên mobile) */
.bia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:saturate(.80) contrast(1.02);z-index:-2}
.bia::after{content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(to top,rgba(31,28,25,.9),rgba(31,28,25,.66) 20%,rgba(31,28,25,.3) 42%,transparent 62%)}
.bia .noi{padding:0 22px 20px}
.bia .eyebrow{font-size:11.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--chu-phu-toi);
  margin-bottom:14px;font-weight:500}
.bia h1{text-wrap:balance;font-family:var(--font-bia);font-weight:600;color:#fff;
  font-size:clamp(25px,4.7vw,43px);line-height:1.14;letter-spacing:.01em;text-transform:uppercase;
  max-width:21em;margin:0 auto;text-shadow:0 2px 22px rgba(31,28,25,.55)}
.bia .gach{width:52px;height:2px;background:var(--cta);margin:16px auto 0;border-radius:2px}
@media(max-width:560px){
  .bia{min-height:clamp(300px,48vh,380px)}
  .bia h1{font-size:clamp(26px,5.4vw,44px)}
  .bia .noi{padding:0 16px 20px}
}

/* ── DẢI THÔNG TIN mảnh ── */
.dai{background:var(--chan-trang)}
.dai .khung{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 34px;
  padding:14px 22px;font-size:13.5px;font-weight:500;color:var(--kem)}
.dai span{display:flex;align-items:center;gap:8px}
.dai span svg{width:15px;height:15px;flex:none;color:var(--cam-sang)}

/* ── PHẦN chung ── */
.phan{padding:var(--nhip,60px) 0}
.phan.nen{background:transparent}   /* TRẮNG: hiện vân kẻ chéo mờ của nền chung (giống trang chủ) */

/* ═══ KHỐI VẢI HỒNG (linen hồng đất — giống Khóa học trang chủ): bảng lịch + form cuối ═══ */
#lich,#dangky{
  position:relative;
  background-color:#F2E2D6;
  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='200'%20height='200'%3E%3Cfilter%20id='n6'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.85'%20numOctaves='2'%20seed='7'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23n6)'%20opacity='0.19'/%3E%3C/svg%3E"),
    repeating-linear-gradient(63deg,rgba(155,105,85,.06) 0 1px,transparent 1px 4px),
    radial-gradient(120% 90% at 50% 0%,rgba(255,251,247,.55),transparent 55%),
    radial-gradient(150% 110% at 50% 118%,rgba(130,85,65,.12),transparent 58%);
  background-blend-mode:soft-light,normal,normal,normal}
/* mũi may YÊN NGỰA chỉ vàng vắt ngang các mối ghép vải (như trang chủ) */
/* Đường MAY MÍ (topstitch cam) sát mép trên khối form — giống các mảng trang chủ */
#dangky::before{
  content:'';position:absolute;left:26px;right:26px;top:6px;height:5px;z-index:4;pointer-events:none;
  background-image:var(--may-mi);background-repeat:repeat-x;background-position:left center}
@media(max-width:760px){#dangky::before{left:16px;right:16px}}
/* mũi may yên ngựa: chỉ giữ ở MÉP DƯỚI khối lịch (đã bỏ 2 mối trên đầu bảng lịch & trên đầu form) */
#lich::after{
  content:'';position:absolute;left:26px;right:26px;height:14px;bottom:-7px;z-index:4;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='14'%3E%3Cline%20x1='2.2'%20y1='3.4'%20x2='5.8'%20y2='11.4'%20stroke='rgba(70,45,18,.32)'%20stroke-width='1.7'%20stroke-linecap='round'/%3E%3Cline%20x1='1.9'%20y1='2.8'%20x2='5.5'%20y2='10.8'%20stroke='%23c39d49'%20stroke-width='1.5'%20stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:repeat-x;background-position:center}
@media(max-width:760px){
  #lich::after{left:16px;right:16px;height:10px;bottom:-5px;
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='6'%20height='10'%3E%3Cline%20x1='1.7'%20y1='2.6'%20x2='4.5'%20y2='8.1'%20stroke='rgba(70,45,18,.32)'%20stroke-width='1.3'%20stroke-linecap='round'/%3E%3Cline%20x1='1.5'%20y1='2.2'%20x2='4.3'%20y2='7.7'%20stroke='%23c39d49'%20stroke-width='1.15'%20stroke-linecap='round'/%3E%3C/svg%3E")}}
h2{font-family:var(--font-tieu-de);font-size:clamp(22px,3.1vw,33px);font-weight:600;
  line-height:1.28;margin-bottom:22px;letter-spacing:.005em;display:flex;align-items:baseline;gap:12px}
/* ══ Ô SỐ — CHỮ SỐ CAO ĐÚNG BẰNG CHỮ HOA (sửa lần 2, 19/08/2026) ═══════════
   Lần 1 em hiểu hụt: chỉ làm HỘP cao 24px bằng chữ hoa, còn CHỮ SỐ giữ nguyên
   .44em nên chỉ cao 11px — bằng 46% chữ hoa. Hộp to ra mà bên trong toàn
   khoảng trống, mắt bám vào CHỮ SỐ chứ không bám vào đường viền, nên anh Hưng
   xem vẫn thấy y như cũ. Lần này phóng chính chữ số.

   ĐO PHÔNG CHỮ SỐ (Montserrat) — tỉ lệ mực khác hẳn phông tiêu đề:
     Montserrat        mực chữ số = 0,720 × cỡ chữ
     Playfair Display  mực chữ hoa = 0,727 × cỡ chữ
   Muốn chữ số cao bằng chữ hoa:  0,727 / 0,720 = 1,01em của tiêu đề.
   Đúng vậy — cỡ chữ số gần bằng cỡ chữ tiêu đề, dù nhìn thì nhỏ hơn nhiều.
   Đây là lý do đoán bằng mắt luôn sai: hai phông có tỉ lệ mực khác nhau.

   ĐO LẠI SAU KHI SỬA (tiêu đề 33px):
     chữ hoa H      24,0px
     chữ số 03      24,0px   = 100% chữ hoa      (cũ 11,0px = 46%)
     hộp            34 × 60px                    (cũ 24 × 40px)

   letter-spacing .16em → .07em: khoảng cách chữ tính theo em nên khi phóng
   cỡ chữ lên 2,3 lần thì khe giữa "0" và "3" cũng giãn từ 2,3px lên 5,3px,
   nhìn rời rạc. .07em giữ lại đúng khe 2,3px như bản cũ.

   padding đổi từ 9px sang .27em: để lề trong co giãn theo cỡ chữ, không bị
   bóp lại khi tiêu đề nhỏ đi trên điện thoại.

   top .16em: hộp nay CAO HƠN chữ hoa (34 so với 24) nên căn theo TÂM — tâm
   hộp trùng tâm chữ hoa. Đo được cần dịch xuống 5,34px = 0,16em.

   ĐÃ BỎ luật đổi cỡ ở khổ ≤760px của khoa-hoc.css: luật đó ép về .5em, tức
   là kéo ngược ô số về nhỏ đúng như cũ. Nay mọi thứ tính bằng em nên tiêu đề
   co xuống 21px thì ô số tự co theo đúng tỉ lệ, không cần luật riêng.

   position/top thay vì margin hay transform: KHÔNG đụng bố cục và KHÔNG đụng
   hiệu ứng hiện (hiệu ứng đó dùng scale/rotate riêng).
   inline-flex + align-items:center để chữ số nằm giữa hộp; cố ý KHÔNG khai
   justify-content để chữ chảy tự nhiên như bản gốc. */
h2 .so{font-family:var(--font-noi-dung);font-size:.9em;letter-spacing:.07em;color:var(--cam-tram);font-weight:700;flex:none;
  height:1.2em;line-height:1;padding:0 .36em;display:inline-flex;align-items:center;
  position:relative;top:.14em;
  border:1.2px dashed rgba(194,92,62,.6);border-radius:4px;background:rgba(210,105,74,.07);transform:rotate(-2deg)}
.phan p{color:var(--chu-phu);margin-bottom:16px}
.phan p strong{color:var(--chu-chinh);font-weight:600}
.phan a.trong{color:var(--cam-tram);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.dan-mo{max-width:none}

/* ── HỘP CHỌN KHÓA ── */
.chon-khoa{background:#fff;border:0;border-radius:12px;
  padding:22px 24px;position:relative;overflow:hidden;margin-bottom:24px;
  box-shadow:var(--bong-1)}
.chon-khoa::before{content:'';position:absolute;inset:6px;border:1.4px dashed var(--vang-nghe);border-radius:8px;opacity:.55;pointer-events:none}
.ck-tieu{display:block;font-family:var(--font-tieu-de);font-size:18px;font-weight:600;margin-bottom:14px;padding-left:6px}
.ck-hang{display:flex;gap:12px;flex-wrap:wrap}
.ck-select{flex:1 1 300px;min-width:0;height:48px;border:1px solid var(--vien);border-radius:8px;
  background:var(--trang);color:var(--chu-chinh);font-family:inherit;font-size:15px;font-weight:500;
  padding:0 44px 0 16px;cursor:pointer;appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C4739' stroke-width='2.2' stroke-linecap='round'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat:no-repeat;background-position:right 14px center;background-size:18px}
.ck-select:focus{outline:none;border-color:var(--cta)}
/* Nút XEM LỊCH = DA THUỘC cam đất + chỉ may kem (đồng bộ các nút da) */
.ck-nut{flex:none;height:48px;padding:0 32px;color:#fff;border:0;border-radius:8px;
  font-family:inherit;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:.16s;
  background-color:#9C4228;
  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='140'%20height='140'%3E%3Cfilter%20id='d'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.8'%20numOctaves='4'%20seed='11'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23d)'/%3E%3C/svg%3E"),
    linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0) 42%,rgba(0,0,0,.16));
  background-blend-mode:soft-light,normal;
  outline:1px dashed rgba(255,244,224,.6);outline-offset:-3.5px;
  box-shadow:0 4px 12px rgba(210,105,74,.3),inset 0 1px 0 rgba(255,255,255,.25)}
.ck-nut:hover{background-color:var(--cta-dam)}
.rut-gon-note{font-size:12.5px;color:var(--chu-phu);font-style:italic;margin:0 0 18px;padding-left:2px}
@media(max-width:600px){.chon-khoa{padding:20px 18px}.ck-nut{flex:1 1 100%}}

/* ── KHỐI LỊCH THEO KHÓA — NẸP VẢI NÂU + chỉ vàng kem (giống thẻ khóa học trang chủ) ── */
.khoi-lich{position:relative;margin-bottom:16px;border:0;border-radius:16px;padding:7px;
  background-color:#6f5236;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='300'%20height='300'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.9'%20numOctaves='2'%20seed='3'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,rgba(255,240,220,.06) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(255,240,220,.05) 0 1px,transparent 1px 4px);
  background-blend-mode:soft-light,normal,normal;
  box-shadow:var(--bong-noi);
  transition:transform .18s ease,box-shadow .18s ease}
.khoi-lich::after{content:'';position:absolute;inset:4px;border:1.2px dashed rgba(236,213,170,.7);border-radius:13px;pointer-events:none;z-index:3}
.khoi-lich:hover{transform:translateY(-3px);box-shadow:0 3px 6px rgba(58,46,34,.16),0 11px 14px -8px rgba(58,46,34,.16)}
.khoi-lich .hang,.khoi-lich .trong{background:#FFFFFF}
.khoi-lich > :last-child{border-radius:0 0 10px 10px}
.khoi-lich .dh{background:#F1ECE3;border-radius:10px 10px 0 0;padding:14px 22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  border-bottom:1px solid rgba(92,71,57,.16)}
.khoi-lich .dh .ten{font-family:var(--font-tieu-de);font-size:19px;font-weight:600;color:#4a3728}
.khoi-lich .dh .mo{font-size:12.5px;color:#7a6b5a;font-style:italic}
.khoi-lich .dh .xem{margin-left:auto;font-size:13px;font-weight:600;color:var(--cta);
  text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.khoi-lich .dh .xem:hover{text-decoration:underline;text-underline-offset:3px}
.hang{display:grid;grid-template-columns:58px 78px 82px 1fr;align-items:center;gap:12px;
  padding:9px 20px;border-top:1px solid rgba(92,71,57,.14);font-size:13.5px;white-space:nowrap}
.hang:first-child{border-top:0}
.hang .ngay{font-weight:700;color:var(--nau-am)}
.hang .ca{border-radius:20px;padding:3px 0;font-size:12px;font-weight:600;text-align:center;background:#F7F4EE;border:1px solid}
.hang .ca.sang{color:var(--vang-nghe);border-color:rgba(185,138,50,.42)}
.hang .ca.chieu{color:var(--xanh-reu);border-color:rgba(107,143,109,.5)}
.hang .ca.toi{color:var(--cta-dam);border-color:rgba(210,105,74,.42)}
.hang .ma{font-size:11.5px;font-weight:700;letter-spacing:.05em;color:var(--nau-am);
  background:#F7F4EE;border:1px solid rgba(92,71,57,.15);border-radius:4px;padding:3px 0;text-align:center}
.hang .ngayhoc{color:var(--chu-phu);font-size:13px}
/* Lớp ĐÃ KHAI GIẢNG — vẫn hiển thị, chỉ lùi nhẹ về sau cho phân biệt */
.hang.da-kg{opacity:.72}
.hang.da-kg .ngay{color:#8a7a68}
.hang.da-kg .ma{color:#8a7a68;border-color:rgba(92,71,57,.12)}
.khoi-lich .trong{padding:18px 22px;font-size:13.5px;color:var(--chu-phu);font-style:italic;border-top:1px solid rgba(92,71,57,.14)}
@media(max-width:720px){
  .hang{grid-template-columns:50px 72px 1fr;grid-template-areas:"ngay ca ma" "ngayhoc ngayhoc ngayhoc";
    gap:4px 10px;padding:10px 14px;font-size:12.5px;white-space:normal}
  .hang .ngay{grid-area:ngay}.hang .ca{grid-area:ca}.hang .ma{grid-area:ma}
  .hang .ngayhoc{grid-area:ngayhoc;font-size:12px;line-height:1.4}
  .khoi-lich .dh{gap:6px 12px}
  .khoi-lich .dh .xem{margin-left:0}
}
.thanh-cong-loc{display:none;padding:34px 22px;text-align:center;color:var(--chu-phu);font-style:italic;
  border:1px dashed var(--vien);border-radius:12px}

/* ── GHI CHÚ 2 Ý ── */
.hai-y{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.y{position:relative;background:#F8F0E0;border:0;border-radius:12px;padding:22px 24px;
  box-shadow:var(--bong-1)}
.y::after{content:'';position:absolute;inset:5px;border:1.2px dashed var(--vang-nghe);border-radius:8px;opacity:.55;pointer-events:none}
.y .dau{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.y svg{width:21px;height:21px;flex:none}
.y h3{font-size:15.5px;font-weight:600;margin:0;line-height:1.3}
.y p{font-size:14px;color:var(--chu-phu);margin:0;line-height:1.65}
.y a{display:inline-block;margin-top:9px;color:var(--cam-tram);font-weight:600;text-decoration:none;font-size:14px}
.y a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.hai-y{grid-template-columns:1fr}}
.doc-ma{margin-top:18px;font-size:13px;color:var(--chu-phu);font-style:italic}
.doc-ma b{color:var(--chu-chinh)}

/* ── HỌC THỬ — thanh DẠ TWEED + chỉ vàng (đồng bộ form giữa bài toàn site) ── */
.hoc-thu{position:relative;border:0;border-radius:14px;padding:16px 22px;
  background-color:#453425;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='320'%20height='320'%3E%3Cfilter%20id='t'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.55'%20numOctaves='3'%20seed='7'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23t)'/%3E%3C/svg%3E"),repeating-linear-gradient(45deg,rgba(255,238,214,.05) 0 1px,transparent 1px 5px),linear-gradient(180deg,rgba(0,0,0,.16),transparent 24%,transparent 82%,rgba(0,0,0,.17));
  background-blend-mode:soft-light,overlay,normal;
  display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;box-shadow:var(--bong-nhe)}
.hoc-thu::after{content:'';position:absolute;inset:6px;border:1.4px dashed rgba(236,213,170,.7);border-radius:9px;opacity:1;pointer-events:none;z-index:2}
.hoc-thu .lb{flex:1 1 230px;font-size:14.5px;color:var(--chu-phu-toi);line-height:1.5;font-weight:500}
.hoc-thu .lb b{color:var(--cam-sang);font-weight:700}
.hoc-thu .luv-form{flex:2 1 380px;min-width:0;max-width:none}
.hoc-thu .luv-form__lb{display:none}
.hoc-thu .luv-form__hang{display:flex;gap:10px;flex-wrap:nowrap}
.hoc-thu .luv-inp{flex:1 1 auto;min-width:0;height:48px;border:1px solid rgba(245,168,126,.3);
  border-radius:999px;padding:0 20px;font-size:15px;background:rgba(255,255,255,.95);color:var(--chu-chinh)}
.hoc-thu .luv-inp:focus{outline:none;border-color:var(--cam-sang);box-shadow:0 0 0 3px rgba(245,168,126,.2)}
.hoc-thu .nut-dk{flex:none;height:48px;padding:0 20px;color:#fff;border:0;border-radius:999px;
  font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:.16s;white-space:nowrap}
.hoc-thu .nut-dk:hover{background-color:var(--cta-dam)}
.hoc-thu .luv-form__msg{flex-basis:100%;color:var(--kem);font-weight:600;margin-top:2px}
@media(max-width:620px){.hoc-thu{padding:15px 16px}.hoc-thu .lb{flex-basis:100%;font-size:14px}
  .hoc-thu .luv-form{flex-basis:100%}}

/* ── FORM CHÍNH (hộp nâu) — bọc form .luv-form của theme ── */
.form-chinh{background:var(--nau-am);border-radius:10px;padding:36px 34px;box-shadow:var(--bong)}
.form-chinh .luv-form{max-width:none}
.form-chinh .luv-form__dau{text-align:center;margin-bottom:22px}
.form-chinh .luv-form__tieu-de{color:var(--kem);font-size:26px}
.form-chinh .luv-form__mo-ta{color:var(--chu-phu-toi);font-size:13px;font-style:italic}
.form-chinh .luv-form__hang{flex-direction:column;align-items:stretch;gap:12px}
.form-chinh .luv-inp{width:100%;flex:0 0 auto;height:50px;border:1px solid rgba(245,168,126,.26);border-radius:6px;
  background:rgba(255,255,255,.95);color:var(--chu-chinh)}
.form-chinh .luv-inp::placeholder{color:var(--chu-phu);opacity:.7}
.form-chinh .luv-inp:focus{outline:none;border-color:var(--cam-sang);background:#fff}
.form-chinh select.luv-inp option{background:var(--nau-am);color:var(--kem)}
.form-chinh .luv-ta{width:100%;min-height:74px}
.form-chinh .nut-dk{width:100%;height:56px;margin-top:8px}
.form-chinh .luv-form__msg{color:var(--kem);text-align:center}
.hoac{text-align:center;margin-top:18px;font-size:14.5px;color:var(--chu-phu-toi)}
.hoac a{color:var(--cam-sang);font-weight:700;text-decoration:none}

/* ── FAQ ── */
.faq{border-top:1px solid var(--vien)}
.faq details{border-bottom:1px solid var(--vien)}
.faq summary{padding:13px 0;cursor:pointer;list-style:none;font-weight:600;font-size:14.5px;
  display:flex;gap:10px;align-items:center;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--cam-tram)}
.faq .mui{margin-left:auto;flex:none;transition:transform .22s;color:var(--chu-phu);width:14px;height:14px}
.faq details[open] .mui{transform:rotate(45deg)}
.faq .tl{padding:0 0 14px 0;color:var(--chu-phu);font-size:14px;line-height:1.65}

@media(max-width:640px){
  .form-chinh{padding:24px 18px}
  .form-chinh .luv-form__tieu-de{font-size:22px}
  .khoi-lich{margin-bottom:12px}
  .chon-khoa{margin-bottom:16px}
  h2{margin-bottom:16px}
  .dai .khung{padding:11px 16px;gap:7px 18px;font-size:12.5px}
  .khoi-lich .dh{padding:12px 15px}
  .khoi-lich .dh .ten{font-size:16.5px}
  .hai-y{margin-top:6px;gap:12px}
  .y{padding:18px 18px}
  .faq summary{font-size:14px}
}

/* Bìa cao gần full màn trên điện thoại — xem --bia-vua-man-dt ở bien.css.
   Dùng "body " để thắng mấy luật mobile khai sẵn trong tệp này (con số cứng
   hoặc tỉ lệ khung ảnh), khỏi phải đi sửa từng chỗ. */
@media(max-width:760px){
  body .bia{min-height:var(--bia-vua-man-dt)}
}