html,body{margin:0;padding:0;background:#faf6ef}
/* ============================================================
   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:justify;--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: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:1.25;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:#faf6ef;--mgd-chu:#22201c;--mgd-phu:#5e574d;--mgd-ke:#d9cdbb;--mgd-nhan:#9b2b1f;--mgd-nhan-2:#8a6418;--mgd-hop:#f1e9dc;--mgd-tren-nhan:#ffffff;--mgd-tit-w:400;--mgd-tit:"Prata",Georgia,serif;--mgd-than:"Literata",Georgia,serif;--mgd-chu-thich:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--mgd-nhan-chu:#9b2b1f;--mgd-nhan-nen:#9b2b1f;--mgd-tren-nhan-2:#ffffff}
/* tên tác giả cuối bài (nen bản 5, 29/10/2026): canh phải, đậm, cỡ thân chữ */
.mgd-tac-gia{margin:28px 0 4px;text-align:right;font-family:var(--mgd-than);font-size:17px;line-height:1.5;color:var(--mgd-chu)}
.mgd-tac-gia b{font-weight:700}
/* ---------- P13 hộp chữ, trích dẫn ---------- */
.mgd-hop{background:var(--mgd-hop);border-left:4px solid var(--mgd-nhan);border-radius:0 8px 8px 0;padding:16px 20px 18px;margin:8px 0}
.mgd-hop-t{font-family:var(--mgd-tit);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--mgd-nhan-chu);margin:0 0 6px}
.mgd-hop p{margin:0;text-align:var(--mgd-can)}
.mgd-hop-phuong-phap{border-left-color:var(--mgd-phu);font-size:.94em}
.mgd-hop-phuong-phap .mgd-hop-t{color:var(--mgd-phu)}
.mgd-td{margin:14px 0;padding:10px 0;text-align:center}
.mgd-td::before{content:"\201C";display:block;font-family:Georgia,serif;font-size:84px;line-height:.6;color:var(--mgd-nhan);margin-bottom:6px}
.mgd-td p{font-family:var(--mgd-tit);font-size:clamp(21px,2.8cqi,28px);line-height:1.45;font-weight:700;margin:0}
.mgd-td footer{margin-top:10px;font-family:var(--mgd-chu-thich);font-size:15px;color:var(--mgd-phu)}
.mgd-td footer b{color:var(--mgd-chu)}
/* ---------- P11 thẻ con số ---------- */
.mgd-so-t{font-family:var(--mgd-tit);font-weight:var(--mgd-tit-w);text-transform:var(--mgd-tit-hoa);text-align:center;font-size:clamp(20px,2.6cqi,26px);margin:0 0 16px}
.mgd-so-luoi{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:0;padding:0;list-style:none}
/* luật xếp ô (Giang chốt 15/10/2026): máy tính dưới 5 ô thì đúng một hàng; điện thoại ô chẵn 2 cột, ô lẻ 1 cột */
.mgd-so-luoi:has(>li:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.mgd-so-luoi:has(>li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.mgd-so-luoi:has(>li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
@container mgdbai (max-width:640px){
.mgd-so-luoi,.mgd-so-luoi:has(>li:nth-child(n):last-child){grid-template-columns:1fr}
.mgd-so-luoi:has(>li:nth-child(2n):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ô là khung đo (container): cqi trên chính ô tính theo khung bài, cqi bên trong ô tính theo bề ngang ô */
.mgd-so-o{background:var(--mgd-hop);border-top:4px solid var(--mgd-nhan);border-radius:6px;padding:18px 12px;text-align:center;container-type:inline-size;min-width:0;font-size:clamp(34px,5cqi,54px)}
/* số và đơn vị cùng một dòng, cấm ngắt giữa hai phần; ô hẹp thì số nhỏ lại theo bề ngang ô (không dưới 30px) */
.mgd-so-sd{display:block;white-space:nowrap;font-family:var(--mgd-tit);color:var(--mgd-nhan);font-size:max(30px,min(1em,26cqi));line-height:1.05}
.mgd-so-sd.mgd-so-dai{font-size:max(24px,min(1em,15cqi))}
.mgd-so-sd.mgd-so-rat-dai{font-size:max(20px,min(1em,11cqi))}
.mgd-so-s{font-weight:900;font-variant-numeric:tabular-nums}
.mgd-so-d{font-weight:700;font-size:.5em;margin-left:.2em;color:var(--mgd-chu)}
.mgd-so-d-sat{margin-left:.04em}
.mgd-so-n{display:block;font-size:16px;line-height:1.5;color:var(--mgd-phu);margin-top:8px}
/* ---------- P3 biểu đồ (chữ, nhãn là HTML thật; chỉ nét vẽ là SVG) ---------- */
.mgd-bd-thanh{display:grid;grid-template-columns:minmax(80px,max-content) 1fr;gap:8px 12px;align-items:center;margin:0;padding:0;list-style:none}
.mgd-bd-thanh li{display:contents}
.mgd-bd-nhan{font-size:15px;line-height:1.3}
.mgd-bd-ray{display:flex;align-items:center;gap:8px;min-width:0}
.mgd-bd-vach{height:26px;background:var(--mgd-nhan);border-radius:0 3px 3px 0;min-width:2px;transition:width var(--mgd-cd-dai) var(--mgd-gt-doi)}
.mgd-bd-gt{font-weight:700;font-size:15px;white-space:nowrap;font-variant-numeric:tabular-nums}
.mgd-bd-cot{display:flex;align-items:flex-end;gap:6px;height:280px;border-bottom:2px solid var(--mgd-chu);padding:24px 0 0;margin:0;list-style:none;overflow-x:auto}
.mgd-bd-cot li{flex:1 1 0;min-width:30px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}
.mgd-bd-cot .mgd-bd-vach{width:72%;max-width:64px;height:auto;border-radius:3px 3px 0 0;transition:height var(--mgd-cd-dai) var(--mgd-gt-doi)}
.mgd-bd-cot .mgd-bd-gt{font-size:13px;margin-bottom:4px}
.mgd-bd-trucx{display:flex;gap:6px;margin:6px 0 0;padding:0;list-style:none;overflow:hidden}
.mgd-bd-trucx li{flex:1 1 0;min-width:30px;text-align:center;font-size:13px;color:var(--mgd-phu);line-height:1.25}
.mgd-bd-vung{position:relative;height:300px;margin:8px 3.4em 0 44px;border-left:1px solid var(--mgd-ke);border-bottom:2px solid var(--mgd-chu)}
@container mgdbai (max-width:640px){.mgd-bd-vung{height:240px}.mgd-bd-cot{height:220px}}
.mgd-bd-vung svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mgd-bd-luoi{position:absolute;left:0;right:0;border-top:1px dashed var(--mgd-ke)}
.mgd-bd-luoi span{position:absolute;right:calc(100% + 6px);top:-.7em;font-size:12px;color:var(--mgd-phu);white-space:nowrap}
.mgd-bd-diem{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--mgd-nen);border:2px solid var(--mgd-nhan)}
/* chú giải neo mốc: chấm màu tại điểm neo, cùng màu ô đứng trước câu giải thích (phiếu sửa 15/10/2026) */
.mgd-bd-mc{position:absolute;width:14px;height:14px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid var(--mgd-nen);box-shadow:0 0 0 1.5px var(--mgd-chu);box-sizing:content-box;z-index:1}
.mgd-bd-cham{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle;margin-left:2px}
.mgd-bd-x{position:absolute;top:calc(100% + 6px);transform:translateX(-50%);font-size:12px;color:var(--mgd-phu);white-space:nowrap}
.mgd-bd-cuoi{position:absolute;transform:translate(6px,-50%);font-size:13px;font-weight:700;white-space:nowrap}
.mgd-bd-cg{margin:36px 0 0;padding:0;list-style:none;font-size:15px;line-height:1.5}
.mgd-bd-cg li{display:flex;gap:10px;margin:6px 0}
.mgd-bd-cg i{flex:none;width:12px;height:12px;border-radius:3px;margin-top:.45em}
/* nút "Thu lại" cuối bảng số liệu, góc dưới bên phải; chỉ hiện khi trang có JS */
.mgd-bang-thu{display:none}
.mgd-co-js .mgd-bang-gon[open] .mgd-bang-thu{display:block;margin:8px 0 0 auto;min-height:40px;padding:0 14px;font:inherit;font-size:14px;color:var(--mgd-phu);background:none;border:1px solid var(--mgd-ke);border-radius:6px;cursor:pointer}
.mgd-bang-thu:focus-visible{outline:2px solid var(--mgd-nhan);outline-offset:2px}
.mgd-bd-ch{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;margin:0 0 8px}
.mgd-bd-ch span{display:inline-flex;align-items:center;gap:6px}
.mgd-bd-ch i{width:14px;height:4px;border-radius:2px;display:inline-block}

@media screen{.mgd-co-js .mgd-cho .mgd-bd-ray .mgd-bd-vach{width:0!important}.mgd-co-js .mgd-cho .mgd-bd-cot .mgd-bd-vach{height:0!important}}

/* ---------- P3 v2 (14/10/2026): vùng, tròn, donut, ô vuông 100, thanh phân kỳ, trục không từ 0, đoán trước ---------- */
.mgd-bd-truc,.mgd-bd-moc{font-size:14px;line-height:1.5;color:var(--mgd-phu);margin:0 0 10px;padding:6px 10px;border-left:3px solid var(--mgd-nhan);background:var(--mgd-hop)}
.mgd-bd-truc b,.mgd-bd-moc b{color:var(--mgd-chu)}
/* tròn, donut: hình + danh sách phần có % ngay cạnh (không bắt độc giả ước góc) */
.mgd-bd-tron-k{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:20px 28px;align-items:center}
@container mgdbai (max-width:640px){.mgd-bd-tron-k{grid-template-columns:1fr}.mgd-bd-tron{max-width:260px;margin:0 auto}}
.mgd-bd-tron{position:relative;aspect-ratio:1;width:100%}
.mgd-bd-tron svg{position:absolute;inset:0;width:100%;height:100%}
.mgd-bd-pt{position:absolute;transform:translate(-50%,-50%);font-size:14px;font-weight:700;color:#fff;background:rgba(0,0,0,.62);padding:1px 6px;border-radius:10px;font-variant-numeric:tabular-nums;white-space:nowrap}
.mgd-bd-giua{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.15;padding:0 32%}
.mgd-bd-giua b{font-size:clamp(20px,3cqi,28px);font-variant-numeric:tabular-nums}
.mgd-bd-giua small{font-size:13px;color:var(--mgd-phu)}
.mgd-bd-phan{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mgd-bd-phan li{display:grid;grid-template-columns:16px 1fr auto;gap:4px 10px;align-items:baseline;font-size:15px;line-height:1.35}
.mgd-bd-phan i{width:14px;height:14px;border-radius:3px;display:inline-block;align-self:center}
.mgd-bd-phan .mgd-bd-gt{font-size:18px}
.mgd-bd-phan .mgd-bd-phu{grid-column:2/4;font-size:13px;color:var(--mgd-phu)}
/* ô vuông 100: lưới 10×10, mỗi ô 1% */
.mgd-bd-cau{font-size:18px;font-weight:700;line-height:1.45;margin:0 0 12px}
.mgd-bd-oc{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;max-width:340px;margin:0 0 12px}
.mgd-bd-oc i{aspect-ratio:1;border-radius:2px;background:var(--mgd-ke);display:block}
/* thanh phân kỳ: nhãn | ray hai phía quanh vạch giữa | số có dấu */
.mgd-bd-pk{display:grid;grid-template-columns:minmax(70px,max-content) 1fr auto;gap:8px 12px;align-items:center;margin:0;padding:0;list-style:none}
.mgd-bd-pk li{display:contents}
.mgd-bd-pk-ray{position:relative;height:26px;min-width:0}
.mgd-bd-pk-ray::before{content:"";position:absolute;left:50%;top:-4px;bottom:-4px;border-left:2px solid var(--mgd-chu)}
.mgd-bd-pk-vach{position:absolute;top:0;bottom:0;min-width:2px}
.mgd-bd-duong{background:var(--mgd-nhan-2);border-radius:0 3px 3px 0}
.mgd-bd-am{background:var(--mgd-nhan);border-radius:3px 0 0 3px}
.mgd-bd-pk .mgd-bd-gt{text-align:right}
/* đoán trước: câu hỏi, nút chọn chỉ hiện khi có JS; tắt JS thì đọc thẳng biểu đồ và đáp án */
.mgd-bd-doan{margin:0 0 14px}
.mgd-bd-doan-h{font-size:18px;font-weight:700;line-height:1.45;margin:0 0 10px}
.mgd-bd-doan-k{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mgd-nhan-chu);margin-bottom:4px}
.mgd-bd-doan-chon,.mgd-bd-doan-cho{display:none}
.mgd-co-js .mgd-bd-doan-chon{display:flex;flex-wrap:wrap;gap:8px}
.mgd-bd-doan-chon .mgd-nut{flex:1 1 140px}
.mgd-bd-doan-chon .mgd-nut.mgd-dung{border-color:var(--mgd-nhan-2);box-shadow:inset 0 0 0 2px var(--mgd-nhan-2);opacity:1}
.mgd-bd-doan-chon .mgd-nut.mgd-sai{text-decoration:line-through;opacity:.75}
.mgd-bd-doan-chon .mgd-nut[aria-pressed="true"]::before{content:"✓ ";font-weight:700}
.mgd-bd-lat{font-size:16px;line-height:1.6;margin:14px 0 0;padding:10px 12px;background:var(--mgd-hop);border-radius:6px}
@media screen{
  .mgd-co-js .mgd-bd-dang-doan .mgd-bd-doan-cho{display:block;font-size:14px;color:var(--mgd-phu);margin:10px 0 0}
  .mgd-co-js .mgd-bd-dang-doan .mgd-bd-giau{position:relative;max-height:220px;overflow:hidden;filter:blur(7px);opacity:.35;pointer-events:none;user-select:none}
  .mgd-co-js .mgd-bd-dang-doan .mgd-bd-giau details{display:none}
  .mgd-co-js .mgd-bd-dang-doan .mgd-bd-lat{display:none}
}
.mgd-bd-ch i.mgd-bd-oc-con{width:12px;height:12px;background:var(--mgd-ke)}
@media print{.mgd-bang-thu{display:none!important}}
/* v4 (22/10/2026): thanh nhóm, thuật ngữ nhãn, tự soi */
.mgd-bd-nhom{display:grid;grid-template-columns:minmax(80px,max-content) 1fr;gap:4px 12px;align-items:center;margin:0;padding:0;list-style:none}
.mgd-bd-nhom li{display:contents}
.mgd-bd-nhom .mgd-bd-nhan{grid-row:span var(--n,2);align-self:center;padding:6px 0}
.mgd-bd-nhom li>.mgd-bd-ray{grid-column:2}
.mgd-bd-nhom li>.mgd-bd-nhan{grid-column:1}
.mgd-bd-nhom .mgd-bd-vach{height:18px}
.mgd-bd-nhom li+li>.mgd-bd-nhan{border-top:1px solid var(--mgd-ke)}
.mgd-bd-trong{font-weight:400;color:var(--mgd-phu);font-size:13px}
.mgd-bd-ch-nhom{flex-direction:column;align-items:flex-start;gap:4px;font-size:15px}
.mgd-bd-thuat{margin:0 0 10px;font-size:14px;line-height:1.5}
.mgd-bd-thuat div{display:flex;gap:6px}
.mgd-bd-thuat dt{font-weight:700;white-space:nowrap}
.mgd-bd-thuat dt::after{content:":"}
.mgd-bd-thuat dd{margin:0}
.mgd-bd-soi-ghi{font-size:14px;color:var(--mgd-phu);margin:0 0 10px}
.mgd-bd-soi label{display:inline-flex;align-items:center;gap:8px;min-height:40px;cursor:pointer}
.mgd-bd-soi input{width:22px;height:22px;accent-color:var(--mgd-nhan-nen);margin:0;flex:none}
.mgd-bd-soi-nut{display:none;margin:12px 0 0}
.mgd-co-js .mgd-bd-dang-soi .mgd-bd-soi-nut{display:block}
@media screen{
  .mgd-co-js .mgd-bd-dang-soi .mgd-bd-soi .mgd-bd-vach{width:0!important}
  .mgd-co-js .mgd-bd-dang-soi .mgd-bd-soi .mgd-bd-gt{visibility:hidden}
}
.mgd-bd-soi .mgd-bd-da-chon .mgd-bd-nhan,.mgd-bd-soi li.mgd-bd-da-chon>.mgd-bd-nhan{font-weight:700}
.mgd-bd-soi li.mgd-bd-da-chon .mgd-bd-vach{background:var(--mgd-nhan-nen)}

/* v5 (23/10/2026): màn hẹp, nhãn dài không được ăn mất thanh. Cột nhãn tối đa 45% bề ngang; nhãn trên 18 ký tự (lớp mgd-bd-xep, máy dựng gắn) thì nằm trên thanh */
@container mgdbai (max-width:640px){
  .mgd-bd-thanh,.mgd-bd-nhom{grid-template-columns:fit-content(45%) minmax(0,1fr)}
  .mgd-bd-pk{grid-template-columns:fit-content(40%) minmax(0,1fr) auto}
  .mgd-bd-xep.mgd-bd-thanh,.mgd-bd-xep.mgd-bd-nhom{grid-template-columns:minmax(0,1fr);row-gap:4px}
  .mgd-bd-xep.mgd-bd-thanh li>.mgd-bd-ray{margin-bottom:10px}
  .mgd-bd-xep.mgd-bd-nhom li>.mgd-bd-nhan{grid-row:auto;grid-column:1;padding:10px 0 2px}
  .mgd-bd-xep.mgd-bd-nhom li>.mgd-bd-ray{grid-column:1}
  .mgd-bd-xep.mgd-bd-pk{grid-template-columns:minmax(0,1fr) auto}
  .mgd-bd-xep.mgd-bd-pk li>.mgd-bd-nhan{grid-column:1/-1;margin-top:6px}
  .mgd-bd-xep.mgd-bd-pk li>.mgd-bd-pk-ray{grid-column:1}
}
/* ---------- P8 ảnh có điểm bấm ---------- */
.mgd-ad-khung{position:relative}
.mgd-ad-khung img{width:100%}
.mgd-ad-khung svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mgd-ad-cham{position:absolute;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:0;background:none;padding:0}
.mgd-ad-cham span{position:absolute;inset:8px;border-radius:50%;background:var(--mgd-nhan-nen);color:var(--mgd-tren-nhan);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.4);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.mgd-ad-cham.mgd-on span{background:var(--mgd-chu)}
.mgd-ad-ds{margin:12px 0 0;padding-left:1.6em}
.mgd-ad-ds li{margin:6px 0}
.mgd-ad-ds b{font-family:var(--mgd-tit)}
.mgd-ad-o{position:absolute;z-index:3;width:min(300px,calc(100% - 20px));background:var(--mgd-nen);color:var(--mgd-chu);border:1px solid var(--mgd-ke);border-radius:8px;box-shadow:0 6px 22px rgba(0,0,0,.3);padding:14px 16px 16px;font-size:16px;line-height:1.55}
.mgd-ad-o h3{margin:0 34px 6px 0;font-family:var(--mgd-tit);font-size:18px;color:var(--mgd-nhan-chu)}
.mgd-ad-o p{margin:0}
.mgd-ad-x{position:absolute;top:4px;right:4px;width:40px;height:40px;border:0;background:none;font-size:22px;line-height:1}
@container mgdbai (max-width:640px){.mgd-ad-o{left:10px!important;right:10px!important;width:auto;top:auto!important;bottom:10px!important}}

/* ---------- P5 dòng thời gian ---------- */
.mgd-dtg-ds{margin:0;padding:0;list-style:none;border-left:3px solid var(--mgd-nhan);margin-left:8px}
.mgd-dtg-ds>li{position:relative;padding:4px 0 18px 22px}
.mgd-dtg-ds>li::before{content:"";position:absolute;left:-10px;top:10px;width:17px;height:17px;border-radius:50%;background:var(--mgd-nen);border:3px solid var(--mgd-nhan)}
.mgd-dtg-tg{display:block;font-family:var(--mgd-tit);font-weight:700;color:var(--mgd-nhan-chu);font-size:15px;letter-spacing:.04em}
.mgd-dtg-ds h3{margin:2px 0 4px;font-family:var(--mgd-tit);font-size:19px;line-height:1.3}
.mgd-dtg-ds p{margin:0;font-size:16px}
.mgd-dtg-ds img{margin-top:8px;border-radius:4px;max-height:340px;object-fit:cover}
.mgd-dtg-truc{display:none;position:relative;height:64px;margin:0 6px 14px;border-bottom:3px solid var(--mgd-ke)}
.mgd-co-js .mgd-dtg-truc{display:block}
.mgd-dtg-truc button{position:absolute;bottom:-22px;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;border:3px solid var(--mgd-nhan);background:var(--mgd-nen);padding:0}
.mgd-dtg-truc button span{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:700;white-space:nowrap;color:var(--mgd-phu)}
.mgd-dtg-truc button[aria-pressed="true"]{background:var(--mgd-nhan)}
.mgd-dtg-truc button[aria-pressed="true"] span{color:var(--mgd-nhan-chu)}
.mgd-co-js .mgd-dtg-vung .mgd-dtg-ds{border-left:0;margin:28px 0 0}
.mgd-co-js .mgd-dtg-vung .mgd-dtg-ds>li{display:none;padding-left:0}
.mgd-co-js .mgd-dtg-vung .mgd-dtg-ds>li::before{display:none}
.mgd-co-js .mgd-dtg-vung .mgd-dtg-ds>li.mgd-on{display:block}

/* v2 (27/10/2026): mẫu "dọc" và "thẻ trượt"; cùng danh sách mốc vẽ sẵn, tắt JS vẫn đọc trọn như mẫu gốc */
.mgd-dtg[data-mau="dọc"]{--dtg-c:92px;--dtg-x:calc(var(--dtg-c) + 14px)}
.mgd-dtg[data-mau="dọc"] .mgd-dtg-ds{border-left:0;margin-left:0;position:relative}
.mgd-dtg[data-mau="dọc"] .mgd-dtg-ds>li{position:relative;padding:0 0 24px calc(var(--dtg-x) + 22px);min-height:40px}
.mgd-dtg[data-mau="dọc"] .mgd-dtg-ds>li::before{left:calc(var(--dtg-x) - 7px);top:5px;width:16px;height:16px;border-width:3px;box-sizing:border-box;z-index:1}
.mgd-dtg[data-mau="dọc"] .mgd-dtg-ds>li::after{content:"";position:absolute;left:calc(var(--dtg-x) - 1px);top:21px;bottom:0;width:3px;background:var(--mgd-ke)}
.mgd-dtg[data-mau="dọc"] .mgd-dtg-ds>li:last-child::after{display:none}
.mgd-dtg[data-mau="dọc"] .mgd-dtg-tg{position:absolute;left:0;top:0;width:var(--dtg-c);text-align:right;font-size:18px;line-height:1.3;letter-spacing:0;white-space:nowrap}
.mgd-dtg[data-mau="dọc"] .mgd-dtg-ds h3{margin-top:0}
.mgd-dtg-doc-js{position:relative}
.mgd-dtg-ray{display:none}
.mgd-co-js .mgd-dtg-doc-js .mgd-dtg-ray{display:block;position:absolute;left:calc(var(--dtg-x) - 1px);width:3px;pointer-events:none;z-index:0}
.mgd-dtg-ray-day{position:absolute;inset:0;background:var(--mgd-nhan);transform-origin:top;transform:scaleY(0);border-radius:2px}
.mgd-co-js .mgd-dtg-doc-js .mgd-dtg-ds>li{opacity:.6;transition:opacity var(--mgd-cd-vua,.3s)}
.mgd-co-js .mgd-dtg-doc-js .mgd-dtg-ds>li.mgd-on,.mgd-co-js .mgd-dtg-doc-js .mgd-dtg-ds>li.mgd-qua{opacity:1}
.mgd-co-js .mgd-dtg-doc-js .mgd-dtg-ds>li.mgd-on::before,.mgd-co-js .mgd-dtg-doc-js .mgd-dtg-ds>li.mgd-qua::before{background:var(--mgd-nhan)}
@media (max-width:560px){.mgd-dtg[data-mau="dọc"]{--dtg-c:76px}.mgd-dtg[data-mau="dọc"] .mgd-dtg-tg{font-size:16px}.mgd-dtg[data-mau="dọc"] .mgd-dtg-ds>li{padding-left:calc(var(--dtg-x) + 16px)}}
.mgd-dtg-truc2,.mgd-dtg-dem{display:none}
.mgd-co-js .mgd-dtg-the-js .mgd-dtg-truc2{display:block;position:relative;height:18px;margin:4px 6px 6px;border-bottom:2px solid var(--mgd-ke)}
.mgd-dtg-cham{position:absolute;bottom:-7px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--mgd-nen);border:2px solid var(--mgd-nhan)}
.mgd-dtg-cham.mgd-on{background:var(--mgd-nhan);transform:scale(1.25)}
.mgd-co-js .mgd-dtg-the-js .mgd-dtg-dem{display:block;margin:10px 0 8px;font-size:14px;font-weight:700;color:var(--mgd-phu)}
.mgd-co-js .mgd-dtg-the-js .mgd-dtg-ds{display:flex;align-items:flex-start;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;border-left:0;margin:0;padding:4px 2px 12px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.mgd-co-js .mgd-dtg-the-js .mgd-dtg-ds>li{flex:0 0 min(84%,420px);scroll-snap-align:center;padding:16px 16px 18px;border:1px solid var(--mgd-ke);border-radius:10px;background:var(--mgd-nen)}
.mgd-co-js .mgd-dtg-the-js .mgd-dtg-ds>li::before{display:none}
.mgd-co-js .mgd-dtg-the-js .mgd-dtg-ds>li.mgd-on{border-color:var(--mgd-nhan);box-shadow:0 0 0 1px var(--mgd-nhan)}
.mgd-co-js .mgd-dtg-the-js .mgd-dtg-ds>li img{max-height:220px;width:100%}
.mgd-dtg-the-js .mgd-dtg-ds:focus-visible{outline:3px solid var(--mgd-nhan);outline-offset:3px}
@media print{.mgd-dtg-ray,.mgd-dtg-truc2,.mgd-dtg-dem{display:none!important}.mgd-co-js .mgd-dtg-the-js .mgd-dtg-ds{display:block;overflow:visible}.mgd-co-js .mgd-dtg-doc-js .mgd-dtg-ds>li{opacity:1}}
/* ---------- P2 từng bước, P1 cuộn kể chuyện ---------- */
.mgd-buoc-ds{margin:0;padding:0;list-style:none;counter-reset:b}
.mgd-buoc-ds>li{counter-increment:b;margin:0 0 22px}
.mgd-buoc-ds>li>h3{margin:0 0 6px;font-family:var(--mgd-tit);font-size:19px}
.mgd-buoc-ds>li>h3::before{content:counter(b) ". ";color:var(--mgd-nhan)}
.mgd-buoc-ds p{margin:0 0 .6em}
.mgd-buoc-ds figure{margin:8px 0 0}
.mgd-buoc-nut{display:none;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.mgd-co-js .mgd-buoc-nut{display:flex}
.mgd-buoc-nut button[aria-pressed="true"]{background:var(--mgd-nhan-nen);color:var(--mgd-tren-nhan);border-color:var(--mgd-nhan-nen)}
.mgd-co-js .mgd-buoc .mgd-buoc-ds>li{display:none}
.mgd-co-js .mgd-buoc .mgd-buoc-ds>li.mgd-on{display:block}
/* ---------- P15 mô hình 3D (bộ khung) ----------
   Mặc định là dáng "có hình": chỗ của hình giữ sẵn ngay từ lần vẽ đầu (khung ::before cùng tỉ lệ với canvas), nhãn, nút,
   gợi ý nằm đè lên hình, chuỗi trạng thái hiện từng cái. Thư viện tải xong không làm trang xô lệch (CLS).
   Dáng "tĩnh" (ảnh tĩnh, chú giải thành danh sách, mọi trạng thái hiện cả): khi tắt JS (thẻ noscript trong khối),
   khi không mở được WebGL (lớp mgd-3d-hong), trên bàn sửa (BTV phải thấy, sửa được mọi chữ), khi in. */
.mgd-3d{margin-left:auto;margin-right:auto}
.mgd-3d-dan{margin:0 0 10px}
.mgd-3d-gd{display:inline-block;margin:0 0 10px;padding:4px 10px;border:1px dashed var(--mgd-phu);border-radius:4px;font-size:14px;color:var(--mgd-chu)}
.mgd-3d-gd b{color:var(--mgd-nhan-chu);text-transform:uppercase;letter-spacing:.04em;font-size:13px}
.mgd-3d-khung{position:relative}
.mgd-3d-khung::before,.mgd-3d-canvas{content:"";display:block;width:100%;aspect-ratio:10/9;max-height:70vh;max-height:70svh}
@media (min-width:600px){.mgd-3d-khung::before,.mgd-3d-canvas{aspect-ratio:100/62}}
.mgd-3d-chay .mgd-3d-khung::before{display:none}
.mgd-3d-tinh img{display:none;width:100%;height:auto;border-radius:8px}
.mgd-3d-tt{margin:8px 0 0;font-size:16px;color:var(--mgd-chu)}
.mgd-3d-chay .mgd-3d-tt{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.mgd-3d-dieu{margin:10px 0 0}
.mgd-3d-nhan{position:absolute;left:0;top:0;width:100%;height:0;margin:0;padding:0;list-style:none;pointer-events:none;font-size:13px;color:var(--mgd-chu)}
.mgd-3d-nhan li{position:absolute;visibility:hidden;transform:translate(-50%,calc(-100% - 6px));white-space:nowrap;padding:3px 8px;border-radius:4px;background:var(--mgd-nen);box-shadow:0 1px 4px rgba(0,0,0,.18);font-weight:600;line-height:1.3;max-width:60%;overflow:hidden;text-overflow:ellipsis}
.mgd-3d-canvas{touch-action:pan-y;cursor:grab;border-radius:8px;background:transparent}
.mgd-3d-canvas:active{cursor:grabbing}
.mgd-3d-dk{position:absolute;right:6px;display:flex;gap:6px;z-index:2}
.mgd-3d-dk .mgd-nut{min-width:44px;min-height:40px;padding:6px 10px;font-size:14px;background:var(--mgd-nen);box-shadow:0 1px 4px rgba(0,0,0,.15)}
.mgd-3d-hd{position:absolute;left:6px;top:6px;margin:0;padding:2px 8px;border-radius:4px;background:var(--mgd-nen);font-size:13px;color:var(--mgd-phu);pointer-events:none;opacity:.92}
.mgd-3d-bao{margin:0 0 8px;padding:8px 12px;border-radius:6px;background:var(--mgd-hop);font-size:14px;color:var(--mgd-chu)}
.mgd-3d-buoc{margin:10px 0 0;padding:0;list-style:none;min-height:5.5em}
.mgd-3d-buoc>li{display:none}
.mgd-3d-buoc>li:first-child,.mgd-3d-buoc>li.mgd-on{display:block}
.mgd-3d-buoc.mgd-3d-da>li:not(.mgd-on){display:none}
.mgd-3d-buoc h3{margin:0 0 4px;font-family:var(--mgd-tit);font-size:18px;line-height:1.3}
.mgd-3d-buoc p{margin:0 0 10px}
.mgd-3d-dieu{display:flex;align-items:center}
.mgd-3d-dem{font-size:14px;font-weight:700;color:var(--mgd-phu);margin:0 auto}
.mgd-3d-bang{width:100%;border-collapse:collapse;margin:14px 0 0;font-size:15px}
.mgd-3d-bang th,.mgd-3d-bang td{padding:6px 8px;border-bottom:1px solid var(--mgd-ke);text-align:left}
.mgd-3d-bang td+td,.mgd-3d-bang th+th{text-align:right;font-variant-numeric:tabular-nums}
/* dáng tĩnh: hỏng WebGL, bàn sửa (noscript mang cùng bộ luật này ngay trong khối) */
.mgd-3d-hong .mgd-3d-khung::before,.mgd-ban-sua .mgd-3d-khung::before{display:none}
.mgd-3d-hong .mgd-3d-tinh img,.mgd-ban-sua .mgd-3d-tinh img{display:block}
.mgd-3d-hong .mgd-3d-nhan,.mgd-ban-sua .mgd-3d-nhan{position:static;height:auto;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;pointer-events:auto}
.mgd-3d-hong .mgd-3d-nhan li,.mgd-ban-sua .mgd-3d-nhan li{position:static;visibility:visible;transform:none;box-shadow:none;background:none;padding:0;font-weight:400;max-width:none}
.mgd-3d-hong .mgd-3d-buoc,.mgd-ban-sua .mgd-3d-buoc{padding-left:22px;list-style:decimal}
.mgd-3d-hong .mgd-3d-buoc>li,.mgd-ban-sua .mgd-3d-buoc>li{display:list-item}
.mgd-ban-sua .mgd-3d-dieu,.mgd-3d-hong .mgd-3d-dieu{display:none}
.mgd-ban-sua .mgd-3d-tinh::before{content:"Hình 3D hiện khi bấm “Xem như độc giả”. Ở đây sửa chữ, nhãn, trạng thái, bảng số.";display:block;padding:10px 12px;border:1px dashed var(--mgd-ke);border-radius:6px;font-size:13px;color:var(--mgd-phu)}
@media print{.mgd-3d-canvas,.mgd-3d-dk,.mgd-3d-hd,.mgd-3d-dieu{display:none!important}.mgd-3d .mgd-3d-khung::before{display:none!important}.mgd-3d .mgd-3d-tinh img{display:block}.mgd-3d .mgd-3d-nhan{position:static;height:auto;display:flex;flex-wrap:wrap;gap:6px 14px}.mgd-3d .mgd-3d-nhan li{position:static;transform:none;box-shadow:none;visibility:visible!important}.mgd-3d .mgd-3d-buoc>li{display:block!important}}
/* ---------- P9 trắc nghiệm ---------- */
.mgd-tn-cau{border:0;margin:0 0 18px;padding:0}
.mgd-tn-cau legend{font-family:var(--mgd-tit);font-weight:700;font-size:19px;line-height:1.35;margin-bottom:10px;padding:0}
.mgd-tn-da{display:flex;flex-direction:column;gap:8px}
.mgd-tn-da button{text-align:left;min-height:48px;padding:10px 14px;border-radius:8px;border:2px solid var(--mgd-ke);background:var(--mgd-nen);font-size:17px;transition:border-color var(--mgd-cd-tuc) var(--mgd-gt-doi),background-color var(--mgd-cd-tuc) var(--mgd-gt-doi)}
.mgd-tn-da button:hover{border-color:var(--mgd-nhan)}
.mgd-tn-da button[aria-pressed="true"]{border-color:var(--mgd-nhan);background:var(--mgd-hop)}
.mgd-tn-da button.mgd-dung{border-color:#16a34a}
.mgd-tn-da button.mgd-sai{border-color:#b91c1c}
.mgd-tn-gt{margin:10px 0 0;font-size:16px;color:var(--mgd-phu)}
.mgd-tn-tien{display:none;height:8px;background:var(--mgd-ke);border-radius:4px;overflow:hidden;margin-bottom:16px}
.mgd-tn-tien i{display:block;height:100%;background:var(--mgd-nhan);width:0;transition:width var(--mgd-cd-vua) var(--mgd-gt-doi)}
.mgd-co-js .mgd-tn-tien{display:block}
.mgd-tn-kq-ds{margin:0;padding:0;list-style:none}
.mgd-tn-kq-ds li{background:var(--mgd-hop);border-radius:8px;padding:14px 18px;margin:0 0 10px}
.mgd-tn-kq-ds h3{margin:0 0 4px;font-family:var(--mgd-tit);color:var(--mgd-nhan)}
.mgd-tn-kq-ds p{margin:0}
.mgd-co-js .mgd-tn .mgd-tn-cau{display:none}
.mgd-co-js .mgd-tn .mgd-tn-cau.mgd-on{display:block}
.mgd-co-js .mgd-tn .mgd-tn-kq{display:none}
.mgd-co-js .mgd-tn .mgd-tn-kq.mgd-on{display:block}
.mgd-co-js .mgd-tn .mgd-tn-kq-ds li{display:none}
.mgd-co-js .mgd-tn .mgd-tn-kq-ds li.mgd-on{display:block}
.mgd-tn-dieu{display:none;gap:8px;margin-top:10px}
.mgd-co-js .mgd-tn-dieu{display:flex}

/* ---------- 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}
}