/* Runtime khối infographic v1. Mọi luật nằm trong .mgz-ig-root; thư mục này BẤT BIẾN sau khi phát hành (đổi gì thì tạo phiên bản 2). */ @font-face{font-family:'Be Vietnam Pro';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/be-vietnam-pro-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Be Vietnam Pro';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/be-vietnam-pro-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Be Vietnam Pro';font-style:normal;font-display:swap;font-weight:600;src:url(fonts/be-vietnam-pro-vietnamese-600-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Be Vietnam Pro';font-style:normal;font-display:swap;font-weight:600;src:url(fonts/be-vietnam-pro-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Be Vietnam Pro';font-style:normal;font-display:swap;font-weight:800;src:url(fonts/be-vietnam-pro-vietnamese-800-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Be Vietnam Pro';font-style:normal;font-display:swap;font-weight:800;src:url(fonts/be-vietnam-pro-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/barlow-condensed-vietnamese-700-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/barlow-condensed-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:800;src:url(fonts/barlow-condensed-vietnamese-800-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Barlow Condensed';font-style:normal;font-display:swap;font-weight:800;src:url(fonts/barlow-condensed-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} /* Số có thể chuyển động mượt: cung tròn của biểu đồ vành. Trình duyệt không hiểu @property thì cung hiện ngay, không chạy. */ @property --mgz-l{syntax:'';inherits:false;initial-value:0} /* Gốc: cắt hẳn kế thừa từ thân bài của site (all:initial) rồi đặt lại kiểu chữ; biến chủ đề --ig-* thiếu thì dùng màu mặc định. */ .mgz-ig-root.mgz-ig-root{ all:initial; --_bg:var(--ig-bg,#f6f3ec);--_surface:var(--ig-surface,#fff);--_ink:var(--ig-ink,#14213d);--_muted:var(--ig-muted,#55607a); --_accent:var(--ig-accent,#0d3b8c);--_up:var(--ig-up,#107a4b);--_down:var(--ig-down,#c13a3a); --_hero:var(--ig-hero-bg,#0a1f44);--_hero-ink:var(--ig-hero-ink,#fff); --_line:color-mix(in srgb,var(--_ink) 14%,transparent);--_soft:color-mix(in srgb,var(--_ink) 8%,transparent); --_amber:#ffc940; --_disp:'Barlow Condensed','Be Vietnam Pro',system-ui,sans-serif; display:block;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;overflow-x:clip; /* Bố cục rộng theo CHÍNH bề rộng của khối (không theo màn hình): site có thể đặt khối trong khung hẹp hơn màn hình. */ container-type:inline-size; /* Mọi con cháu (cả phần trang trí của AI, kể cả position:absolute) vẽ và nhận chạm TRONG khung: không đè tiêu đề/header của site. */ contain:paint; background:var(--_bg);color:var(--_ink); font:400 15px/1.5 'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; text-align:start;letter-spacing:normal;text-transform:none;-webkit-text-size-adjust:100%;text-size-adjust:100% } /* Cắt luật CSS thân bài của site (vd .article-body p) ra khỏi mọi phần tử bên trong: độ ưu tiên (0,2,0) cao hơn luật theo thẻ, mọi luật dưới đây ≥ (0,2,0) và đứng sau. */ .mgz-ig-root.mgz-ig-root *,.mgz-ig-root.mgz-ig-root *::before,.mgz-ig-root.mgz-ig-root *::after{all:revert;box-sizing:border-box} /* Đặt lại nút ở ĐÚNG (0,2,0) — thắng `all:revert` ở trên nhờ đứng sau, thua luật của từng thành phần (0,2,0) đứng sau nữa. `button[type]` (0,2,1) từng đè nền/viền/đệm/cỡ chữ/màu của MỌI thành phần là nút. */ .mgz-ig-root.mgz-ig-root :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;text-align:start;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent} .mgz-ig-root button[type]:focus-visible{outline:3px solid var(--_accent);outline-offset:2px} .mgz-ig-root .mgz-ig-b{display:block;position:relative;padding:22px 18px} .mgz-ig-root .mgz-ig-bh{display:block;margin:0 0 14px} .mgz-ig-root .mgz-ig-h{display:block;font:700 26px/1.3 var(--_disp);text-transform:uppercase;margin:0 0 4px;color:var(--_ink)} .mgz-ig-root .mgz-ig-sub{display:block;font-size:14px;line-height:1.45;color:var(--_muted);margin:0} .mgz-ig-root .mgz-ig-v{font-variant-numeric:tabular-nums} .mgz-ig-root .mgz-ig-u{font-size:14px;font-weight:400;color:var(--_muted);margin-inline-start:4px} .mgz-ig-root .mgz-ig-v.mgz-ig-neg{color:var(--_down)} .mgz-ig-root .mgz-ig-v.mgz-ig-pos{color:var(--_up)} /* Nhận diện báo */ .mgz-ig-root .mgz-ig-brand{display:flex;justify-content:space-between;align-items:center;background:var(--_hero);color:var(--_hero-ink);padding:10px 18px} .mgz-ig-root .mgz-ig-brandname{font:800 18px/1.2 var(--_disp);letter-spacing:1px;text-transform:uppercase} /* Thanh nhận diện và khối liền kề là MỘT dải: mép nối vuông, không khe. Bo góc/lề của phần trang trí (decorCss) ở mép nối sẽ để lộ nền gốc cạnh thanh nên luật này dùng !important + độ ưu tiên cao, còn cổng decorCss cấm !important (IG4) ⇒ trang trí không đè lại được. Bo góc nếu có thuộc về khung ngoài. */ .mgz-ig-root.mgz-ig-root>.mgz-ig-brand:first-child,.mgz-ig-root.mgz-ig-root>.mgz-ig-brand:first-child+*{margin-top:0!important;margin-bottom:0!important} .mgz-ig-root.mgz-ig-root>.mgz-ig-brand:first-child{border-radius:0!important} .mgz-ig-root.mgz-ig-root>.mgz-ig-brand:first-child+*{border-top-left-radius:0!important;border-top-right-radius:0!important} .mgz-ig-root.mgz-ig-root>.mgz-ig-brand:last-child{border-radius:0!important;margin-top:0!important;margin-bottom:0!important} .mgz-ig-root.mgz-ig-root>:has(+.mgz-ig-brand:last-child){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;margin-bottom:0!important} .mgz-ig-root .mgz-ig-source{display:block;margin:0;padding:14px 18px;font-size:14px;line-height:1.5;color:var(--_muted)} /* Mở đầu */ .mgz-ig-root .mgz-ig-hero{background:radial-gradient(120% 70% at 80% 10%,color-mix(in srgb,var(--_accent) 55%,var(--_hero)) 0,transparent 60%),var(--_hero);color:var(--_hero-ink);padding-bottom:26px} .mgz-ig-root .mgz-ig-kicker{display:block;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--_amber);margin:0} .mgz-ig-root .mgz-ig-title{display:block;font:800 clamp(40px,12.5vw,64px)/1.3 var(--_disp);font-size:clamp(40px,12.5cqw,64px);text-transform:uppercase;margin:6px 0 0;overflow-wrap:anywhere} /* R35 (lần sửa tại chỗ CUỐI của runtime/1, sau đó sha khoá): khung bài của site đã có h1 + sapo + byline nên ẩn tiêu đề mở đầu và kicker chỉ lặp tiêu đề (runtime.js đặt data-mgz-dup). Khung xem trước và ảnh chụp không bao giờ mang thuộc tính này. */ [data-mgz-ig-frame="site"] .mgz-ig-root .mgz-ig-title{display:none!important} [data-mgz-ig-frame="site"] .mgz-ig-root .mgz-ig-kicker[data-mgz-dup]{display:none!important} .mgz-ig-root .mgz-ig-hero .mgz-ig-sub{color:color-mix(in srgb,var(--_hero-ink) 78%,transparent);margin-top:10px} .mgz-ig-root .mgz-ig-bignum{display:block;font:800 clamp(72px,26vw,124px)/.85 var(--_disp);font-size:clamp(72px,26cqw,124px);color:var(--_amber);margin:18px 0 0} .mgz-ig-root .mgz-ig-bignum .mgz-ig-v{color:inherit} .mgz-ig-root .mgz-ig-bignum .mgz-ig-u{font:400 15px/1.3 'Be Vietnam Pro',system-ui,sans-serif;color:color-mix(in srgb,var(--_hero-ink) 78%,transparent)} .mgz-ig-root .mgz-ig-numlabel{display:block;font-size:15px;line-height:1.35;margin:8px 0 0;color:color-mix(in srgb,var(--_hero-ink) 78%,transparent)} .mgz-ig-root .mgz-ig-note{display:block;font-size:15px;line-height:1.5;margin:14px 0 0;max-width:34em;color:color-mix(in srgb,var(--_hero-ink) 85%,transparent)} /* Số nổi bật */ .mgz-ig-root .mgz-ig-kpilist{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none} .mgz-ig-root .mgz-ig-kpi{display:block;background:var(--_surface);border-radius:14px;padding:14px;box-shadow:0 1px 0 var(--_soft),0 8px 24px -12px var(--_line)} .mgz-ig-root .mgz-ig-kv{display:block;font:800 42px/1 var(--_disp);color:var(--_accent)} .mgz-ig-root .mgz-ig-kl{display:block;font-size:14px;line-height:1.4;color:var(--_muted);margin-top:4px} /* Lưới thẻ */ .mgz-ig-root .mgz-ig-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none} .mgz-ig-root .mgz-ig-card{display:block;width:100%;background:var(--_surface);border:2px solid transparent;border-radius:14px;padding:14px 12px;transition:border-color .2s} .mgz-ig-root .mgz-ig-card[aria-expanded=true]{border-color:var(--_accent)} .mgz-ig-root .mgz-ig-card .mgz-ig-ico{display:block;width:30px;height:30px;color:var(--_accent)} .mgz-ig-root .mgz-ig-cl{display:block;font-size:14px;font-weight:600;line-height:1.3;margin:6px 0 2px} .mgz-ig-root .mgz-ig-cv{display:block;font:800 40px/1 var(--_disp);color:var(--_up)} .mgz-ig-root .mgz-ig-cv .mgz-ig-v.mgz-ig-neg{color:var(--_down)} .mgz-ig-root .mgz-ig-cline{display:block;font-size:14px;line-height:1.35;color:var(--_muted);margin-top:2px} .mgz-ig-root .mgz-ig-alt{display:block;margin-top:6px;padding:10px 12px;background:var(--_surface);border-radius:12px;border-inline-start:4px solid var(--_accent)} .mgz-ig-root .mgz-ig-alt .mgz-ig-cv{font-size:30px;color:var(--_accent)} /* Thanh cơ cấu, cung tròn, chú giải */ .mgz-ig-root .mgz-ig-stackbar{display:flex;height:34px;border-radius:8px;overflow:hidden;background:var(--_soft);margin:4px 0 10px} .mgz-ig-root .mgz-ig-seg{display:block;flex:none;height:100%;width:calc(var(--mgz-p,0)*1%);transition:width 1s cubic-bezier(.2,.8,.2,1)} .mgz-ig-root .mgz-ig-key,.mgz-ig-root .mgz-ig-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none;font-size:14px;color:var(--_muted)} .mgz-ig-root .mgz-ig-key>li{display:inline-flex;align-items:center;gap:6px} .mgz-ig-root .mgz-ig-key .mgz-ig-v{font-weight:600;color:var(--_ink)} .mgz-ig-root .mgz-ig-swatch{display:inline-block;flex:none;width:12px;height:12px;border-radius:3px;background:var(--_seg,var(--_accent))} .mgz-ig-root .mgz-ig-c0{--_seg:var(--_accent)} .mgz-ig-root .mgz-ig-c1{--_seg:#2d6be0} .mgz-ig-root .mgz-ig-c2{--_seg:#ffb020} .mgz-ig-root .mgz-ig-c3{--_seg:#3ab7c9} .mgz-ig-root .mgz-ig-c4{--_seg:#7a52c7} .mgz-ig-root .mgz-ig-c5{--_seg:#e0662b} .mgz-ig-root .mgz-ig-c6{--_seg:#4aa564} .mgz-ig-root .mgz-ig-c7{--_seg:#8a95ad} .mgz-ig-root .mgz-ig-seg{background:var(--_seg)} .mgz-ig-root .mgz-ig-donutchart{display:block;position:relative;width:min(220px,70vw);aspect-ratio:1;margin:8px auto 14px;border-radius:50%;background:var(--_soft); -webkit-mask:radial-gradient(circle farthest-side,transparent 57%,#000 58%);mask:radial-gradient(circle farthest-side,transparent 57%,#000 58%)} .mgz-ig-root .mgz-ig-arc{display:block;position:absolute;inset:0;border-radius:50%; --mgz-l:var(--mgz-t,0);background:conic-gradient(from calc(var(--mgz-s,0)*1turn),var(--_seg) calc(var(--mgz-l,0)*1turn),transparent 0);transition:--mgz-l 1s cubic-bezier(.2,.8,.2,1),opacity .2s} .mgz-ig-root .mgz-ig-legend{display:block} .mgz-ig-root .mgz-ig-legend>li{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--_line)} .mgz-ig-root .mgz-ig-legend>li:last-child{border-bottom:0} .mgz-ig-root .mgz-ig-part{display:flex;flex:1;align-items:center;gap:8px;min-height:40px;color:var(--_ink)} .mgz-ig-root .mgz-ig-legend .mgz-ig-pv{font:800 22px/1 var(--_disp);color:var(--_ink)} .mgz-ig-root li.mgz-ig-on>.mgz-ig-part{font-weight:600} .mgz-ig-root .mgz-ig-donutchart:has(.mgz-ig-on) .mgz-ig-arc:not(.mgz-ig-on){opacity:.35} /* Xếp hạng */ .mgz-ig-root .mgz-ig-tools,.mgz-ig-root .mgz-ig-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px} .mgz-ig-root .mgz-ig-sortbtn,.mgz-ig-root .mgz-ig-tab{display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;line-height:1.2;padding:10px 14px;min-height:40px;border-radius:999px;background:var(--_soft);color:var(--_ink)} .mgz-ig-root .mgz-ig-tab{flex:1} .mgz-ig-root .mgz-ig-sortbtn[aria-pressed=true],.mgz-ig-root .mgz-ig-tab[aria-expanded=true]{background:var(--_hero);color:var(--_hero-ink)} .mgz-ig-root .mgz-ig-rows{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none} .mgz-ig-root .mgz-ig-row{display:block;background:var(--_surface);border-radius:12px;overflow:hidden} .mgz-ig-root .mgz-ig-rowhead{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'rl rv' 'tr tr';column-gap:10px;align-items:baseline;width:100%;padding:10px 12px} .mgz-ig-root .mgz-ig-rl{grid-area:rl;display:block;min-width:0;font-size:14px;font-weight:600;line-height:1.3} .mgz-ig-root .mgz-ig-fl{display:block;font-weight:400;color:var(--_muted);margin-top:2px} .mgz-ig-root.mgz-ig-js .mgz-ig-rowhead[aria-expanded=false] .mgz-ig-fl{display:none} .mgz-ig-root .mgz-ig-rv{grid-area:rv;display:block;font:800 24px/1.1 var(--_disp);white-space:nowrap} .mgz-ig-root .mgz-ig-track{grid-area:tr;display:block;height:8px;margin-top:6px;border-radius:4px;overflow:hidden;background:var(--_soft)} .mgz-ig-root .mgz-ig-bar{display:block;height:100%;width:calc(var(--mgz-p,0)*1%);border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--_accent) 70%,#fff),var(--_accent));transition:width 1s cubic-bezier(.2,.8,.2,1)} .mgz-ig-root .mgz-ig-bar.mgz-ig-neg{background:var(--_down)} .mgz-ig-root .mgz-ig-series{display:block;border-top:1px dashed var(--_line);padding:8px 12px 12px} .mgz-ig-root .mgz-ig-series>ul{display:block;margin:0;padding:0;list-style:none} .mgz-ig-root .mgz-ig-si{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:4px 0;font-size:14px;line-height:1.35} .mgz-ig-root .mgz-ig-si .mgz-ig-v{font-weight:700} .mgz-ig-root .mgz-ig-si::after{content:'';grid-column:1/-1;height:6px;border-radius:3px;width:calc(var(--mgz-p,0)*1%);background:color-mix(in srgb,var(--_accent) 45%,transparent);transition:width 1s cubic-bezier(.2,.8,.2,1)} .mgz-ig-root .mgz-ig-si:last-child::after{background:var(--_accent)} .mgz-ig-root .mgz-ig-si.mgz-ig-neg::after{background:var(--_down)} .mgz-ig-root .mgz-ig-flag{display:inline-block;vertical-align:-3px;width:22px;height:16px;margin-inline-end:8px;border-radius:2px;background:var(--_soft) center/cover no-repeat} /* Cột */ .mgz-ig-root .mgz-ig-plot{display:flex;gap:8px;margin:0;padding:0;list-style:none;overflow-x:auto} .mgz-ig-root .mgz-ig-pt{display:flex;flex:1;flex-direction:column;min-width:44px} .mgz-ig-root .mgz-ig-plot .mgz-ig-pv{display:block;text-align:center;font:800 20px/1.1 var(--_disp);min-height:24px} .mgz-ig-root .mgz-ig-ptbtn{display:flex;flex-direction:column;width:100%} .mgz-ig-root .mgz-ig-col{display:block;position:relative;height:var(--mgz-plot-h,180px)} .mgz-ig-root .mgz-ig-col::before{content:'';position:absolute;left:12%;right:12%;bottom:calc(var(--mgz-b,0)*1%);height:calc(var(--mgz-h,0)*1%);min-height:2px;border-radius:3px;background:var(--_accent);opacity:.55;transform-origin:50% 100%;transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .2s} .mgz-ig-root .mgz-ig-col.mgz-ig-neg::before{background:var(--_down);transform-origin:50% 0} .mgz-ig-root .mgz-ig-col::after{content:'';position:absolute;left:-4px;right:-4px;bottom:calc(var(--mgz-zero,0)*1%);border-top:1px solid var(--_muted)} /* Giá trị không phải số (runtime đặt .mgz-ig-nov): hình ẩn, không vẽ một số 0 mà chữ không nói (plan Review Focus 4). */ .mgz-ig-root .mgz-ig-track:has(>.mgz-ig-nov),.mgz-ig-root .mgz-ig-col.mgz-ig-nov::before,.mgz-ig-root .mgz-ig-si.mgz-ig-nov::after{visibility:hidden} .mgz-ig-root .mgz-ig-pt:last-child .mgz-ig-col::before,.mgz-ig-root .mgz-ig-pt.mgz-ig-on .mgz-ig-col::before{opacity:1} .mgz-ig-root .mgz-ig-pl{display:block;text-align:center;font-size:14px;line-height:1.3;color:var(--_muted);padding:6px 0 0;overflow-wrap:anywhere} /* Bảng */ .mgz-ig-root .mgz-ig-scroll{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch} .mgz-ig-root .mgz-ig-tbl,.mgz-ig-root .mgz-ig-datatable{display:table;width:100%;border-collapse:collapse;font-size:14px;line-height:1.4} .mgz-ig-root .mgz-ig-datatable{margin-top:8px} .mgz-ig-root .mgz-ig-tbl th,.mgz-ig-root .mgz-ig-tbl td,.mgz-ig-root .mgz-ig-datatable th,.mgz-ig-root .mgz-ig-datatable td{padding:10px 8px;border-bottom:1px solid var(--_line);text-align:start;vertical-align:baseline} .mgz-ig-root .mgz-ig-tbl thead th,.mgz-ig-root .mgz-ig-datatable thead th{font-weight:700;color:var(--_muted);white-space:nowrap} .mgz-ig-root .mgz-ig-tbl tbody th,.mgz-ig-root .mgz-ig-datatable tbody th{font-weight:600} .mgz-ig-root .mgz-ig-tbl td .mgz-ig-v,.mgz-ig-root .mgz-ig-datatable td .mgz-ig-v{font-weight:700} .mgz-ig-root .mgz-ig-thbtn{display:inline-flex;align-items:center;gap:4px;font-weight:700;min-height:32px} .mgz-ig-root .mgz-ig-thbtn::after{content:'\2195';opacity:.45} .mgz-ig-root .mgz-ig-thbtn[aria-pressed=true]{color:var(--_ink)} .mgz-ig-root th[aria-sort=ascending] .mgz-ig-thbtn::after{content:'\2191';opacity:1} .mgz-ig-root th[aria-sort=descending] .mgz-ig-thbtn::after{content:'\2193';opacity:1} .mgz-ig-root .mgz-ig-astable{display:inline-flex;align-items:center;margin-top:12px;min-height:36px;font-size:14px;font-weight:600;color:var(--_accent);text-decoration:underline;text-underline-offset:3px} /* So sánh hai bên */ .mgz-ig-root .mgz-ig-side{display:block} .mgz-ig-root .mgz-ig-vlist{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none} .mgz-ig-root .mgz-ig-vi{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:'il v u' 'tr tr tr';column-gap:0;align-items:baseline;background:var(--_surface);border-radius:12px;padding:10px 12px} .mgz-ig-root .mgz-ig-vi>.mgz-ig-il,.mgz-ig-root .mgz-ig-vi>.mgz-ig-flag{grid-area:il} .mgz-ig-root .mgz-ig-vi .mgz-ig-il{font-size:14px;font-weight:600} .mgz-ig-root .mgz-ig-vi>.mgz-ig-v{grid-area:v;margin-inline-start:10px;font:800 24px/1.1 var(--_disp)} .mgz-ig-root .mgz-ig-vi>.mgz-ig-u{grid-area:u} .mgz-ig-root .mgz-ig-vi>.mgz-ig-track{grid-area:tr} /* Nhóm tăng / giảm: khối nền tối */ .mgz-ig-root .mgz-ig-b.mgz-ig-chips{background:var(--_hero);color:var(--_hero-ink)} .mgz-ig-root .mgz-ig-b.mgz-ig-chips .mgz-ig-h{color:var(--_hero-ink)} .mgz-ig-root .mgz-ig-b.mgz-ig-chips .mgz-ig-sub{color:color-mix(in srgb,var(--_hero-ink) 75%,transparent)} /* Đơn vị trên nền tối: --_muted là màu cho nền SÁNG (1,86:1 trên nền tối, review cuối R25) ⇒ chữ mở đầu mờ như số lớn của khối mở đầu. */ .mgz-ig-root .mgz-ig-b.mgz-ig-chips .mgz-ig-u{color:color-mix(in srgb,var(--_hero-ink) 78%,transparent)} .mgz-ig-root .mgz-ig-chipgroup{display:block;margin-top:16px;--_tone:var(--_amber)} .mgz-ig-root .mgz-ig-tone-up{--_tone:#7ff0b8} .mgz-ig-root .mgz-ig-tone-down{--_tone:#ff9b9b} .mgz-ig-root .mgz-ig-gl{display:block;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--_tone);margin:0 0 8px} .mgz-ig-root ul.mgz-ig-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none} .mgz-ig-root .mgz-ig-chip{display:inline-flex;align-items:baseline;gap:8px;max-width:100%;padding:8px 12px;border-radius:999px;font-size:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)} .mgz-ig-root .mgz-ig-chip .mgz-ig-v{font:800 20px/1 var(--_disp);color:var(--_tone)} .mgz-ig-root .mgz-ig-chip .mgz-ig-v.mgz-ig-neg,.mgz-ig-root .mgz-ig-chip .mgz-ig-v.mgz-ig-pos{color:var(--_tone)} /* Dòng thời gian */ .mgz-ig-root .mgz-ig-tl{display:block;margin:0;padding:0;list-style:none} .mgz-ig-root .mgz-ig-ti{display:block;position:relative;padding-inline-start:20px;border-inline-start:2px solid var(--_line)} .mgz-ig-root .mgz-ig-ti::before{content:'';position:absolute;left:-7px;top:14px;width:12px;height:12px;border-radius:50%;background:var(--_accent);border:2px solid var(--_bg)} .mgz-ig-root .mgz-ig-when{display:flex;align-items:center;width:100%;min-height:40px;font:700 22px/1.2 var(--_disp);color:var(--_ink)} .mgz-ig-root .mgz-ig-when[aria-expanded=true]{color:var(--_accent)} .mgz-ig-root .mgz-ig-tbody{display:block;padding:2px 0 14px} .mgz-ig-root .mgz-ig-tx{display:block;margin:0} .mgz-ig-root .mgz-ig-img{display:block;max-width:100%;height:auto;border-radius:10px;margin-top:8px} /* Chân dung */ .mgz-ig-root .mgz-ig-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none} .mgz-ig-root .mgz-ig-pcard{display:block;width:100%;background:var(--_surface);border-radius:14px;padding:14px 10px;text-align:center} .mgz-ig-root .mgz-ig-pcard .mgz-ig-img{width:88px;height:88px;margin:0 auto 8px;border-radius:50%;object-fit:cover} .mgz-ig-root .mgz-ig-pn{display:block;font-size:15px;font-weight:600;line-height:1.3} .mgz-ig-root .mgz-ig-pr{display:block;font-size:14px;line-height:1.35;color:var(--_muted)} .mgz-ig-root .mgz-ig-plines{display:block;margin:6px 0 0;padding:10px 14px;background:var(--_surface);border-radius:12px;font-size:14px;list-style:none} .mgz-ig-root .mgz-ig-pln{display:block;margin:0 0 4px} /* Mục chữ / hỏi đáp */ .mgz-ig-root .mgz-ig-sec{display:block;background:var(--_surface);border-radius:12px;margin-bottom:8px;overflow:hidden} .mgz-ig-root .mgz-ig-sech{display:block;margin:0} .mgz-ig-root .mgz-ig-secbtn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:12px 16px;font-size:15px;font-weight:600;line-height:1.35} .mgz-ig-root .mgz-ig-secbtn::after{content:'';flex:none;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s} .mgz-ig-root .mgz-ig-secbtn[aria-expanded=true]::after{transform:rotate(-135deg)} .mgz-ig-root .mgz-ig-secbody{display:block;padding:0 16px 14px} .mgz-ig-root .mgz-ig-secbody>p{display:block;margin:0 0 8px} .mgz-ig-root .mgz-ig-style-qa .mgz-ig-secbtn{color:var(--_accent)} /* Biểu tượng: tô bằng màu chữ qua mặt nạ. Mặt nạ là URL data: (bản sao của icons/.svg) vì mặt nạ tải ở chế độ CORS: tệp cùng thư mục KHÔNG hiện trong khung xem trước sandbox của CMS (origin mờ) hay khi runtime đặt ở origin khác. */ .mgz-ig-root .mgz-ig-ico{display:inline-block;width:28px;height:28px;background:currentColor;-webkit-mask:var(--_i) center/contain no-repeat;mask:var(--_i) center/contain no-repeat} .mgz-ig-root .mgz-ig-ico-mining{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%209c3-4%209-5%2016-2M12%206.5V21M9%2021h6%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-manufacturing{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M12%203v3M12%2018v3M3%2012h3M18%2012h3M5.6%205.6l2.1%202.1M16.3%2016.3l2.1%202.1M18.4%205.6l-2.1%202.1M7.7%2016.3l-2.1%202.1%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-electricity{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%202L4%2014h7l-1%208%2010-13h-7z%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-water{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203s6%207%206%2011a6%206%200%200%201-12%200c0-4%206-11%206-11z%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-seafood{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012c3-5%209-6%2013-3l5-3v12l-5-3c-4%203-10%202-13-3zM8%2011h.01%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-rice{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021V8M12%208c-3%200-4-2-4-4%203%200%204%202%204%204zM12%208c3%200%204-2%204-4-3%200-4%202-4%204zM12%2014c-3%200-4-2-4-4%203%200%204%202%204%204zM12%2014c3%200%204-2%204-4-3%200-4%202-4%204z%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-coffee{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%209h13v5a5%205%200%200%201-5%205H9a5%205%200%200%201-5-5zM17%2010h2a2%202%200%200%201%200%204h-2M8%203v3M12%203v3%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-rubber{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2019C5%2010%2010%205%2020%204c0%2010-5%2015-14%2015zM5%2019L14%2010%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-wood{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-textile{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203L3%206l2%204%203-1v12h8V9l3%201%202-4-5-3c-1%202-2%203-4%203S9%205%208%203z%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-electronics{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%2210%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M9%203v4M15%203v4M9%2017v4M15%2017v4M3%209h4M3%2015h4M17%209h4M17%2015h4%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-computer{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2214%22%20height%3D%2210%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M2%2019h20%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-phone{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%227%22%20y%3D%222%22%20width%3D%2210%22%20height%3D%2220%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M11%2018h2%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-car{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2014l2-6h14l2%206v4H3zM3%2014h18M7%2018v2M17%2018v2%22%2F%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%2214.5%22%20r%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2214.5%22%20r%3D%220.5%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-motorbike{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2216%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2216%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M6%2016l4-6h5l3%206M10%2010l-1-3H7M15%2010l1-3h2%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-steel{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204h14M5%2020h14M12%204v16%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-crude-oil{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%223%22%20width%3D%2212%22%20height%3D%2218%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M6%208h12M6%2016h12%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-fuel{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2021V4h9v17M3%2021h13M14%209h3l2%202v7a1.5%201.5%200%200%200%203%200V9l-3-3M7%208h5%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-gold{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2019l2-5h8l2%205zM10%2019l2-5h8l2%205zM6%2014l2-5h8l2%205z%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-fertilizer{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021v-9M12%2012c0-4-3-6-7-6%200%204%203%206%207%206zM12%2014c0-3%202-5%206-5%200%203-2%205-6%205z%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-road{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203L4%2021M16%203l4%2018M12%204v3M12%2010v4M12%2017v3%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-rail{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%203l-3%2018M17%203l3%2018M5.5%209h13M4.5%2015h15%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-sea{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%208q2.5-3%205%200t5%200%205%200%205%200M2%2014q2.5-3%205%200t5%200%205%200%205%200M2%2020q2.5-3%205%200t5%200%205%200%205%200%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-river{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203c6%203-2%206%203%209s-1%205%205%209M12%203c6%203-2%206%203%209%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-air{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%208h11a3%203%200%201%200-3-3M3%2012h16a3%203%200%201%201-3%203M3%2016h8%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-money{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%2220%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M6%2012h.01M18%2012h.01%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-budget{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207h16a2%202%200%200%201%202%202v9a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2zM3%207V6a2%202%200%200%201%202-2h12M16%2014h.01%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-tax{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%2015l6-6M9.5%209.5h.01M14.5%2014.5h.01%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-investment{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2017l6-6%204%204%208-8M15%207h6v6%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-bond{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h9l4%204v14H6zM14%203v5h5M9%2013h7M9%2017h7%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-people{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2020c0-4%203-6%206-6s6%202%206%206M16%205a3%203%200%200%201%200%206M18%2014c2%201%203%203%203%206%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-worker{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2015a8%208%200%200%201%2016%200zM3%2015h18v3H3zM12%207V4M9%205h6%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-tourist{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%208h12v13H6zM9%208V5h6v3M10%2012v5M14%2012v5%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-up{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2020V5M5%2012l7-7%207%207%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-down{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204v15M5%2012l7%207%207-7%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-calendar{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%2010h18M8%203v4M16%203v4%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-pin{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021s7-6.5%207-12a7%207%200%200%200-14%200c0%205.5%207%2012%207%2012z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-factory{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021V10l6%204V10l6%204V6h4v15zM3%2021h18%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-ship{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2017l2%204h14l2-4zM6%2017v-6h12v6M12%2011V5h3M9%2011V8%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-truck{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%206h12v10H2zM14%209h4l3%203v4h-7%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-plane{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2016v-2l-8-5V3.5a1.5%201.5%200%200%200-3%200V9l-8%205v2l8-2.5V19l-2%201.5V22l3.5-1%203.5%201v-1.5L13%2019v-5.5z%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-train{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%203h10a2%202%200%200%201%202%202v10a3%203%200%200%201-3%203H8a3%203%200%200%201-3-3V5a2%202%200%200%201%202-2zM5%2011h14M8%2021l2-3M16%2021l-2-3M8.5%2014.5h.01M15.5%2014.5h.01%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-container{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h18v12H3zM7%206v12M11%206v12M15%206v12M19%206v12%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-ico-chart{--_i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020V4M4%2020h16M8%2016v-4M12%2016V8M16%2016v-6%22%2F%3E%3C%2Fsvg%3E")} .mgz-ig-root .mgz-ig-flag-vn{background-image:url(flags/vn.svg)} .mgz-ig-root .mgz-ig-flag-cn{background-image:url(flags/cn.svg)} .mgz-ig-root .mgz-ig-flag-us{background-image:url(flags/us.svg)} .mgz-ig-root .mgz-ig-flag-jp{background-image:url(flags/jp.svg)} .mgz-ig-root .mgz-ig-flag-kr{background-image:url(flags/kr.svg)} .mgz-ig-root .mgz-ig-flag-de{background-image:url(flags/de.svg)} .mgz-ig-root .mgz-ig-flag-fr{background-image:url(flags/fr.svg)} .mgz-ig-root .mgz-ig-flag-gb{background-image:url(flags/gb.svg)} .mgz-ig-root .mgz-ig-flag-it{background-image:url(flags/it.svg)} .mgz-ig-root .mgz-ig-flag-nl{background-image:url(flags/nl.svg)} .mgz-ig-root .mgz-ig-flag-pl{background-image:url(flags/pl.svg)} .mgz-ig-root .mgz-ig-flag-ru{background-image:url(flags/ru.svg)} .mgz-ig-root .mgz-ig-flag-in{background-image:url(flags/in.svg)} .mgz-ig-root .mgz-ig-flag-th{background-image:url(flags/th.svg)} .mgz-ig-root .mgz-ig-flag-sg{background-image:url(flags/sg.svg)} .mgz-ig-root .mgz-ig-flag-my{background-image:url(flags/my.svg)} .mgz-ig-root .mgz-ig-flag-id{background-image:url(flags/id.svg)} .mgz-ig-root .mgz-ig-flag-ph{background-image:url(flags/ph.svg)} .mgz-ig-root .mgz-ig-flag-au{background-image:url(flags/au.svg)} .mgz-ig-root .mgz-ig-flag-ca{background-image:url(flags/ca.svg)} .mgz-ig-root .mgz-ig-flag-br{background-image:url(flags/br.svg)} .mgz-ig-root .mgz-ig-flag-ae{background-image:url(flags/ae.svg)} .mgz-ig-root .mgz-ig-flag-sa{background-image:url(flags/sa.svg)} .mgz-ig-root .mgz-ig-flag-tw{background-image:url(flags/tw.svg)} .mgz-ig-root .mgz-ig-flag-hk{background-image:url(flags/hk.svg)} .mgz-ig-root .mgz-ig-flag-es{background-image:url(flags/es.svg)} .mgz-ig-root .mgz-ig-flag-be{background-image:url(flags/be.svg)} .mgz-ig-root .mgz-ig-flag-ch{background-image:url(flags/ch.svg)} .mgz-ig-root .mgz-ig-flag-se{background-image:url(flags/se.svg)} .mgz-ig-root .mgz-ig-flag-tr{background-image:url(flags/tr.svg)} .mgz-ig-root .mgz-ig-flag-mx{background-image:url(flags/mx.svg)} .mgz-ig-root .mgz-ig-flag-kh{background-image:url(flags/kh.svg)} .mgz-ig-root .mgz-ig-flag-la{background-image:url(flags/la.svg)} /* Mở đầu hiệu ứng: khối chưa vào khung nhìn thì hình ở trạng thái 0, bỏ cờ này thì chuyển động chạy tới giá trị thật. */ .mgz-ig-root [data-mgz-pending] .mgz-ig-bar,.mgz-ig-root [data-mgz-pending] .mgz-ig-seg{width:0} .mgz-ig-root [data-mgz-pending] .mgz-ig-arc{--mgz-l:0} .mgz-ig-root [data-mgz-pending] .mgz-ig-col::before{transform:scaleY(0)} .mgz-ig-root [data-mgz-pending] .mgz-ig-si::after{width:0} /* Bố cục rộng: theo bề rộng của CHÍNH khối (container query trên .mgz-ig-root), không theo màn hình, vì site có thể đặt khối trong khung hẹp hơn màn hình. Hai bậc: 640 (máy tính bảng, ảnh ngang 800) và 960 (máy tính). Dưới 640 giữ nguyên bản điện thoại đã duyệt. Trình duyệt chưa hiểu container query thì giữ cột 760 như cũ. Luật đứng SAU luật gốc cùng độ ưu tiên. */ @supports not (container-type:inline-size){ .mgz-ig-root.mgz-ig-root{max-width:760px} } @container (min-width:640px){ .mgz-ig-root .mgz-ig-b{padding:32px 36px} .mgz-ig-root .mgz-ig-brand{padding:12px 36px} .mgz-ig-root .mgz-ig-source{padding:16px 36px} .mgz-ig-root .mgz-ig-bh{margin-bottom:20px} .mgz-ig-root .mgz-ig-h{font-size:32px} .mgz-ig-root .mgz-ig-sub{font-size:15px;max-width:70ch} /* Mở đầu: chữ bên trái, số lớn bên phải (không có số lớn thì giữ một cột) */ /* 404 = 450 (ảnh ngang 800×450 của kệ áp phích) − thanh nhận diện 46: ảnh chụp ngang chỉ có khối mở đầu, không hé khối sau */ .mgz-ig-root .mgz-ig-hero{padding-bottom:36px;min-height:404px;box-sizing:border-box} .mgz-ig-root .mgz-ig-title{font-size:clamp(52px,7.5cqw,92px)} .mgz-ig-root .mgz-ig-hero:has(>.mgz-ig-bignum){display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:40px;align-content:center} .mgz-ig-root .mgz-ig-hero:has(>.mgz-ig-bignum)>*{grid-column:1} .mgz-ig-root .mgz-ig-hero>.mgz-ig-bignum{grid-column:2;grid-row:1 / span 3;align-self:end;margin:0;font-size:clamp(72px,11cqw,152px)} .mgz-ig-root .mgz-ig-hero>.mgz-ig-numlabel{grid-column:2;grid-row:4;align-self:start} /* Số nổi bật, lưới thẻ: 3 cột; ô giữ cỡ vừa, không giãn theo khối */ .mgz-ig-root .mgz-ig-kpilist{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px} .mgz-ig-root .mgz-ig-kpi{padding:18px 20px} .mgz-ig-root .mgz-ig-kv{font-size:52px} .mgz-ig-root .mgz-ig-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start} .mgz-ig-root .mgz-ig-card{padding:18px 16px} .mgz-ig-root .mgz-ig-cv{font-size:46px} /* Cơ cấu: thanh cao hơn, chú giải thoáng */ .mgz-ig-root .mgz-ig-stackbar{height:44px} .mgz-ig-root .mgz-ig-key,.mgz-ig-root .mgz-ig-legend{gap:6px 24px;font-size:15px} /* Biểu đồ vành đứng cạnh chú giải */ .mgz-ig-root .mgz-ig-donut{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:48px;align-items:center} .mgz-ig-root .mgz-ig-donut>.mgz-ig-bh,.mgz-ig-root .mgz-ig-donut>.mgz-ig-datatable{grid-column:1/-1} .mgz-ig-root .mgz-ig-donut>.mgz-ig-datatable{justify-self:start} .mgz-ig-root .mgz-ig-donut>.mgz-ig-astable{grid-column:1/-1;justify-self:start} .mgz-ig-root .mgz-ig-donutchart{width:min(260px,38cqw);margin:0} .mgz-ig-root .mgz-ig-legend{max-width:520px} /* Xếp hạng: một dòng nhãn | thanh | số, thanh được rộng */ .mgz-ig-root .mgz-ig-rowhead{grid-template-columns:minmax(150px,1fr) minmax(0,2.2fr) minmax(88px,auto);grid-template-areas:'rl tr rv';column-gap:20px;align-items:center;padding:12px 16px} .mgz-ig-root .mgz-ig-rl{font-size:15px} .mgz-ig-root .mgz-ig-rv{text-align:end;font-size:28px} .mgz-ig-root .mgz-ig-track{margin-top:0;height:10px} .mgz-ig-root .mgz-ig-series{padding:12px 16px 16px} .mgz-ig-root .mgz-ig-series>ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 28px} /* Cột: cột giữ cỡ vừa và dồn giữa, không phình theo khối */ .mgz-ig-root .mgz-ig-plot{gap:14px;justify-content:safe center} .mgz-ig-root .mgz-ig-pt{flex:1 1 0;max-width:104px} .mgz-ig-root .mgz-ig-col{height:var(--mgz-plot-h,240px)} .mgz-ig-root .mgz-ig-col::before{left:18%;right:18%} .mgz-ig-root .mgz-ig-plot .mgz-ig-pv{font-size:24px} .mgz-ig-root .mgz-ig-pl{font-size:15px} /* Bảng: ô theo nội dung (không giãn), vẫn có cuộn ngang riêng */ .mgz-ig-root .mgz-ig-tbl,.mgz-ig-root .mgz-ig-datatable{width:auto;min-width:min(100%,520px);font-size:15px} .mgz-ig-root .mgz-ig-datatable{min-width:min(100%,360px)} .mgz-ig-root .mgz-ig-tbl th,.mgz-ig-root .mgz-ig-tbl td,.mgz-ig-root .mgz-ig-datatable th,.mgz-ig-root .mgz-ig-datatable td{padding:12px 20px} /* Nhóm tăng/giảm */ .mgz-ig-root .mgz-ig-chip{padding:10px 16px;font-size:15px} .mgz-ig-root .mgz-ig-chip .mgz-ig-v{font-size:22px} /* Dòng thời gian: chữ không dài quá 70 ký tự, ảnh không phình */ .mgz-ig-root .mgz-ig-ti{padding-inline-start:28px} .mgz-ig-root .mgz-ig-when{font-size:26px} .mgz-ig-root .mgz-ig-tx{max-width:70ch} .mgz-ig-root .mgz-ig-tbody .mgz-ig-img{max-width:420px} /* Chân dung, mục chữ / hỏi đáp */ .mgz-ig-root .mgz-ig-people{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .mgz-ig-root .mgz-ig-pcard .mgz-ig-img{width:104px;height:104px} .mgz-ig-root .mgz-ig-items{max-width:820px} .mgz-ig-root .mgz-ig-secbtn{font-size:16px;padding:14px 20px} .mgz-ig-root .mgz-ig-secbody{padding:0 20px 18px} .mgz-ig-root .mgz-ig-secbody>p{max-width:70ch} } @container (min-width:960px){ .mgz-ig-root .mgz-ig-b{padding:44px 64px} .mgz-ig-root .mgz-ig-brand{padding:14px 64px} .mgz-ig-root .mgz-ig-source{padding:18px 64px} .mgz-ig-root .mgz-ig-h{font-size:38px} .mgz-ig-root .mgz-ig-hero:has(>.mgz-ig-bignum){column-gap:56px} .mgz-ig-root .mgz-ig-hero>.mgz-ig-bignum{font-size:clamp(104px,12cqw,152px)} .mgz-ig-root .mgz-ig-kpilist{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .mgz-ig-root .mgz-ig-kv{font-size:58px} .mgz-ig-root .mgz-ig-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .mgz-ig-root .mgz-ig-cv{font-size:50px} .mgz-ig-root .mgz-ig-donut{column-gap:72px} .mgz-ig-root .mgz-ig-donutchart{width:min(300px,30cqw)} .mgz-ig-root .mgz-ig-rowhead{padding:14px 20px} .mgz-ig-root .mgz-ig-col{height:var(--mgz-plot-h,280px)} .mgz-ig-root .mgz-ig-people{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} /* Hai bên so sánh đứng cạnh nhau: tab chỉ còn là tiêu đề cột (JS mở cả hai bên và bỏ tab khỏi thứ tự Tab) */ .mgz-ig-root .mgz-ig-versus{--mgz-both:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px} .mgz-ig-root .mgz-ig-versus>.mgz-ig-bh{grid-column:1/-1} .mgz-ig-root .mgz-ig-versus>.mgz-ig-tabs{display:contents} .mgz-ig-root .mgz-ig-versus .mgz-ig-tab{flex:none;justify-content:flex-start;min-height:0;margin:0 0 12px;padding:0 0 8px;border-radius:0;background:none;color:var(--_ink);border-bottom:3px solid var(--_accent);font:700 24px/1.2 var(--_disp);text-transform:uppercase;pointer-events:none} .mgz-ig-root .mgz-ig-versus .mgz-ig-tab[aria-expanded=true]{background:none;color:var(--_ink)} .mgz-ig-root .mgz-ig-versus>.mgz-ig-side{display:block!important} /* Nhóm tăng/giảm đứng cạnh nhau, chip chảy theo dòng trong từng nhóm */ .mgz-ig-root .mgz-ig-b.mgz-ig-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px 56px} .mgz-ig-root .mgz-ig-chips>.mgz-ig-bh{grid-column:1/-1;margin:0} .mgz-ig-root .mgz-ig-chipgroup{margin-top:0} /* Dòng thời gian: chữ bên trái, ảnh bên phải */ .mgz-ig-root .mgz-ig-tbody:has(>.mgz-ig-img){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:8px 32px;align-items:start} .mgz-ig-root .mgz-ig-tbody:has(>.mgz-ig-img) .mgz-ig-img{width:100%;max-width:100%;margin-top:0} } @media (pointer:coarse){ .mgz-ig-root button[type]{min-height:44px;min-width:44px} } @media (prefers-reduced-motion:reduce){ .mgz-ig-root.mgz-ig-root *,.mgz-ig-root.mgz-ig-root *::before,.mgz-ig-root.mgz-ig-root *::after{transition:none;animation:none} } /* Phần đóng ẩn từ KHUNG ĐẦU khi trang chạy được JS (không chờ runtime.js — nạp hoãn ở cuối body, ẩn bằng JS là dịch bố cục). Tắt JS ⇒ media không khớp ⇒ mọi chữ vẫn hiện (site không giữ `hidden`: chữ ẩn khi tắt JS thì máy tìm kiếm cũng không thấy). */ @media (scripting:enabled){ .mgz-ig-root .mgz-ig-card[aria-expanded=false]+.mgz-ig-alt, .mgz-ig-root .mgz-ig-rowhead[aria-expanded=false]+.mgz-ig-series, .mgz-ig-root .mgz-ig-when[aria-expanded=false]+.mgz-ig-tbody, .mgz-ig-root .mgz-ig-pcard[aria-expanded=false]+.mgz-ig-plines, .mgz-ig-root .mgz-ig-astable[aria-expanded=false]+.mgz-ig-datatable, .mgz-ig-root .mgz-ig-sech:has(>.mgz-ig-secbtn[aria-expanded=false])+.mgz-ig-secbody, .mgz-ig-root .mgz-ig-tabs:has(>.mgz-ig-tab:first-child[aria-expanded=false])+.mgz-ig-side, .mgz-ig-root .mgz-ig-tabs:has(>.mgz-ig-tab:nth-child(2)[aria-expanded=false])+.mgz-ig-side+.mgz-ig-side{display:none} .mgz-ig-root .mgz-ig-rowhead[aria-expanded=false] .mgz-ig-fl{display:none} } .mgz-ig-root [data-mgz-closed],.mgz-ig-root [hidden]{display:none!important}