html,body{margin:0;padding:0;background:#fbf8f3}
/* ============================================================
   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:#fbf8f3;--mgd-chu:#1c1917;--mgd-phu:#57534e;--mgd-ke:#ddd3c4;--mgd-nhan:#c2410c;--mgd-nhan-2:#1e3a5f;--mgd-hop:#f1ebe1;--mgd-tren-nhan:#ffffff;--mgd-tit-w:800;--mgd-tit-hoa:none;--mgd-tm-hoa:none;--mgd-tit:"Be Vietnam Pro",system-ui,sans-serif;--mgd-than:"Source Serif 4",Georgia,serif;--mgd-chu-thich:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--mgd-nhan-chu:#bd3f0c;--mgd-nhan-nen:#c2410c;--mgd-tren-nhan-2:#ffffff}
/* ---------- 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}
}
/* ---------- 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-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:14px 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}}
/* ---------- 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}
}

/* khối tự do */
/* Nồi cơm mở bài: chỉ là hình minh hoạ, không nhãn, không nút, không chữ hiện ra (chữ chỉ còn cho trình đọc màn hình) */
.mgd-3d .mgd-bd-t,.mgd-3d .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 .mgd-3d-dk,.mgd-3d .mgd-3d-hd,.mgd-3d .mgd-3d-bao{display:none}

.nc-gd{margin:0 0 12px;font-size:15px;color:var(--mgd-phu)}
.nc-gd b{display:inline-block;margin-right:6px;padding:2px 8px;border-radius:4px;background:var(--mgd-nhan-nen);color:var(--mgd-tren-nhan);font-size:13px;letter-spacing:.02em;text-transform:uppercase}
.nc-gia{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.nc-gia li{padding:10px 12px;border-radius:8px;background:var(--mgd-hop);font-size:14px;color:var(--mgd-phu);line-height:1.35}
.nc-gia li span{display:block;font-family:var(--mgd-tit);font-weight:700;font-size:14px;color:var(--mgd-chu)}
.nc-gia li b{font-family:var(--mgd-tit);font-size:24px;font-weight:800;color:var(--mgd-chu);margin-right:4px}
.nc-gia li small{display:block;font-size:13px}
.nc-gia .nc-gia-cd{box-shadow:inset 4px 0 0 var(--mgd-nhan)}
.nc-gia .nc-gia-cd b{color:var(--mgd-nhan-chu)}
.nc-bang td small{display:block;font-size:13px;color:var(--mgd-phu);line-height:1.3}
.nc-san{position:relative;height:280px;height:clamp(280px,44cqi,560px);margin:0 0 6px}
.nc-cv{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.nc-day{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.nc-ln{stroke:var(--mgd-phu);stroke-width:1;transition:opacity .2s}
.nc-dot{fill:var(--mgd-chu);transition:opacity .2s}
.nc-nhan{position:absolute;inset:0;pointer-events:none;font-family:var(--mgd-than);color:var(--mgd-chu)}
.nc-l{position:absolute;white-space:nowrap;line-height:1.25;transition:opacity .2s}
.nc-tren{transform:translate(-50%,-100%)}
.nc-duoi{transform:translate(-50%,0);text-align:center}
.nc-phai{transform:translate(0,-50%);padding-left:4px}
.nc-ten{font-size:15px;font-weight:700}
.nc-ten span{display:block}
.nc-ten span+span{font-weight:400;color:var(--mgd-phu);font-size:14px}
.nc-tong{font-family:var(--mgd-tit);font-size:19px;font-weight:800;color:var(--mgd-chu);padding-bottom:2px}
.nc-ben{font-size:14px;color:var(--mgd-phu)}
.nc-tong span,.nc-tong small{display:block;text-align:center}
.nc-tong small{font-family:var(--mgd-than);font-size:14px;font-weight:400;color:var(--mgd-phu)}
.nc-do{margin-bottom:8px}
.nc-bang th[colspan]{text-align:center;border-bottom:1px solid var(--mgd-ke)}
.nc-bang thead tr:last-child th{text-align:right;font-weight:400;color:var(--mgd-phu);font-size:14px}
.nc-nut{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 14px}
.nc-nut .mgd-nut{min-height:44px;font-size:15px}
.nc-nut .mgd-nut[aria-pressed="true"]{background:var(--mgd-nhan-nen);color:var(--mgd-tren-nhan);border-color:var(--mgd-nhan-nen)}
.nc-bang{width:100%;border-collapse:collapse;margin:0 0 6px;font-size:15px}
.nc-bang th,.nc-bang td{padding:6px 8px;border-bottom:1px solid var(--mgd-ke);text-align:left}
.nc-bang td+td,.nc-bang th+th{text-align:right;font-variant-numeric:tabular-nums}
.nc-hong .nc-san,.nc-hong .nc-nut{display:none}
@media (max-width:640px){
  .nc-gia{gap:6px}.nc-gia li{padding:8px 8px;font-size:12px}.nc-gia li b{font-size:18px;display:block}.nc-gia li span{font-size:12px}.nc-gia li small{font-size:11px}

  .nc-ten{font-size:13px}.nc-ten span+span{font-size:12px}
  .nc-tong{font-size:16px}.nc-tong small{font-size:12px}.nc-bang{font-size:14px}.nc-bang th,.nc-bang td{padding:6px 4px}.nc-ben{font-size:12px}
  .nc-nut{gap:6px}.nc-nut .mgd-nut{font-size:14px;padding-inline:10px}
}
@media print{.nc-san,.nc-nut{display:none}}

.dh-gia{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dh-gia li{padding:10px 12px;border-radius:8px;background:var(--mgd-hop);font-size:14px;color:var(--mgd-phu);line-height:1.35}
.dh-gia li span{display:block;font-family:var(--mgd-tit);font-weight:700;font-size:14px;color:var(--mgd-chu)}
.dh-gia li b{font-family:var(--mgd-tit);font-size:24px;font-weight:800;color:var(--mgd-chu);margin-right:4px}
.dh-gia li small{display:block;font-size:13px}
.dh-gia .dh-gia-cd{box-shadow:inset 4px 0 0 var(--mgd-nhan)}
.dh-gia .dh-gia-cd b{color:var(--mgd-nhan-chu)}
.dh-gia .dh-gia-td{box-shadow:inset 4px 0 0 var(--mgd-nhan-2)}
.dh-cung-td{fill:none;stroke:var(--mgd-nhan-2);stroke-width:12;stroke-dasharray:5 3}
.dh-chu .dh-c-td{background:repeating-linear-gradient(90deg,var(--mgd-nhan-2) 0 5px,transparent 5px 8px)}
.dh-cung-cd{transition:opacity .2s}
.dh-kq dd.dh-kq-tien{white-space:nowrap;font-size:clamp(18px,2.6vw,24px)}
.dh-ct{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--mgd-phu)}
.dh-gd{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--mgd-phu)}
.dh-gd b{display:inline-block;margin-right:6px;padding:2px 8px;border-radius:4px;background:var(--mgd-nhan-nen);color:var(--mgd-tren-nhan);font-size:13px;letter-spacing:.02em;text-transform:uppercase}
.dh-luoi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}
.dh-mat svg{display:block;width:100%;max-width:340px;margin:0 auto;overflow:visible}
.dh-nen{fill:none;stroke:var(--mgd-ke);stroke-width:18}
.dh-cung-cd{fill:none;stroke:var(--mgd-nhan);stroke-width:12;stroke-linecap:butt}
.dh-cung-nau{fill:none;stroke:var(--mgd-nhan-2);stroke-width:18;stroke-linecap:butt}
.dh-cung-am{fill:none;stroke:var(--mgd-nhan-2);stroke-opacity:.42;stroke-width:18;stroke-linecap:butt}
.dh-vach line{stroke:var(--mgd-phu);stroke-width:1.2}
.dh-kim{fill:var(--mgd-nen);stroke:var(--mgd-chu);stroke-width:2.5}
.dh-so text{fill:var(--mgd-phu);font-family:var(--mgd-than);font-size:13px;text-anchor:middle}
.dh-tong{fill:var(--mgd-chu);font-family:var(--mgd-tit);font-size:26px;font-weight:800;text-anchor:middle}
.dh-tong-dv{fill:var(--mgd-phu);font-family:var(--mgd-than);font-size:13px;text-anchor:middle}
.dh-chu{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:13px;color:var(--mgd-phu)}
.dh-chu li{display:flex;align-items:center;gap:6px}
.dh-chu i{display:inline-block;width:16px;height:9px;border-radius:2px}
.dh-c-cd{background:var(--mgd-nhan)}
.dh-c-nau{background:var(--mgd-nhan-2)}
.dh-c-am{background:var(--mgd-nhan-2);opacity:.42}
.dh-chu .dh-c-an{width:11px;height:11px;border-radius:50%;background:var(--mgd-nen);border:2px solid var(--mgd-chu);box-sizing:border-box}
.dh-nut{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.dh-nut .mgd-nut{min-height:44px;font-size:15px}
.dh-nut .mgd-nut[aria-pressed="true"]{background:var(--mgd-nhan-nen);color:var(--mgd-tren-nhan);border-color:var(--mgd-nhan-nen)}
.dh-kq{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 0;padding:0}
.dh-kq div{padding:12px 14px;border-radius:8px;background:var(--mgd-hop)}
.dh-kq dt{font-size:14px;color:var(--mgd-phu)}
.dh-kq dd{margin:4px 0 0;font-family:var(--mgd-tit);font-size:26px;font-weight:800;color:var(--mgd-chu)}
.dh-kq div:nth-child(2) dd{color:var(--mgd-nhan-chu)}
.dh-kq-tien-o{box-shadow:inset 0 0 0 2px var(--mgd-nhan-2)}
@media (max-width:768px){
  .dh-gia{gap:6px}.dh-gia li{padding:8px 8px;font-size:12px}.dh-gia li b{font-size:18px;display:block}.dh-gia li span{font-size:12px}.dh-gia li small{font-size:11px}.dh-ct{font-size:13px}

  .dh-luoi{grid-template-columns:1fr;gap:8px}
  .dh-mat svg{max-width:210px}
  .dh-chu{margin-top:6px;font-size:12px;gap:2px 10px}
  .dh-nut{gap:6px;margin-bottom:6px}
  .dh-nut .mgd-nut{font-size:14px;padding-inline:10px;min-height:42px}
  .dh-cach{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .dh-cach .mgd-nut{min-height:58px;line-height:1.25}
  .dh-kq{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}
  .dh-kq div{padding:8px 8px}
  .dh-kq dt{font-size:12px;line-height:1.25}
  .dh-kq dd{font-size:18px}
}

.ov-cau{margin:0 0 14px;font-family:var(--mgd-than);font-weight:700;font-size:19px;line-height:1.45;color:var(--mgd-chu)}
.ov-luoi{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:5px;width:100%;margin:0 0 14px}
.ov-luoi i{display:block;aspect-ratio:1;border-radius:3px;background:var(--mgd-ke)}
.ov-luoi i.ov-c,.ov-ch i.ov-c{background:var(--mgd-nhan)}
.ov-ch{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0 0 10px;font-size:15px;color:var(--mgd-chu)}
.ov-ch span{display:flex;align-items:center;gap:8px}
.ov-ch i{display:inline-block;width:12px;height:12px;border-radius:2px;background:var(--mgd-ke)}
@media (max-width:640px){.ov-luoi{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.ov-cau{font-size:17px}.ov-ch{font-size:14px}}