html,body{margin:0;padding:0;background:#f4ebd8}
/* ============================================================
   VỎ BÀI SOHA · tokens, 8 skin, khung, linh kiện
   Mọi lớp mang tiền tố mgd-. Tokens đặt trên .mgd-bai (không đặt trên :root)
   để nhúng vào CMS không đụng CSS của trang Soha.
   Linh kiện chỉ dùng biến --mgd-*, không gõ cứng màu, phông.
   ============================================================ */
.mgd-bai{
  --mgd-nen:#ffffff;--mgd-chu:#1f1f1f;--mgd-phu:#6b6b6b;--mgd-ke:#e6e6e6;
  --mgd-nhan:#ea3939;--mgd-nhan-2:#333333;--mgd-hop:#f7f5f2;--mgd-tren-nhan:#ffffff;
  --mgd-tit:"Phudu",system-ui,sans-serif;--mgd-than:"Roboto",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --mgd-chu-thich:var(--mgd-than);
  --mgd-co:18px;--mgd-dong:1.75;--mgd-can:left;--mgd-cot:720px;--mgd-rong:1280px;
  --mgd-tit-w:900;--mgd-tit-hoa:uppercase;
  --mgd-nhan-chu:#d32f2f;--mgd-nhan-nen:#d32f2f;--mgd-tren-nhan-2:#ffffff;
  /* chuyển động: chuẩn chung, không phải bản sắc (Carbon productive; WCAG 2.2.2, 2.3.1, 2.3.3) */
  --mgd-cd-tuc:100ms;--mgd-cd-nhanh:150ms;--mgd-cd-vua:250ms;--mgd-cd-cham:400ms;--mgd-cd-dai:800ms;
  --mgd-gt-vao:cubic-bezier(0,0,.38,.9);--mgd-gt-ra:cubic-bezier(.2,0,1,.9);--mgd-gt-doi:cubic-bezier(.2,0,.38,.9);--mgd-gt-bieu-cam:cubic-bezier(.4,.14,.3,1);
  container:mgdbai/inline-size;position:relative;font-family:var(--mgd-than);color:var(--mgd-chu);background:var(--mgd-nen);
  max-width:1920px;margin:0 auto;text-align:left;-webkit-font-smoothing:antialiased;overflow-wrap:break-word;
  font-size:var(--mgd-co);line-height:var(--mgd-dong)}
.mgd-bai *{box-sizing:border-box}
.mgd-bai img{max-width:100%;display:block;height:auto}
.mgd-bai figure{margin:0}
.mgd-bai .mgd-cot,.mgd-bai .mgd-rong{margin-inline:auto}
.mgd-bai figure.mgd-anh{margin-block:6px}
.mgd-bai button{font:inherit;cursor:pointer;color:inherit}
.mgd-bai a{color:var(--mgd-nhan-chu)}
.mgd-bai :focus-visible{outline:3px solid var(--mgd-nhan);outline-offset:2px}
.mgd-an-chu{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Tám skin nay là tám công thức mẫu trong nhan-dien/mau-san.json; máy dựng sinh luật token cho từng bài. */

/* ---------- khung ---------- */
.mgd-than{padding-bottom:48px;font-size:var(--mgd-co)}
.mgd-khoi{padding:10px 0}
.mgd-cot{max-width:calc(var(--mgd-cot) + 40px);margin-inline:auto;padding-inline:20px}
.mgd-rong{max-width:calc(var(--mgd-rong) + 40px);margin-inline:auto;padding-inline:20px}
.mgd-tran{width:100%}
@container mgdbai (max-width:640px){.mgd-than{--mgd-co:17px;--mgd-can:left}.mgd-cot,.mgd-rong{padding-inline:16px}}

/* thanh điều hướng Soha: cao 45px, nền đen */
.mgd-dh{position:sticky;top:0;z-index:50;height:45px;background:#000;display:flex;align-items:center;justify-content:space-between;font-family:Arial,Helvetica,sans-serif;line-height:1}
.mgd-dh-ben{display:flex;align-items:center;height:100%}
.mgd-bai .mgd-dh a,.mgd-bai .mgd-dh button{color:#fff;text-decoration:none}
.mgd-dh-lui{width:45px;height:45px;background:#007f74;display:flex;align-items:center;justify-content:center}
.mgd-dh-lui svg,.mgd-dh-chia svg{fill:currentColor}
.mgd-dh-lui svg{width:20px;height:20px}
.mgd-dh-soha{margin-left:15px;display:flex;align-items:center}
.mgd-dh-soha img{height:24px;width:auto}
.mgd-dh-giua{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;pointer-events:none}
.mgd-dh-giua img{height:26px;width:auto}
/* logo riêng của bài (trường "Điều hướng", Giang duyệt 14/10/2026): cao bằng logo Soha, ngang tự co, có trần */
.mgd-dh-soha img.mgd-dh-rieng{max-width:140px;object-fit:contain}
.mgd-dh-giua img.mgd-dh-rieng{max-width:220px;object-fit:contain}
.mgd-dh-phai{padding-right:12px}
.mgd-dh-chia{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;background:none;border:0;min-height:40px;padding:0 6px}
.mgd-dh-chia svg{width:14px;height:14px}
@container mgdbai (max-width:768px){.mgd-dh-giua{display:none}}

/* dải nhãn tài trợ: vòng bất biến, không theo skin (chữ, vị trí, màu cố định) */
.mgd-tt{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:8px 16px;background:#f2f2f2;color:#222;font:600 14px/1.4 Arial,Helvetica,sans-serif;border-bottom:1px solid #d9d9d9;text-align:center}
.mgd-tt b{font-weight:700}
.mgd-tt-doi-tac{background:#fff4d6;border-bottom-color:#e2b84f}
.mgd-tt-doi-tac b{letter-spacing:.06em}
.mgd-tt-logo{height:24px;width:auto;display:inline-block}

/* ---------- khối nền ---------- */
.mgd-bia{position:relative}
.mgd-bia-anh{position:relative;width:100%;max-width:1920px;margin:0 auto;overflow:hidden}
.mgd-bia-anh img{width:100%}
.mgd-bia-anh picture{display:block}
.mgd-bia-chu{max-width:calc(var(--mgd-rong) + 40px);margin:0 auto;padding:34px 20px 6px;text-align:center}
.mgd-bia-k{display:block;color:var(--mgd-nhan-chu);font-family:var(--mgd-tit);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:15px;margin-bottom:10px}
.mgd-bia-t{font-family:var(--mgd-tit);font-weight:var(--mgd-tit-w);text-transform:var(--mgd-tit-hoa);color:var(--mgd-chu);font-size:clamp(28px,4.4cqi,68px);line-height:var(--mgd-tit-dong,1.18);margin:0}
.mgd-bia-p{font-size:clamp(18px,1.8cqi,24px);line-height:1.5;color:var(--mgd-phu);margin:14px auto 0;max-width:900px}
.mgd-bia-a{font-size:15px;color:var(--mgd-phu);margin-top:14px;font-family:var(--mgd-chu-thich)}
.mgd-bia-ct{font-family:var(--mgd-chu-thich);font-size:14px;font-style:italic;color:var(--mgd-phu);text-align:center;padding:6px 20px 0;margin:0}
.mgd-bia-de .mgd-bia-chu{position:absolute;left:0;right:0;bottom:0;max-width:none;padding:90px 20px 36px;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.78))}
.mgd-bia-de .mgd-bia-chu>*{max-width:var(--mgd-rong);margin-left:auto;margin-right:auto}
.mgd-bia-de .mgd-bia-t,.mgd-bia-de .mgd-bia-p,.mgd-bia-de .mgd-bia-a{color:#fff}
@container mgdbai (max-width:640px){.mgd-bia-de .mgd-bia-chu{position:static;background:none;padding-top:22px}.mgd-bia-de .mgd-bia-t{color:var(--mgd-chu)}.mgd-bia-de .mgd-bia-p,.mgd-bia-de .mgd-bia-a{color:var(--mgd-phu)}}
.mgd-sapo{display:flow-root;font-weight:700;font-size:1.06em;line-height:1.7;margin:6px 0 4px;text-align:var(--mgd-can)}
.mgd-hoa-dau::first-letter{float:left;font-family:var(--mgd-tit);font-weight:900;font-size:4.1em;line-height:.86;padding:6px 10px 0 0;color:var(--mgd-nhan)}
.mgd-doan p{margin:0 0 1em;text-align:var(--mgd-can)}
.mgd-doan p:last-child{margin-bottom:0}
.mgd-tm{font-family:var(--mgd-tit);font-weight:var(--mgd-tit-w);text-transform:var(--mgd-tm-hoa,uppercase);color:var(--mgd-tm-mau,var(--mgd-nhan));text-align:var(--mgd-tm-can,center);line-height:max(1.25,var(--mgd-tit-dong,1.18));margin:26px 0 4px;font-size:clamp(24px,3.4cqi,34px)}
.mgd-tm::after{content:"";display:var(--mgd-tm-gach,none);width:80px;height:6px;border-radius:3px;background:var(--mgd-nhan);margin:12px var(--mgd-tm-gach-le,auto) 0}
h3.mgd-tm{font-size:clamp(20px,2.6cqi,24px);text-transform:none;text-align:left;color:var(--mgd-chu);margin-top:16px}
h3.mgd-tm::after{display:none}
.mgd-ds{margin:0;padding-left:1.4em;text-align:var(--mgd-can)}
.mgd-ds li{margin:4px 0;padding-left:4px}
.mgd-ds li::marker{color:var(--mgd-nhan);font-weight:700}
.mgd-anh{margin:6px auto}
.mgd-anh-ct,.mgd-ct{font-family:var(--mgd-chu-thich);font-size:15px;font-style:italic;color:var(--mgd-phu);margin:8px auto 0;line-height:1.5;text-align:center}
.mgd-tran .mgd-anh-ct,.mgd-rong .mgd-anh-ct{max-width:calc(var(--mgd-cot) + 40px);padding-inline:20px}
.mgd-anh-doi{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:12px}
.mgd-anh-doi img{width:100%;aspect-ratio:4/3;object-fit:cover}
@container mgdbai (max-width:640px){.mgd-anh-doi{grid-template-columns:1fr}}
.mgd-video-khung{position:relative;aspect-ratio:16/9;background:#0d0f12;overflow:hidden;margin:0 auto}
.mgd-video-doc{aspect-ratio:9/16;max-width:420px}
.mgd-video-vuong{aspect-ratio:1/1;max-width:640px}
.mgd-video-khung iframe,.mgd-video-khung video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain}
/* mã nhúng mạng xã hội (phiếu 21/10): khung co giãn, iframe lấp đầy */
.mgd-nhung-ma .mgd-nhung-khung{position:relative;width:100%;max-width:560px;min-height:320px;margin:0 auto;background:var(--mgd-nen-2,rgba(127,127,127,.06));overflow:hidden}
.mgd-nhung-ma .mgd-nhung-khung iframe{width:100%;min-height:320px;border:0;display:block}
/* bố cục khối: hàng hai khối + bề rộng (phiếu 21/10). Chỉ bật khi bài có "Bố cục"; bài cũ không đổi */
.mgd-than.mgd-co-boc{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}
.mgd-than.mgd-co-boc>section.mgd-khoi{flex:0 0 100%;max-width:100%;box-sizing:border-box;align-self:stretch}
.mgd-than.mgd-co-boc>section.mgd-khoi-rong{flex-basis:var(--mgd-khoi-rong,100%);max-width:var(--mgd-khoi-rong,100%)}
.mgd-than.mgd-co-boc>section.mgd-khoi-rong>.mgd-cot,.mgd-than.mgd-co-boc>section.mgd-khoi-rong>.mgd-anh,.mgd-than.mgd-co-boc>section.mgd-khoi-rong>.mgd-bieu-do,.mgd-than.mgd-co-boc>section.mgd-khoi-rong>.mgd-rong{max-width:100%;width:auto;margin-inline:0}
@container mgdbai (max-width:768px){.mgd-than.mgd-co-boc{display:block}.mgd-than.mgd-co-boc>section.mgd-khoi-rong{max-width:100%}}
.mgd-ke{border:0;margin:18px auto;height:1px;background:var(--mgd-ke);max-width:var(--mgd-cot)}
.mgd-ke-ba-cham{background:none;height:auto;text-align:center;color:var(--mgd-nhan);letter-spacing:.8em;font-size:20px;line-height:1}
.mgd-ke-ba-cham::before{content:"\2022\2022\2022"}
.mgd-gc{margin:24px 0 8px;font-family:var(--mgd-chu-thich);font-size:15px;line-height:1.7;color:var(--mgd-phu);text-align:center;border-top:1px solid var(--mgd-ke);padding-top:18px}
.mgd-gc b{color:var(--mgd-chu)}
.mgd-nguon{font-family:var(--mgd-chu-thich);font-size:14px;font-style:italic;color:var(--mgd-phu);margin:8px 0 0}


/* ---------- dùng chung giữa các linh kiện ---------- */
.mgd-nut{min-height:44px;min-width:44px;padding:8px 16px;border-radius:6px;border:1px solid var(--mgd-ke);background:var(--mgd-hop);color:var(--mgd-chu);font-weight:600;transition:background-color var(--mgd-cd-nhanh) var(--mgd-gt-doi),border-color var(--mgd-cd-nhanh) var(--mgd-gt-doi)}
.mgd-nut:disabled{opacity:.4;cursor:default}
/* .mgd-bai .mgd-nut-chinh: phải mạnh hơn .mgd-bai button{color:inherit}, không thì chữ nút chính mất màu tren-nhan (lỗi của bản cũ) */
.mgd-bai .mgd-nut-chinh{background:var(--mgd-nhan-nen);color:var(--mgd-tren-nhan);border-color:var(--mgd-nhan-nen)}
.mgd-bd-t{font-family:var(--mgd-tit);font-weight:700;font-size:clamp(19px,2.4cqi,24px);line-height:1.3;margin:0 0 4px}
.mgd-bd-dv{font-size:14px;color:var(--mgd-phu);margin:0 0 12px}
.mgd-bang-gon{margin-top:10px;font-size:15px}
.mgd-bang-gon summary{cursor:pointer;color:var(--mgd-phu);min-height:40px;display:flex;align-items:center}
.mgd-bang-gon table{border-collapse:collapse;width:100%;font-size:15px}
.mgd-bang-gon th,.mgd-bang-gon td{border-bottom:1px solid var(--mgd-ke);padding:6px 8px;text-align:left}
.mgd-buoc-dieu{display:none;justify-content:space-between;gap:8px;margin-top:10px}
.mgd-co-js .mgd-buoc-dieu{display:flex}
/* khung bố cục (lượt 2, 23/10/2026): lưới khối số liệu trên máy tính; toàn màn hình; mục lục */
.mgd-than.mgd-co-boc>section.mgd-luoi-doi{flex:0 0 calc(min(var(--mgd-rong),100%) / 2);max-width:calc(min(var(--mgd-rong),100%) / 2)}
.mgd-than.mgd-co-boc>section.mgd-luoi-doi>.mgd-cot,.mgd-than.mgd-co-boc>section.mgd-luoi-doi>.mgd-rong{max-width:100%;margin-inline:0}
@container mgdbai (max-width:768px){.mgd-than.mgd-co-boc>section.mgd-luoi-doi{max-width:100%}}
.mgd-toan-man{min-height:min(100svh,900px);display:flex;flex-direction:column;justify-content:center;background:var(--mgd-hop);margin-block:24px;padding-block:32px}
.mgd-toan-man .mgd-so-o{font-size:clamp(56px,9cqi,112px);padding-block:28px}
.mgd-toan-man .mgd-so-luoi{max-width:520px;margin-inline:auto}
.mgd-ml{border-top:3px solid var(--mgd-nhan);border-bottom:1px solid var(--mgd-ke);padding-block:12px;margin-block:18px}
.mgd-ml-t{font-family:var(--mgd-tit);font-weight:700;margin:0 0 6px}
.mgd-ml ol{margin:0;padding-left:1.4em}
.mgd-ml li{margin:4px 0}
.mgd-ml a{color:var(--mgd-nhan-chu);display:inline-block;min-height:40px;line-height:40px}

/* ---------- phong cách của bài (máy dựng sinh từ nhan-dien/) ---------- */
.mgd-bai{--mgd-nen:#f4ebd8;--mgd-chu:#241a14;--mgd-phu:#66564a;--mgd-ke:#cfc5b5;--mgd-nhan:#b3261e;--mgd-nhan-2:#c6bdad;--mgd-hop:#e8decc;--mgd-tren-nhan:#ffffff;--mgd-than:"Be Vietnam Pro",system-ui,sans-serif;--mgd-tit-hoa:none;--mgd-tm-hoa:none;--mgd-tit:"Be Vietnam Pro",system-ui,sans-serif;--mgd-chu-thich:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--mgd-nhan-chu:#b3261e;--mgd-nhan-nen:#b3261e;--mgd-tren-nhan-2:#141414}
/* ---------- khối nền: link nhúng trang công cụ trên domain nhà (04/11/2026) ----------
   khung cao theo bài mẹ khai: điện thoại --mgd-nhung-dt, máy tính --mgd-nhung-mt; trang nhúng chỉnh trong khoảng bài mẹ đặt */
.mgd-nhung-chu{margin:0 0 10px;font-size:16px;line-height:1.55}
.mgd-nhung-link .mgd-nhung-khung{max-width:none;min-height:0;background:var(--mgd-hop);border-radius:6px}
.mgd-nhung-link .mgd-nhung-khung iframe{min-height:0;height:var(--mgd-nhung-dt,600px)}
@container mgdbai (min-width:641px){.mgd-nhung-link .mgd-nhung-khung iframe{height:var(--mgd-nhung-mt,600px)}}
/* ---------- P12 bảng ---------- */
.mgd-bang-t{font-family:var(--mgd-tit);font-weight:700;font-size:20px;margin:0 0 10px}
.mgd-bang-cuon{overflow-x:auto;-webkit-overflow-scrolling:touch}
.mgd-bang table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45;min-width:520px}
.mgd-bang th{background:var(--mgd-nhan-2);color:var(--mgd-tren-nhan-2);font-family:var(--mgd-tit);font-weight:700;font-size:14px;text-align:left;padding:0;border-bottom:3px solid var(--mgd-nhan);position:sticky;top:0}
.mgd-bang th button,.mgd-bang th span{display:block;width:100%;text-align:left;background:none;border:0;padding:11px 12px;min-height:40px;font:inherit;color:inherit}
.mgd-bang th button::after{content:" ↕";opacity:.6}
.mgd-bang th[aria-sort="ascending"] button::after{content:" ↑";opacity:1}
.mgd-bang th[aria-sort="descending"] button::after{content:" ↓";opacity:1}
.mgd-bang td{padding:10px 12px;border-bottom:1px solid var(--mgd-ke);vertical-align:top}
.mgd-bang td:first-child,.mgd-bang th:first-child{position:sticky;left:0;z-index:1}
.mgd-bang td:first-child{background:var(--mgd-nen);font-weight:700}
.mgd-bang td.mgd-so-cot{text-align:right;font-variant-numeric:tabular-nums}
.mgd-bang-loc{display:flex;gap:8px;align-items:center;margin:0 0 10px;flex-wrap:wrap}
.mgd-bang-loc input{flex:1 1 220px;min-height:44px;border:1px solid var(--mgd-ke);border-radius:6px;padding:8px 12px;font:inherit;font-size:16px;background:var(--mgd-nen);color:var(--mgd-chu)}
.mgd-bang-dem{font-size:14px;color:var(--mgd-phu)}
.mgd-bang-trang{display:flex;gap:8px;justify-content:center;margin-top:10px}
/* ---------- chung ---------- */
.mgd-co-js .mgd-chi-khong-js{display:none}
.mgd-dong .mgd-khoi{opacity:0;transform:translateY(18px);transition:opacity var(--mgd-cd-cham) var(--mgd-gt-vao),transform var(--mgd-cd-cham) var(--mgd-gt-vao)}
/* thang nghiêm 4–5: chỉ mờ dần, không trượt, không trang trí chuyển động */
.mgd-bai[data-nghiem="4"] .mgd-dong .mgd-khoi,.mgd-bai[data-nghiem="5"] .mgd-dong .mgd-khoi,.mgd-bai[data-nghiem="4"].mgd-dong .mgd-khoi,.mgd-bai[data-nghiem="5"].mgd-dong .mgd-khoi{transform:none}
.mgd-dong .mgd-khoi.mgd-hien{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .mgd-bai *{transition:none!important;animation:none!important}
  .mgd-dong .mgd-khoi{opacity:1;transform:none}
}
@media print{
  .mgd-dh{position:static}
  .mgd-dong .mgd-khoi{opacity:1!important;transform:none!important}
  .mgd-co-js .mgd-bdvn-ke .mgd-bdvn-ds>li,.mgd-co-js .mgd-dtg-vung .mgd-dtg-ds>li,.mgd-co-js .mgd-buoc .mgd-buoc-ds>li,
  .mgd-co-js .mgd-tn .mgd-tn-cau,.mgd-co-js .mgd-tn .mgd-tn-kq,.mgd-co-js .mgd-tn .mgd-tn-kq-ds li{display:block!important}
  .mgd-co-js .mgd-cuon{display:block!important}
  .mgd-co-js .mgd-cuon-visual,.mgd-buoc-nut,.mgd-buoc-dieu,.mgd-tn-dieu,.mgd-bang-loc,.mgd-bang-trang,.mgd-ad-o,.mgd-dh-chia{display:none!important}
  .mgd-co-js .mgd-cuon .mgd-buoc-ds figure{display:block!important}
  .mgd-co-js .mgd-cuon .mgd-buoc-ds>li{min-height:0!important}
  .mgd-bang tr{display:table-row!important}
  .mgd-khoi{break-inside:avoid-page}
}

/* ============================================================
   THANG KHỔ, KHUÔN TRANG, DÁNG KHỐI (vòng 2; Giang duyệt 03/11/2026)
   Vòng 1 chỉ còn: thanh điều hướng, trần 1.920px của .mgd-bai, một cột lề 16px khi ≤640px.
   Bài không ghi "Khuôn trang" (= tạp chí) và khối không ghi khổ mới dựng y như cũ.
   ============================================================ */
.mgd-hep{max-width:calc(520px + 40px);margin-inline:auto;padding-inline:20px}
.mgd-vua{max-width:calc(960px + 40px);margin-inline:auto;padding-inline:20px}
@container mgdbai (max-width:640px){.mgd-hep,.mgd-vua{padding-inline:16px}}
.mgd-tran .mgd-anh-ct,.mgd-vua .mgd-anh-ct{max-width:calc(var(--mgd-cot) + 40px);padding-inline:20px}

/* bìa: căn tít trái; chia đôi (ảnh một nửa, chữ một nửa) trên máy tính, điện thoại như "tít dưới" */
.mgd-bia-trai .mgd-bia-chu{text-align:left}
.mgd-bia-trai .mgd-bia-p{margin-left:0}
@container mgdbai (min-width:900px){
  .mgd-bia-doi{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;min-height:min(calc(100svh - 45px),860px)}
  .mgd-bia-doi .mgd-bia-anh{height:100%;max-width:none;margin:0}
  .mgd-bia-doi .mgd-bia-anh picture,.mgd-bia-doi .mgd-bia-anh img{height:100%}
  .mgd-bia-doi .mgd-bia-anh img{object-fit:cover}
  .mgd-bia-doi .mgd-bia-chu{text-align:left;max-width:720px;margin:0;padding:40px clamp(24px,4cqi,72px)}
  .mgd-bia-doi .mgd-bia-p{margin-left:0}
  .mgd-bia-doi .mgd-bia-ct{grid-column:1/-1;text-align:left}
}

/* chữ trên ảnh (khối chu-tren-anh): ảnh tràn dính màn hình, thẻ chữ cuộn lên trên */
.mgd-cta{position:relative;margin-block:24px}
.mgd-cta-anh{position:sticky;top:45px;height:min(calc(100svh - 45px),1000px);overflow:hidden;background:#111}
.mgd-cta-anh picture,.mgd-cta-anh img{width:100%;height:100%}
.mgd-cta-anh img{object-fit:cover}
.mgd-cta-chu{position:relative;display:flex;justify-content:flex-start;max-width:calc(var(--mgd-rong) + 40px);margin:calc(-1 * min(calc(100svh - 45px),1000px)) auto 0;padding:min(55svh,560px) 20px min(35svh,360px)}
.mgd-cta[data-vi-tri="giữa"] .mgd-cta-chu{justify-content:center}
.mgd-cta[data-vi-tri="phải"] .mgd-cta-chu{justify-content:flex-end}
.mgd-cta-the{max-width:460px;background:rgba(0,0,0,.76);color:#fff;padding:20px 22px;border-radius:6px}
.mgd-cta-the .mgd-doan p{text-align:left}
.mgd-bai .mgd-cta-the a{color:#fff}
.mgd-cta-t{font-family:var(--mgd-tit);font-weight:var(--mgd-tit-w);font-size:clamp(22px,2.6cqi,30px);line-height:1.25;margin:0 0 10px;color:#fff}
@container mgdbai (max-width:640px){.mgd-cta-chu{padding-inline:16px}.mgd-cta-the{max-width:none}}

/* khuôn "lề chú" (máy tính ≥1.240px): trục chữ lệch về mép trái lưới 1.280; hộp chữ, thẻ số ra lề phải ngay cạnh đoạn đang nói */
@container mgdbai (min-width:1240px){
  .mgd-bai[data-khuon="lề chú"] .mgd-than:not(.mgd-co-boc){--mgd-tm-can:left;--mgd-tm-gach-le:0;display:flow-root}
  .mgd-bai[data-khuon="lề chú"] .mgd-than:not(.mgd-co-boc)>section>.mgd-cot,
  .mgd-bai[data-khuon="lề chú"] .mgd-than:not(.mgd-co-boc)>section>.mgd-hep,
  .mgd-bai[data-khuon="lề chú"] .mgd-than:not(.mgd-co-boc)>section>.mgd-vua{margin-left:max(0px,calc((100% - var(--mgd-rong) - 40px) / 2));margin-right:auto}
  .mgd-bai[data-khuon="lề chú"] .mgd-than:not(.mgd-co-boc)>section{clear:both}
  .mgd-bai[data-khuon="lề chú"] .mgd-than:not(.mgd-co-boc)>section.mgd-k-doan,
  .mgd-bai[data-khuon="lề chú"] .mgd-than:not(.mgd-co-boc)>section.mgd-k-sapo,
  .mgd-bai[data-khuon="lề chú"] .mgd-than:not(.mgd-co-boc)>section.mgd-k-danh-sach{clear:none}
  .mgd-bai[data-khuon="lề chú"] .mgd-than:not(.mgd-co-boc)>section.mgd-k-hop:not(.mgd-toan-man),
  .mgd-bai[data-khuon="lề chú"] .mgd-than:not(.mgd-co-boc)>section.mgd-k-so-lieu:not(.mgd-toan-man){float:right;clear:right;width:360px;margin-right:max(20px,calc((100% - var(--mgd-rong)) / 2));padding-top:14px}
  .mgd-bai[data-khuon="lề chú"] .mgd-than:not(.mgd-co-boc)>section.mgd-k-hop:not(.mgd-toan-man)>*,
  .mgd-bai[data-khuon="lề chú"] .mgd-than:not(.mgd-co-boc)>section.mgd-k-so-lieu:not(.mgd-toan-man)>*{max-width:none;margin-inline:0;padding-inline:0}
}

/* khuôn "áp phích" (máy tính ≥1.280px): lưới 12 cột tới 1.920px; ô chữ, thẻ số, khối tương tác đứng cạnh nhau, đọc theo hàng */
@container mgdbai (min-width:1280px){
  .mgd-bai[data-khuon="áp phích"] .mgd-than{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:28px;row-gap:10px;align-items:start;padding-inline:40px}
  .mgd-bai[data-khuon="áp phích"] .mgd-than>section{grid-column:span 12;min-width:0;max-width:none;flex:none}
  .mgd-bai[data-khuon="áp phích"] .mgd-than>section>.mgd-cot,.mgd-bai[data-khuon="áp phích"] .mgd-than>section>.mgd-hep,
  .mgd-bai[data-khuon="áp phích"] .mgd-than>section>.mgd-vua,.mgd-bai[data-khuon="áp phích"] .mgd-than>section>.mgd-rong{max-width:none;margin-inline:0;padding-inline:0}
  .mgd-bai[data-khuon="áp phích"] .mgd-than>section.mgd-k-sapo:not([data-o]){grid-column:span 8}
  .mgd-bai[data-khuon="áp phích"] .mgd-bia-chu{max-width:none;padding-inline:40px}
  .mgd-bai[data-khuon="áp phích"] .mgd-than>section:is(.mgd-k-doan,.mgd-k-danh-sach,.mgd-k-hop),
  .mgd-bai[data-khuon="áp phích"] .mgd-than>section.mgd-k-anh:has(>.mgd-cot,>.mgd-hep),
  .mgd-bai[data-khuon="áp phích"] .mgd-than>section.mgd-k-video:has(>.mgd-cot,>.mgd-hep){grid-column:span 6;border-top:1px solid var(--mgd-ke);padding-top:14px}
  .mgd-bai[data-khuon="áp phích"] .mgd-than>section.mgd-k-so-lieu:not(.mgd-toan-man){grid-column:span 4;border-top:3px solid var(--mgd-nhan);padding-top:10px}
  .mgd-bai[data-khuon="áp phích"] .mgd-than>section:is(.mgd-k-bieu-do,.mgd-k-bang,.mgd-k-ban-do,.mgd-k-ban-do-to-mau,.mgd-k-ban-do-pho,.mgd-k-anh-diem,.mgd-k-truoc-sau,.mgd-k-dong-thoi-gian,.mgd-k-tung-buoc,.mgd-k-trac-nghiem,.mgd-k-may-tinh,.mgd-k-re-nhanh,.mgd-k-mo-hinh-3d,.mgd-k-tu-do){grid-column:span 8;border-top:1px solid var(--mgd-ke);padding-top:14px}
  .mgd-bai[data-khuon="áp phích"] .mgd-than>section:is([data-o="3"]){grid-column:span 3}
  .mgd-bai[data-khuon="áp phích"] .mgd-than>section:is([data-o="4"]){grid-column:span 4}
  .mgd-bai[data-khuon="áp phích"] .mgd-than>section:is([data-o="6"]){grid-column:span 6}
  .mgd-bai[data-khuon="áp phích"] .mgd-than>section:is([data-o="8"]){grid-column:span 8}
  .mgd-bai[data-khuon="áp phích"] .mgd-than>section:is([data-o="12"]){grid-column:span 12;border-top:0;padding-top:0}
  .mgd-bai[data-khuon="áp phích"] .mgd-tm{text-align:left;--mgd-tm-gach-le:0}
  .mgd-bai[data-khuon="áp phích"] .mgd-than>section :is(.mgd-doan,.mgd-sapo,.mgd-ds){max-width:var(--mgd-cot)}  /* chữ thân không dài quá cột 720 ở ô cả hàng */
}
@container mgdbai (min-width:1600px){
  .mgd-bai[data-khuon="áp phích"] .mgd-than>section:is(.mgd-k-doan,.mgd-k-danh-sach,.mgd-k-hop):not([data-o]),
  .mgd-bai[data-khuon="áp phích"] .mgd-than>section.mgd-k-anh:has(>.mgd-cot,>.mgd-hep):not([data-o]){grid-column:span 4}
  .mgd-bai[data-khuon="áp phích"] .mgd-than>section.mgd-k-so-lieu:not(.mgd-toan-man):not([data-o]){grid-column:span 3}
}
@media print{
  .mgd-cta-anh{position:static;height:auto}
  .mgd-cta-chu{margin-top:0;padding:12px 0}
  .mgd-cta-the{background:none;color:inherit;padding:0}
  .mgd-cta-t{color:inherit}
  .mgd-co-js .mgd-cuon .mgd-buoc-ds{margin-top:0!important;max-width:none!important}
}

/* khối tự do */
/*mgd-td:tu-do/tra-lai-ngay*//* cảnh “tra-lai-ngay” từ gói bộ não; biến thế giới đã nối vào token của bài */
.canh-tra-lai-ngay{
  --canh-nen:var(--mgd-nen);
  --canh-muc:var(--mgd-chu);
  --canh-phu:var(--mgd-phu);
  --canh-nhan:var(--mgd-nhan);
  --canh-phong-chu:var(--mgd-than);
  --canh-phong-so:"Fraunces";
  container-type:inline-size;
  position:relative;box-sizing:border-box;max-width:1120px;margin:0 auto;padding:20px 12px 24px;
  background:var(--canh-nen);color:var(--canh-muc);
  font-family:var(--canh-phong-chu),system-ui,sans-serif;font-size:16px;line-height:1.55;
  --tln-vach:color-mix(in srgb,var(--canh-muc) 24%,transparent);
  --tln-w:100px;--tln-m:0;
}
.canh-tra-lai-ngay *{box-sizing:border-box}
.canh-tra-lai-ngay .tln-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.canh-tra-lai-ngay .tln-nhan{margin:0 0 6px;font:600 13px/1.4 var(--canh-phong-chu),sans-serif;color:var(--canh-phu);letter-spacing:.02em}
.canh-tra-lai-ngay .tln-tit{text-wrap:balance;margin:0 0 10px;font:700 24px/1.3 var(--canh-phong-so),serif}
.canh-tra-lai-ngay .tln-dan{margin:0 0 16px}

/* cỡ nhãn theo bề rộng: trong danh sách (k = 1) và trong ô tháng (k = 0) */
.canh-tra-lai-ngay .tln-tem,.canh-tra-lai-ngay .tln-mo{--hl:26px;--tl:13px}
.canh-tra-lai-ngay .tln-chia{display:block}

/* khung danh sách */
.canh-tra-lai-ngay .tln-bai{border:1.5px solid var(--canh-muc);border-radius:6px;padding:12px;background:var(--canh-nen)}
.canh-tra-lai-ngay .tln-mo-khung{position:relative}
.canh-tra-lai-ngay .tln-mo{display:flex;flex-wrap:wrap;gap:0 3px}
.canh-tra-lai-ngay .tln-cho-mo{display:block;height:var(--hl);margin:0 0 3px;visibility:hidden}
.canh-tra-lai-ngay .tln-cho{display:block;height:26px;margin:0 0 2px;visibility:hidden}
.canh-tra-lai-ngay .tln-dap{position:absolute;inset:0;display:flex;align-items:center;gap:14px;opacity:1}
.canh-tra-lai-ngay .tln-dap p{margin:0;font-size:16px}
.canh-tra-lai-ngay .tln-so{flex:none;font:700 96px/1 var(--canh-phong-so),serif;color:var(--canh-nhan)}

/* thanh kéo */
.canh-tra-lai-ngay .tln-van{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 8px;align-items:center;margin:14px 0 18px}
.canh-tra-lai-ngay .tln-van-nhan{grid-column:1/-1;font:600 14px/1.4 var(--canh-phong-chu),sans-serif;color:var(--canh-phu)}
.canh-tra-lai-ngay .tln-nut{min-height:44px;min-width:44px;padding:0 12px;border:1.5px solid var(--canh-muc);border-radius:4px;background:transparent;color:var(--canh-muc);font:600 14px/1 var(--canh-phong-chu),sans-serif;cursor:pointer}
.canh-tra-lai-ngay .tln-nut:focus-visible,.canh-tra-lai-ngay input:focus-visible{outline:3px solid var(--canh-nhan);outline-offset:2px}
.canh-tra-lai-ngay input[type=range]{width:100%;height:44px;margin:0;background:transparent;-webkit-appearance:none;appearance:none}
.canh-tra-lai-ngay input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--canh-muc);border-radius:2px}
.canh-tra-lai-ngay input[type=range]::-moz-range-track{height:4px;background:var(--canh-muc);border-radius:2px}
.canh-tra-lai-ngay input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-13px;border-radius:4px;border:2px solid var(--canh-muc);background:var(--canh-nhan)}
.canh-tra-lai-ngay input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:4px;border:2px solid var(--canh-muc);background:var(--canh-nhan)}

/* lịch */
.canh-tra-lai-ngay .tln-cu-nhan{margin:0 0 4px;font:600 14px/1.4 var(--canh-phong-chu),sans-serif;color:var(--canh-phu)}
.canh-tra-lai-ngay .tln-cu,.canh-tra-lai-ngay .tln-luoi{display:grid;grid-template-columns:34px repeat(3,minmax(0,1fr))}
.canh-tra-lai-ngay .tln-luoi{border-top:1.5px solid var(--canh-muc);margin-top:6px}
.canh-tra-lai-ngay .tln-cu{border-top:1.5px solid var(--canh-muc)}
.canh-tra-lai-ngay .tln-cu-ghi{margin:6px 0 16px;font-size:14px;line-height:1.5;color:var(--canh-phu)}
.canh-tra-lai-ngay .tln-th{padding:10px 0 0;font:600 13px/1.2 var(--canh-phong-chu),sans-serif;color:var(--canh-phu);border-bottom:1px solid var(--tln-vach)}
.canh-tra-lai-ngay .tln-nam{padding:6px 4px 6px 6px;border-left:1px solid var(--tln-vach);border-bottom:1.5px solid var(--canh-muc)}
.canh-tra-lai-ngay .tln-nam b{display:block;font:700 22px/1.2 var(--canh-phong-so),serif}
.canh-tra-lai-ngay .tln-nam span{display:block;font-size:13px;line-height:1.3;color:var(--canh-phu)}
.canh-tra-lai-ngay .tln-o{position:relative;min-height:32px;padding:3px 3px 1px;border-left:1px solid var(--tln-vach);border-bottom:1px solid var(--tln-vach)}
.canh-tra-lai-ngay .tln-nam-cu{display:block;margin:0 0 3px 3px;font:700 16px/1.2 var(--canh-phong-so),serif}
.canh-tra-lai-ngay .tln-chua{background:repeating-linear-gradient(135deg,transparent 0 6px,color-mix(in srgb,var(--canh-phu) 18%,transparent) 6px 7px)}
.canh-tra-lai-ngay .tln-chua-chu{position:absolute;left:6px;top:8px;font-size:13px;line-height:1.2;color:var(--canh-phu)}

/* nhãn: cờ và tên */
.canh-tra-lai-ngay .tln-tem{
  --k:0;
  display:flex;align-items:center;
  height:calc(26px + var(--k) * (var(--hl) - 26px));margin:0 0 2px;padding:0 6px;
  border:1.5px solid var(--canh-muc);border-radius:3px;background:var(--canh-nen);color:var(--canh-muc);
  font-family:var(--canh-phong-chu),sans-serif;font-weight:600;font-size:calc(13px + var(--k) * (var(--tl) - 13px));line-height:1;
  white-space:nowrap;overflow:hidden}
.canh-tra-lai-ngay .tln-ten{min-width:0;overflow:hidden;line-height:1.45}
.canh-tra-lai-ngay .tln-tem.tln-vu{position:absolute;left:0;top:0;margin:0;z-index:2;pointer-events:none;will-change:transform}
.canh-tra-lai-ngay .tln-tem.tln-moi{
  border-color:color-mix(in srgb,var(--canh-nhan) calc(var(--tln-m)*100%),var(--canh-muc));
  background:color-mix(in srgb,var(--canh-nhan) calc(var(--tln-m)*100%),var(--canh-nen));
  color:color-mix(in srgb,var(--canh-nen) calc(var(--tln-m)*100%),var(--canh-muc));
}
.canh-tra-lai-ngay .tln-nguon{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--canh-phu)}

@container (max-width:480px){
  .canh-tra-lai-ngay .tln-van{grid-template-columns:1fr 1fr}
  .canh-tra-lai-ngay .tln-van input[type=range]{grid-column:1/-1;grid-row:2}
  .canh-tra-lai-ngay .tln-van .tln-nut[data-hanh=xoa]{grid-column:1;grid-row:3}
  .canh-tra-lai-ngay .tln-van .tln-nut[data-hanh=tra]{grid-column:2;grid-row:3}
}
@container (min-width:480px){
  .canh-tra-lai-ngay .tln-tem,.canh-tra-lai-ngay .tln-mo{--hl:30px;--tl:14px}
}
@container (min-width:520px){
  .canh-tra-lai-ngay .tln-tit{font-size:28px}
  .canh-tra-lai-ngay .tln-tem{padding:0 10px}
}
@container (max-width:340px){
  .canh-tra-lai-ngay .tln-cu,.canh-tra-lai-ngay .tln-luoi{grid-template-columns:27px repeat(3,minmax(0,1fr))}
  .canh-tra-lai-ngay .tln-o{padding:3px 2px 1px}
  .canh-tra-lai-ngay .tln-tem{padding:0 3px}
}
/* máy tính: danh sách bên trái, lịch bên phải, hai nửa cân nhau */
@container (min-width:840px){
  .canh-tra-lai-ngay{padding:28px 28px 28px}
  .canh-tra-lai-ngay .tln-tit{font-size:34px;margin-bottom:12px}
  .canh-tra-lai-ngay .tln-dan{max-width:62ch;font-size:17px;margin-bottom:22px}
  .canh-tra-lai-ngay .tln-tem,.canh-tra-lai-ngay .tln-mo{--hl:48px;--tl:18px}
  .canh-tra-lai-ngay .tln-chia{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:0 32px;align-items:stretch}
  .canh-tra-lai-ngay .tln-bai{grid-column:1;grid-row:1;display:flex;flex-direction:column;padding:18px 20px}
  .canh-tra-lai-ngay .tln-van{grid-column:1;grid-row:2;margin:16px 0 0}
  .canh-tra-lai-ngay .tln-lich{grid-column:2;grid-row:1/3}
  .canh-tra-lai-ngay .tln-mo-khung{flex:1;display:grid}
  .canh-tra-lai-ngay .tln-mo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:0 14px}
  .canh-tra-lai-ngay .tln-cho-mo{align-self:center;margin:0}
  .canh-tra-lai-ngay .tln-tem{padding:0 12px}
  .canh-tra-lai-ngay .tln-dap{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:0 8px}
  .canh-tra-lai-ngay .tln-dap p{font-size:19px;line-height:1.5}
  .canh-tra-lai-ngay .tln-so{font-size:128px}
  .canh-tra-lai-ngay .tln-nguon{margin-top:18px}
}
@media (prefers-reduced-motion:reduce){.canh-tra-lai-ngay .tln-tem{will-change:auto}}
/*het-td:tu-do/tra-lai-ngay*/
/*mgd-td:tu-do/boc-lich*//* cảnh “boc-lich” từ gói bộ não; biến thế giới đã nối vào token của bài */
.canh-boc-lich{
  --canh-nen:var(--mgd-nen);
  --canh-muc:var(--mgd-chu);
  --canh-phu:var(--mgd-phu);
  --canh-nhan:var(--mgd-nhan);
  --canh-phong-chu:var(--mgd-than);
  --canh-phong-so:"Fraunces";
  container-type:inline-size;
  position:relative;box-sizing:border-box;max-width:600px;margin:0 auto;padding:20px 12px 24px;
  background:var(--canh-nen);color:var(--canh-muc);
  font-family:var(--canh-phong-chu),system-ui,sans-serif;font-size:16px;line-height:1.55;
  --bl-vach:color-mix(in srgb,var(--canh-muc) 55%,var(--canh-nen));
}
.canh-boc-lich *{box-sizing:border-box}
.canh-boc-lich .bl-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.canh-boc-lich .bl-nhan{margin:0 0 6px;font:600 13px/1.4 var(--canh-phong-chu),sans-serif;color:var(--canh-phu);letter-spacing:.02em}
.canh-boc-lich .bl-tit{text-wrap:balance;margin:0 0 10px;font:700 24px/1.3 var(--canh-phong-so),serif}
.canh-boc-lich .bl-dan{margin:0 0 16px}

.canh-boc-lich .bl-tren{display:flex;gap:14px;align-items:flex-start}
.canh-boc-lich .bl-to{position:relative;flex:none;width:156px}
.canh-boc-lich .bl-tam{position:relative;background:var(--canh-nen);border:1.5px solid var(--canh-muc);border-radius:4px 4px 2px 2px;overflow:hidden;
  box-shadow:0 3px 0 -1px var(--canh-nen),0 3px 0 0 var(--canh-muc),0 6px 0 -1px var(--canh-nen),0 6px 0 0 var(--canh-muc);text-align:center}
.canh-boc-lich .bl-dau{margin:0;padding:6px 4px;background:var(--canh-nhan);color:var(--canh-nen);font:600 14px/1.3 var(--canh-phong-chu),sans-serif}
.canh-boc-lich .bl-dau b{font-weight:600}
.canh-boc-lich .bl-so{margin:6px 0 0;font:700 88px/1.05 var(--canh-phong-so),serif;color:var(--canh-muc)}
.canh-boc-lich .bl-thu{margin:0;padding:0 4px 10px;font:600 15px/1.4 var(--canh-phong-chu),sans-serif;color:var(--canh-phu)}
.canh-boc-lich .bl-bay{position:absolute;inset:0;z-index:3;pointer-events:none;transform-origin:0 0;animation:bl-bay .32s ease-in forwards}
@keyframes bl-bay{to{transform:translate(-26px,-36px) rotate(-8deg);opacity:0}}
.canh-boc-lich .bl-ra{min-width:0;flex:1}
.canh-boc-lich .bl-ra-dem{margin:0;font-size:15px;line-height:1.3;color:var(--canh-phu)}
.canh-boc-lich .bl-ra-dem b{display:block;font:700 56px/1.1 var(--canh-phong-so),serif;color:var(--canh-muc)}
.canh-boc-lich .bl-ra-bat{margin:2px 0 8px;font-size:14px;line-height:1.45;color:var(--canh-phu)}
.canh-boc-lich .bl-ra-giai{margin:0;font-size:15px;line-height:1.5;min-height:6em}

.canh-boc-lich .bl-dk{margin:16px 0 14px}
.canh-boc-lich .bl-dk-nhan,.canh-boc-lich .bl-nuoc-nhan{display:block;font:600 14px/1.4 var(--canh-phong-chu),sans-serif;color:var(--canh-phu)}
.canh-boc-lich input[type=range]{width:100%;height:44px;margin:0;background:transparent;-webkit-appearance:none;appearance:none}
.canh-boc-lich input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--canh-muc);border-radius:2px}
.canh-boc-lich input[type=range]::-moz-range-track{height:4px;background:var(--canh-muc);border-radius:2px}
.canh-boc-lich input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-13px;border-radius:4px;border:2px solid var(--canh-muc);background:var(--canh-nhan)}
.canh-boc-lich input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:4px;border:2px solid var(--canh-muc);background:var(--canh-nhan)}
.canh-boc-lich .bl-nut-hang{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:6px}
.canh-boc-lich .bl-nut{min-height:44px;min-width:44px;padding:0 8px;border:1.5px solid var(--canh-muc);border-radius:4px;background:transparent;color:var(--canh-muc);font:600 15px/1 var(--canh-phong-chu),sans-serif;cursor:pointer;touch-action:manipulation}
.canh-boc-lich .bl-boc{background:var(--canh-muc);color:var(--canh-nen);user-select:none;-webkit-user-select:none}
.canh-boc-lich .bl-nut[aria-pressed=true]{background:var(--canh-nhan);border-color:var(--canh-nhan);color:var(--canh-nen)}
.canh-boc-lich .bl-nut:focus-visible,.canh-boc-lich input:focus-visible{outline:3px solid var(--canh-nhan);outline-offset:2px}

.canh-boc-lich .bl-chuthich{margin:0 0 8px;font-size:14px;line-height:1.5;color:var(--canh-phu)}
.canh-boc-lich .bl-hang{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;margin:0 0 3px}
.canh-boc-lich .bl-o{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid var(--bl-vach);border-radius:2px;font:600 13px/1 var(--canh-phong-chu),sans-serif;color:var(--canh-phu);font-style:normal}
.canh-boc-lich .bl-o.on{background:var(--canh-muc);border-color:var(--canh-muc);color:var(--canh-nen)}
.canh-boc-lich .bl-o.on.bl-ngoai{background:repeating-linear-gradient(135deg,transparent 0 4px,color-mix(in srgb,var(--canh-nhan) 55%,transparent) 4px 5.5px);border:2px solid var(--canh-nhan);color:var(--canh-nhan)}
.canh-boc-lich .bl-o b{font-weight:600;padding:2px 3px;border-radius:2px}
.canh-boc-lich .bl-o.on.bl-ngoai b{background:var(--canh-nen)}
.canh-boc-lich .bl-ghi{margin:4px 0 10px;padding-left:10px;border-left:3px solid var(--canh-muc);font-size:14px;line-height:1.5}
.canh-boc-lich .bl-ghi b{font-weight:600}

.canh-boc-lich .bl-nuoc{margin:4px 0 20px;padding:12px 12px 14px;border:1.5px solid var(--canh-muc);border-radius:6px;background:var(--canh-nen)}
.canh-boc-lich .bl-nuoc-ctl{display:flex;gap:6px;margin:4px 0 10px}
.canh-boc-lich .bl-vuong{width:44px;padding:0;font-size:20px}
.canh-boc-lich #bl-nguoi{width:72px;min-height:44px;padding:0 6px;border:1.5px solid var(--canh-muc);border-radius:4px;background:transparent;color:var(--canh-muc);font:700 20px/1 var(--canh-phong-so),serif;text-align:center}
.canh-boc-lich .bl-kq{margin:0;font-size:16px;line-height:1.6}
.canh-boc-lich .bl-kq b{font:700 22px/1.2 var(--canh-phong-so),serif;color:var(--canh-nhan)}
.canh-boc-lich .bl-nuoc-ghi{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--canh-phu)}
.canh-boc-lich .bl-nguon{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--canh-phu)}
@container (min-width:520px){
  .canh-boc-lich .bl-tit{font-size:28px}
  .canh-boc-lich .bl-to{width:190px}
  .canh-boc-lich .bl-so{font-size:110px}
}
@media (prefers-reduced-motion:reduce){.canh-boc-lich .bl-bay{display:none}}
/*het-td:tu-do/boc-lich*/