/* =====================================================================
   GIAO DIỆN MỚI GÓC HỌC TẬP (11/2026) – đi kèm giao-dien-2.js
   Mọi lớp bắt đầu bằng g2-, chỉ có hiệu lực trong vùng .gd2
   ===================================================================== */
.gd2{--g2-dam:#0b2a7a;--g2-chu:#22366b;--g2-mo:#5a6b8f;--g2-xanh:#1668e3;--g2-xanh2:#3aa0ff;--g2-cam:#ff7a00;--g2-cam2:#ffab2e;
  --g2-la:#1fb37a;--g2-tim:#7c4ddb;background:#eaf5ff}
.gd2 .g2-trang{min-height:100%;padding:0;color:var(--g2-chu);font-family:'Be Vietnam Pro',system-ui,sans-serif;
  background:linear-gradient(180deg,#e3f2ff 0,#f3f9ff 360px,#f3f9ff 100%);display:flex;flex-direction:column}
.gd2 .g2-trang[hidden]{display:none}
.gd2 .g2-trang button{font-family:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;text-align:left}
.gd2 .g2-trang h1,.gd2 .g2-trang h2,.gd2 .g2-trang h3,.gd2 .g2-the b,.gd2 .g2-nav,.gd2 .g2-tab,.gd2 .g2-xem,.gd2 .g2-choi,
.gd2 .g2-sach-gon b,.gd2 .g2-sach-lon b,.gd2 .g2-nhom-gon b,.gd2 .g2-duong-dan,.gd2 .g2-lien-ket{font-family:'Baloo 2','Be Vietnam Pro',system-ui,sans-serif}
.gd2 .g2-rong{width:min(1500px,100% - 2*clamp(12px,5.6vw,96px));margin-inline:auto}
.gd2 .g2-trang svg{display:block}

/* ---------- Icon ---------- */
.g2-ic{display:block;flex:none;width:64px;aspect-ratio:1;position:relative}
.g2-ic img{position:absolute;left:-14%;top:-14%;width:128%;height:128%;object-fit:contain;max-width:none;filter:drop-shadow(0 4px 6px rgba(20,60,150,.22))}
.g2-ic-ve{border-radius:24%;padding:7%;background:linear-gradient(135deg,var(--n1),color-mix(in srgb,var(--n1) 55%,#fff));box-shadow:0 4px 8px rgba(20,60,150,.22)}
.g2-ic-ve svg{width:100%;height:100%;border-radius:20%;background:linear-gradient(180deg,#173a82,#11265c)}

/* ---------- Thanh điều hướng ---------- */
.g2-nav{display:flex;align-items:center;gap:14px;padding:8px clamp(12px,5.6vw,96px);min-height:62px;position:relative;z-index:3;
  background:
    radial-gradient(120px 46px at 3% 100%,#7ed957 0,#58c13d 60%,transparent 62%),
    radial-gradient(150px 50px at 97% 100%,#7ed957 0,#58c13d 60%,transparent 62%),
    radial-gradient(90px 30px at 22% 8%,#fff 0,#fff 55%,transparent 60%),
    radial-gradient(110px 34px at 80% 0,#fff 0,#fff 55%,transparent 60%),
    linear-gradient(180deg,#bfe4ff,#e3f2ff)}
.g2-logo{display:flex;align-items:center;gap:10px;flex:none;padding:5px 16px 5px 6px!important;border-radius:18px;background:rgba(255,255,255,.92)!important;box-shadow:0 3px 10px rgba(20,90,170,.12)}
.g2-logo svg{width:44px;height:44px}
.g2-logo span{display:flex;flex-direction:column;line-height:1}
.g2-logo b{font-size:25px;font-weight:800;color:#1668e3;letter-spacing:-.01em}
.g2-logo b i{color:var(--g2-cam);font-style:normal}
.g2-logo small{font-size:10.5px;font-weight:800;color:#0b2a7a;letter-spacing:.08em;margin-top:3px}
.g2-nav-ds{flex:1;display:flex;justify-content:center;gap:clamp(6px,1.1vw,16px);min-width:0}
.g2-nav-nut{display:flex;align-items:center;gap:8px;height:44px;padding:0 20px 0 14px!important;border-radius:999px;background:#fff!important;
  font-weight:700;font-size:17px;color:var(--g2-dam)!important;box-shadow:0 2px 0 #cfe2f7,0 4px 10px rgba(20,90,170,.12);white-space:nowrap;transition:transform .15s}
.g2-nav-nut:hover{transform:translateY(-2px)}
.g2-nav-ic{display:block;width:28px;height:28px}.g2-nav-ic svg{width:100%;height:100%}
.g2-nav-nut.chon .g2-nav-ic{filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.g2-vach{flex:none;width:1.5px;height:30px;background:rgba(11,42,122,.18);border-radius:2px}
.g2-nha{display:grid;place-items:center;width:26px;height:26px;color:#ffb21e}
.g2-nha svg{width:24px;height:24px}
.g2-nav-nut.chon{background:linear-gradient(180deg,#2f8bff,#1668e3)!important;color:#fff!important;box-shadow:0 2px 0 #0d4fb8,0 6px 14px rgba(22,104,227,.35)}
.g2-tk{flex:none;display:flex}
.g2-kham-pha{display:flex;align-items:center;gap:8px;height:44px;padding:0 20px!important;border-radius:999px;background:linear-gradient(180deg,#2f8bff,#1257d6)!important;
  color:#fff!important;font-family:'Baloo 2',sans-serif;font-weight:700;font-size:17px;box-shadow:0 2px 0 #0d47a8,0 6px 14px rgba(22,104,227,.35);white-space:nowrap}
.g2-kham-pha i{width:20px;height:20px;color:#ffd43b}
.g2-kham-pha svg{width:20px;height:20px}
.g2-kham-pha:hover,.g2-be:hover{filter:brightness(1.06);transform:translateY(-1px)}
.g2-be{display:flex;align-items:center;gap:9px;height:46px;padding:0 18px 0 6px!important;border-radius:999px;background:#fff!important;
  box-shadow:0 0 0 2px #9fd0ff inset,0 4px 12px rgba(20,90,170,.18)}
.g2-be i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ffe58a,#ffb21e);font-style:normal;font-size:21px}
.g2-be span{display:flex;flex-direction:column;line-height:1.1}
.g2-be small{font-size:10.5px;color:var(--g2-mo);font-weight:600}
.g2-be b{font-family:'Baloo 2',sans-serif;font-size:16px;color:var(--g2-dam);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- Banner ảnh ---------- */
.g2-bn{container-type:inline-size;overflow:hidden;position:relative;line-height:0}
.g2-bn-in{position:relative;--cao:max(calc(100cqw*var(--h)/var(--w)),var(--min));height:var(--cao);width:calc(var(--cao)*var(--w)/var(--h))}
.g2-bn-giua .g2-bn-in{left:50%;transform:translateX(-50%)}
.g2-bn-in>img{display:block;width:100%;height:100%}
/* Góc bo bằng đúng góc bo vẽ sẵn trong ảnh (58/349 chiều cao ảnh), để khi màn hẹp ảnh bị cắt bên phải thì 4 góc vẫn đều */
.g2-hero{border-radius:max(2.4vw,28.5px)}
/* Hai nút đặt dưới dòng mô tả của banner (ảnh banner không vẽ sẵn nút) */
.g2-hero-nut{position:absolute;left:6.4%;top:78.5%;display:flex;gap:calc(var(--cao)*.03);font-size:calc(var(--cao)*.046)}
.g2-hn{display:inline-flex!important;align-items:center;gap:.4em;height:2.2em;padding:0 1.1em!important;border-radius:999px;white-space:nowrap;
  font:700 1em/1 'Baloo 2','Be Vietnam Pro',sans-serif!important;transition:transform .15s,box-shadow .15s}
.g2-hn svg{width:1em;height:1em}
.g2-hn-chinh{background:linear-gradient(180deg,#2f8bff,#1257d6)!important;color:#fff!important;box-shadow:0 .14em 0 #0d47a8,0 .3em .7em rgba(22,104,227,.35)}
.g2-hn-phu{background:#fff!important;color:#1257d6!important;box-shadow:0 0 0 .1em #1668e3 inset,0 .25em .6em rgba(20,90,170,.18)}
.g2-hn:hover{transform:translateY(-2px)}
.g2-hero-nut-dt{display:none}
@media (max-width:640px){.g2-hero .g2-hero-nut{display:none}.g2-hero-nut-dt{display:flex;gap:8px;margin-top:10px}.g2-hero-nut-dt .g2-hn{flex:1;justify-content:center;font-size:15px;height:42px;padding:0 10px!important}}
.g2-hn:focus-visible{outline:3px solid #ffd43b;outline-offset:2px}
.g2-bam{position:absolute;border-radius:999px;background:transparent!important;cursor:pointer}
.g2-bam:hover{background:rgba(255,255,255,.22)!important;box-shadow:0 0 0 3px rgba(255,255,255,.55)}
.g2-bam:focus-visible{outline:3px solid #ffd43b;outline-offset:2px}
.g2-hero{margin-top:6px;overflow:hidden;box-shadow:0 8px 22px rgba(20,90,170,.16);container-type:inline-size}
.g2-dau-con{position:relative}
.g2-lui-dt{display:none!important}
.g2-dem-muc{position:absolute;left:84.4%;top:46%;transform:translate(-50%,-50%);padding:0 1.25em;height:2.5em;display:grid;place-items:center;border-radius:999px;
  background:#fff1d6;color:#f26a00;font:800 clamp(11px,1.15cqw,19px)/1 'Baloo 2',sans-serif;white-space:nowrap;box-shadow:0 2px 6px rgba(160,70,0,.25)}

/* ---------- Trang chủ ---------- */
.g2-tieu{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:18px 0 12px}
.g2-tieu h2{font-size:clamp(20px,2vw,28px);font-weight:800;color:var(--g2-dam);line-height:1.1}
.g2-tieu p{margin:2px 0 0;font-size:14.5px;color:var(--g2-mo)}
.g2-lien-ket{display:flex;align-items:center;gap:6px;font-weight:700;font-size:15.5px;color:var(--g2-xanh)!important;white-space:nowrap}
.g2-lien-ket svg,.g2-xem svg{width:17px;height:17px}
.g2-hai{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.g2-khoi{--m1:#1668e3;--m2:#55b4ff;--vien:#9fd0ff;--nhat:#f1f8ff;border-radius:22px;border:2px solid var(--vien);background:var(--nhat);overflow:hidden;box-shadow:0 6px 16px rgba(20,90,170,.08)}
.g2-khoi.cam{--m1:#ff7a00;--m2:#ffb347;--vien:#ffcf94;--nhat:#fff8ee}
.g2-khoi.la{--m1:#19a974;--m2:#7fdcae;--vien:#9fe0c2;--nhat:#f1fbf6}
.g2-khoi-dau{display:flex;align-items:center;gap:12px;min-height:48px;padding-right:12px;background:linear-gradient(90deg,var(--m2),color-mix(in srgb,var(--m2) 45%,#fff));color:#fff}
.g2-khoi-tab{align-self:stretch;display:flex;align-items:center;gap:10px;padding:0 34px 0 14px;background:linear-gradient(90deg,var(--m1),color-mix(in srgb,var(--m1) 80%,var(--m2)));
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%)}
.g2-khoi-tab .g2-ic{width:40px;background:#fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.g2-khoi-tab .g2-ic img{left:-9%;top:-9%;width:118%;height:118%;filter:none}
.g2-khoi-tab h2{font-size:25px;font-weight:800;color:#fff;white-space:nowrap;text-shadow:0 1px 0 rgba(0,0,0,.12)}
.g2-khau{flex:1;min-width:0;font-size:14.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.15)}
.g2-xem{flex:none;display:flex;align-items:center;gap:6px;height:30px;padding:0 14px!important;border-radius:999px;background:#fff!important;color:var(--m1,#1668e3)!important;
  font-weight:700;font-size:14.5px;box-shadow:0 2px 6px rgba(0,0,0,.12);white-space:nowrap}
.g2-xem:hover{transform:translateX(2px)}
.g2-luoi3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px}

/* Thẻ */
.g2-the{position:relative;display:flex;border-radius:18px;background:var(--nen)!important;box-shadow:0 0 0 1.5px var(--vt) inset,0 4px 10px rgba(20,90,170,.08);transition:transform .16s,box-shadow .16s;overflow:hidden}
.g2-the:not(.sap):hover{transform:translateY(-4px);box-shadow:0 0 0 2px var(--vt) inset,0 12px 22px rgba(20,90,170,.18)}
.g2-the.hong,.g2-sach-gon.hong,.g2-nhom-gon.hong,.g2-sach-lon.hong{--nen:linear-gradient(180deg,#ffe0ea,#fff1f5);--vt:#ffd1df;--nhan:#ffe0e9;--dam:#e8436f}
.g2-the.xanh,.g2-sach-gon.xanh,.g2-nhom-gon.xanh,.g2-sach-lon.xanh{--nen:linear-gradient(180deg,#d9edff,#eef7ff);--vt:#c4e2ff;--nhan:#d9ecff;--dam:#1b7fe6}
.g2-the.vang,.g2-sach-gon.vang,.g2-nhom-gon.vang,.g2-sach-lon.vang{--nen:linear-gradient(180deg,#ffedcc,#fff7e8);--vt:#ffe2a6;--nhan:#ffe9bd;--dam:#f08a00}
.g2-the.tim,.g2-sach-gon.tim,.g2-nhom-gon.tim,.g2-sach-lon.tim{--nen:linear-gradient(180deg,#e9dcff,#f5efff);--vt:#dccbff;--nhan:#e8dcff;--dam:#8a55e6}
.g2-the.la,.g2-sach-gon.la,.g2-nhom-gon.la,.g2-sach-lon.la{--nen:linear-gradient(180deg,#d6f5e5,#eefbf4);--vt:#bfeed6;--nhan:#d3f3e2;--dam:#19a974}
.g2-the b{font-size:18px;font-weight:800;color:var(--g2-dam);line-height:1.15}
.g2-the small{font-size:13px;line-height:1.35;color:var(--g2-chu)}
.g2-the em{font-style:normal;font-weight:700;font-size:12.5px;line-height:1.3;color:#7a4a00;background:#ffe9c2;padding:4px 12px;border-radius:999px;max-width:100%}
.g2-the.sap{opacity:.72;cursor:default}
.g2-sao{position:absolute;color:#ffc531;width:18px;height:18px;pointer-events:none}
.g2-sao svg{width:100%;height:100%}
.g2-sao.s1{left:13%;top:12px;width:14px;height:14px;color:#ffd978}.g2-sao.s2{right:11%;top:9px}
.g2-doc{flex-direction:column;align-items:center;text-align:center!important;gap:5px;padding:10px 12px 12px!important}
.g2-luoi3 .g2-doc .g2-ic{width:68px}
.g2-luoi3 .g2-doc small{font-size:12.5px;line-height:1.3}
.g2-may{position:absolute;left:9%;top:16px;width:34px;height:14px;border-radius:10px;background:#fff;opacity:.85;pointer-events:none}
.g2-may::before{content:'';position:absolute;left:7px;top:-8px;width:18px;height:18px;border-radius:50%;background:inherit}
.g2-the.xanh .g2-may{background:#bfe0ff}.g2-the.tim .g2-may{background:#e1d2ff}.g2-the.hong .g2-may{background:#ffd0dd}.g2-the.vang .g2-may{background:#ffe0a6}.g2-the.la .g2-may{background:#bfeccf}
.g2-luoi3 .g2-sao.s1{left:auto;right:22%;top:24px;width:12px;height:12px;color:#c4b5fd}
.g2-luoi3 .g2-sao.s2{right:9%;top:10px;width:20px;height:20px}
.g2-khoi .g2-the em{background:#ffe1ad;color:#8a4600;box-shadow:0 1px 0 #f7c578}
.g2-khoi.cam .g2-the em{background:#ffd6dc;color:#d61f3c;box-shadow:0 1px 0 #ffb0bc}
.g2-doc small{flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.g2-choi{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 18px;border-radius:999px;font-weight:700;font-size:15px;color:#fff;white-space:nowrap;
  background:linear-gradient(180deg,#2f8bff,#1561dc);box-shadow:0 2px 0 #0d4fb8,0 4px 8px rgba(22,104,227,.28)}
.g2-choi svg{width:15px;height:15px}
.g2-the.sap .g2-choi{background:#dfe6f1;color:#6b7a99;box-shadow:none}
.g2-tu-duy .g2-choi{background:linear-gradient(180deg,#ff9a1f,#f26a00);box-shadow:0 2px 0 #c95300,0 4px 8px rgba(242,106,0,.3)}

/* Thư viện trên trang chủ */
.g2-khoi-sach{margin-top:16px}
.g2-luoi-sach-gon{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:12px 14px 14px}
.g2-sach-gon{display:flex;align-items:center;gap:12px;padding:8px 10px!important;border-radius:14px;background:var(--nen)!important;box-shadow:0 0 0 1.5px var(--vt) inset;min-width:0;transition:transform .15s}
.g2-sach-gon:hover{transform:translateY(-2px)}
.g2-sach-gon .g2-ic{width:50px}
.g2-sach-gon .g2-sg-chu{flex:1;min-width:0;display:flex;flex-direction:column}
.g2-sach-gon b{font-size:16px;font-weight:800;color:var(--g2-dam);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g2-sach-gon small{font-size:12.5px;color:var(--g2-chu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g2-sach-gon>i,.g2-nhom-gon>i{flex:none;width:18px;height:18px;color:var(--dam)}
.g2-sach-gon>i svg,.g2-nhom-gon>i svg{width:100%;height:100%}
.g2-sach-gon.sap{opacity:.7}

/* ---------- Chân trang ---------- */
.g2-chan{position:relative;margin-top:auto;padding-top:16px;line-height:0}
.g2-chan img{display:block;width:100%;height:auto;min-height:70px;object-fit:cover}
.g2-chu .g2-chan img{min-height:52px}   /* footer trang chủ dẹt: chỉ phóng nhẹ để không cắt mất chữ */
.g2-lien{position:absolute;right:clamp(8px,3vw,48px);bottom:10px;display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(8,40,120,.72);color:#fff;
  text-decoration:none;line-height:1.15;font-size:17px;backdrop-filter:blur(3px)}
.g2-lien span{display:flex;flex-direction:column}.g2-lien small{font-size:10.5px;opacity:.9}.g2-lien b{font-size:14.5px;letter-spacing:.02em}

/* ---------- Trang con: tab lọc ---------- */
.g2-con{padding-bottom:0!important}
.g2-thanh-loc{display:flex;align-items:center;gap:14px;margin-top:-22px;position:relative;z-index:2}
.g2-hoc-tap .g2-thanh-loc{justify-content:center}
.g2-tabs{display:flex;gap:8px;padding:6px;border-radius:999px;background:#fff;box-shadow:0 0 0 2px #ffe3bd inset,0 6px 16px rgba(20,90,170,.14);overflow-x:auto;scrollbar-width:none;max-width:100%}
.g2-tabs::-webkit-scrollbar{display:none}
.g2-tab{flex:none;display:flex;align-items:center;gap:8px;height:42px;padding:0 12px 0 10px!important;border-radius:999px;background:#fff!important;font-weight:700;font-size:17px;color:var(--g2-dam)!important;
  box-shadow:0 0 0 1.5px #e3ecf8 inset;white-space:nowrap;transition:transform .15s}
.g2-tab:hover{transform:translateY(-1px)}
.g2-tab img{width:28px;height:28px;object-fit:contain;transform:scale(1.25)}
.g2-tab-sao{width:24px;height:24px;color:#ffd43b}.g2-tab-sao svg{width:100%;height:100%}
.g2-tab b{display:grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:999px;background:#e6f0ff;color:var(--g2-dam);font-size:15px}
.g2-tab.chon{background:linear-gradient(180deg,#ff9a1f,#f26a00)!important;color:#fff!important;box-shadow:0 2px 0 #c95300,0 6px 14px rgba(242,106,0,.35);padding-inline:16px 12px!important}
.g2-tab.chon b{background:#fff3df;color:#f26a00}
.g2-tim{flex:1;min-width:150px;max-width:340px;margin-left:auto;display:flex;align-items:center;gap:8px;height:46px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:0 0 0 2px #d6e8fb inset,0 4px 12px rgba(20,90,170,.1);color:#4b7fd1}
.g2-tim svg{width:20px;height:20px;flex:none}
.g2-tim input{flex:1;min-width:0;border:0;outline:0;background:none;font:500 15px 'Be Vietnam Pro',sans-serif;color:var(--g2-dam)}
.g2-than{padding:14px 0 6px;min-height:240px}
.g2-rong-kq{padding:28px;text-align:center;color:var(--g2-mo);line-height:1.5}

/* Cụm */
.g2-cum{margin-top:14px}
.g2-cum-dau{--m1:#1668e3;--m2:#4aa8ff;display:flex;align-items:center;gap:12px;min-height:48px}
.g2-cum-dau.tim{--m1:#7c4ddb;--m2:#a988f5}.g2-cum-dau.la{--m1:#19a974;--m2:#5fd3a0}.g2-cum-dau.hong{--m1:#e8436f;--m2:#ff8fb0}.g2-cum-dau.cam{--m1:#f26a00;--m2:#ffab2e}
.g2-cum-tab{display:flex;align-items:center;gap:10px;height:44px;padding:0 22px 0 6px;border-radius:999px;background:linear-gradient(90deg,var(--m1),var(--m2));box-shadow:0 4px 10px color-mix(in srgb,var(--m1) 35%,transparent)}
.g2-cum-tab .g2-ic{width:42px;background:#fff;border-radius:50%;box-shadow:0 0 0 3px #fff,0 2px 6px rgba(0,0,0,.18)}
.g2-cum-tab .g2-ic img{left:-9%;top:-9%;width:118%;height:118%;filter:none}
.g2-cum-tab h2{font-size:clamp(18px,1.7vw,25px);font-weight:800;color:#fff;white-space:nowrap}
.g2-cum-tab h2 i{font-style:normal;color:#ffe45c}
.g2-cum-ke{flex:1;height:0;border-top:2.5px dashed color-mix(in srgb,var(--m1) 70%,#fff);position:relative;min-width:20px}
.g2-cum-ke i{position:absolute;top:-11px;width:20px;height:20px;color:#ffc531;background:#f3f9ff;padding:0 2px;box-sizing:content-box}
.g2-cum-ke i:first-child{left:38%}.g2-cum-ke i:last-child{left:76%}
.g2-cum-ke svg{width:100%;height:100%}
.g2-cum-mo-ta{flex:1;min-width:0;font-size:14.5px;font-weight:600;color:color-mix(in srgb,var(--m1) 70%,#0b2a7a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g2-cum-dau .g2-xem{height:38px;font-size:16.5px;padding:0 18px!important;box-shadow:0 0 0 2px var(--m1) inset;color:var(--m1)!important}
/* Cụm đóng hộp (Trò chơi tư duy) */
.g2-cum-hop{--m1:#1668e3;--m2:#4aa8ff;border-radius:22px;border:2px solid color-mix(in srgb,var(--m1) 35%,#fff);background:color-mix(in srgb,var(--m1) 5%,#fff);overflow:hidden;box-shadow:0 6px 16px rgba(20,90,170,.08)}
.g2-cum-hop.la{--m1:#19a974;--m2:#5fd3a0}.g2-cum-hop.hong{--m1:#e8436f;--m2:#ff8fb0}.g2-cum-hop.tim{--m1:#7c4ddb;--m2:#a988f5}.g2-cum-hop.cam{--m1:#f26a00;--m2:#ffab2e}
.g2-cum-hop .g2-cum-dau{background:linear-gradient(90deg,color-mix(in srgb,var(--m2) 55%,#fff),color-mix(in srgb,var(--m2) 18%,#fff));padding-right:12px;min-height:44px}
.g2-cum-hop .g2-cum-tab{border-radius:0;height:auto;align-self:stretch;padding:0 34px 0 14px;box-shadow:none;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%)}
.g2-cum-hop .g2-cum-tab .g2-ic{width:36px}
.g2-cum-hop .g2-xem{height:30px;font-size:14px;box-shadow:0 2px 6px rgba(0,0,0,.12)}

/* Lưới thẻ trang con */
.g2-luoi-ngang{display:grid;grid-template-columns:repeat(var(--cot,5),minmax(0,1fr));gap:12px;margin-top:10px}
.g2-ngang{align-items:flex-start;gap:12px;padding:14px 12px!important}
.g2-ngang .g2-ic{width:clamp(64px,5.4vw,88px)}
.g2-noi{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.g2-ngang b{font-size:clamp(16px,1.25vw,20px)}
.g2-ngang small{font-size:13px;min-height:4.05em}
.g2-ngang .g2-choi{margin-top:2px}
.g2-luoi-doc{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px;padding:12px}
.g2-luoi-doc .g2-doc b{font-size:17px}
.g2-luoi-nhom-gon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}
.g2-nhom-gon{display:flex;align-items:center;gap:14px;padding:10px 14px!important;border-radius:16px;background:var(--nen)!important;box-shadow:0 0 0 1.5px var(--vt) inset,0 4px 10px rgba(20,90,170,.08);min-width:0;transition:transform .15s}
.g2-nhom-gon:hover{transform:translateY(-3px)}
.g2-nhom-gon .g2-ic{width:50px}
.g2-nhom-gon>span:not(.g2-ic){flex:1;min-width:0;display:flex;flex-direction:column}
.g2-nhom-gon b{font-size:17px;font-weight:800;color:var(--g2-dam);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g2-nhom-gon small{font-size:12.5px;color:var(--g2-chu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- Thư viện sách ---------- */
.g2-tam{position:relative;z-index:1;margin-top:-14px;padding:16px 0 8px;background:#f6fbff;border-radius:26px 26px 0 0}
.g2-thu-vien .g2-rong{width:min(1640px,100% - 2*clamp(10px,1.6vw,28px))}
.g2-duong-dan{display:flex;align-items:center;min-height:62px;border-radius:999px;overflow:hidden;background:linear-gradient(90deg,#8fe0b4,#a9ebc8);box-shadow:0 0 0 2px #bfeed6 inset,0 4px 12px rgba(20,150,100,.12)}
.g2-dd-goc{align-self:stretch;display:flex;align-items:center;gap:10px;padding:0 44px 0 24px!important;background:#e9f4ff!important;font-weight:800;font-size:21px;color:var(--g2-dam)!important;white-space:nowrap;
  clip-path:polygon(0 0,calc(100% - 24px) 0,100% 50%,calc(100% - 24px) 100%,0 100%);margin-right:-24px;position:relative;z-index:2}
.g2-dd-goc i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#1a3f9e;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.g2-dd-goc svg{width:28px;height:28px}
.g2-dd-nay{align-self:stretch;display:flex;align-items:center;gap:12px;padding:0 56px 0 52px;background:linear-gradient(90deg,#16a56f,#22b87f);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,0 100%);position:relative;z-index:1}
.g2-dd-nay .g2-ic{width:46px;background:#fff;border-radius:50%}
.g2-dd-nay .g2-ic img{left:-9%;top:-9%;width:118%;height:118%;filter:none}
.g2-dd-nay b{font-size:28px;font-weight:800;color:#fff;white-space:nowrap}
.g2-dd-khau{padding-left:22px;font-size:19px;color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 1px rgba(0,80,40,.25)}
.g2-luoi-sach-lon{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.3vw,22px);margin-top:16px;padding:clamp(10px,1.2vw,18px);border-radius:24px;background:#fff;box-shadow:0 6px 18px rgba(20,90,170,.08)}
.g2-sach-lon{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff!important;box-shadow:0 0 0 2px var(--vt) inset,0 6px 14px rgba(20,90,170,.1);transition:transform .16s,box-shadow .16s;min-width:0}
.g2-sach-lon:not(.sap):hover{transform:translateY(-5px);box-shadow:0 0 0 2px var(--dam) inset,0 14px 26px rgba(20,90,170,.2)}
.g2-sach-tranh{position:relative;display:grid;place-items:center;aspect-ratio:1.58;background:
  radial-gradient(60% 60% at 50% 115%,#fff 0,#fff 55%,transparent 56%),radial-gradient(30% 34% at 12% 100%,#fff 0,#fff 60%,transparent 62%),radial-gradient(30% 34% at 88% 100%,#fff 0,#fff 60%,transparent 62%),
  linear-gradient(180deg,color-mix(in srgb,var(--dam) 62%,#fff),color-mix(in srgb,var(--dam) 22%,#fff))}
.g2-sach-tranh .g2-ic{width:46%;transform:translateY(-4%)}
.g2-sach-tranh .g2-sao{color:#ffe45c;width:9%;height:auto;aspect-ratio:1}
.g2-sach-tranh .g2-sao.s1{left:12%;top:16%}.g2-sach-tranh .g2-sao.s2{right:12%;top:10%;width:12%}
.g2-sach-chu{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px 64px 20px 20px;min-height:150px;background:var(--nen)}
.g2-sach-lon b{font-size:clamp(18px,1.75vw,28px);font-weight:800;color:var(--g2-dam);line-height:1.1}
.g2-sach-lon small{font-size:clamp(13px,1.15vw,18.5px);line-height:1.5;color:var(--g2-chu)}
.g2-sach-chu>i{position:absolute;right:16px;bottom:22px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--dam);color:#fff;box-shadow:0 4px 10px color-mix(in srgb,var(--dam) 40%,transparent)}
.g2-sach-chu>i svg{width:20px;height:20px}
.g2-sach-chu em{align-self:flex-start;font-style:normal;font-size:12px;font-weight:700;background:#eceff5;color:#6b7a99;padding:3px 10px;border-radius:999px}
.g2-sach-lon.sap{opacity:.75;cursor:default}

/* ---------- Hộp thoại, thông báo ---------- */
.g2-hop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:rgba(8,30,90,.55);backdrop-filter:blur(4px);overflow:auto;font-family:'Be Vietnam Pro',system-ui,sans-serif}
.g2-hop[hidden]{display:none}
.g2-hop-khung{position:relative;width:min(400px,100%);padding:24px 22px 18px;border-radius:24px;background:#fff;box-shadow:0 24px 60px rgba(0,20,80,.4);color:#22366b;animation:g2Len .22s ease-out}
@keyframes g2Len{from{transform:translateY(14px) scale(.97);opacity:0}}
.g2-hop-dong{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;border:0;background:#eef4fd;color:#4b6aa8;font-size:15px;cursor:pointer}
.g2-hop-bieu{font-size:44px;text-align:center;line-height:1}
.g2-hop h3{margin:6px 0 2px;text-align:center;font:800 24px 'Baloo 2',sans-serif;color:#0b2a7a}
.g2-hop-mo-ta{margin:0 0 12px;text-align:center;font-size:13.5px;line-height:1.45;color:#5a6b8f}
.g2-hop-ghi{margin:10px 0 12px;font-size:13px;line-height:1.45;color:#5a6b8f;text-align:center}
.g2-hop label{display:block;margin-top:10px;font-size:13px;font-weight:600;color:#33477a}
.g2-hop input[type=tel],.g2-hop input[type=text]{display:block;width:100%;margin-top:5px;height:46px;padding:0 14px;border-radius:14px;border:2px solid #cfe0f6;background:#f6faff;font:600 16px 'Be Vietnam Pro',sans-serif;color:#0b2a7a;outline:0;box-sizing:border-box}
.g2-hop input:focus{border-color:#2f8bff;background:#fff}
.g2-hop .g2-nho{display:flex;align-items:center;gap:8px;font-weight:500}
.g2-hop .g2-nho input{width:18px;height:18px}
.g2-gioi{display:flex;gap:8px;margin-top:10px}
.g2-gioi button{flex:1;height:42px;border-radius:12px;border:2px solid #cfe0f6;background:#f6faff;font:600 14.5px 'Be Vietnam Pro',sans-serif;color:#33477a;cursor:pointer}
.g2-gioi button.chon{border-color:#2f8bff;background:#e6f1ff;color:#0b2a7a}
.g2-loi{min-height:18px;margin:8px 0 4px;font-size:13px;line-height:1.4;color:#d92d20;text-align:center}
.g2-loi.tot{color:#128a5a}
.g2-nut-chinh{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:48px;border:0;border-radius:999px;background:linear-gradient(180deg,#2f8bff,#1257d6);color:#fff;font:700 18px 'Baloo 2',sans-serif;cursor:pointer;box-shadow:0 3px 0 #0d47a8}
.g2-nut-chinh svg{width:16px;height:16px}
.g2-nut-chinh:disabled{opacity:.6}
.g2-nut-phu{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;margin-top:8px;height:38px;border:0;background:none;color:#1668e3;font:600 14px 'Be Vietnam Pro',sans-serif;cursor:pointer}
.g2-nut-phu svg{width:14px;height:14px}
.g2-nut-phu.g2-bo-qua{color:#5a6b8f;margin-top:0}
.g2-nut-phu.g2-do{color:#d92d20}
.g2-tk-so{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.g2-tk-so span{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:14px;background:#f1f7ff;font-size:12px;color:#5a6b8f;text-align:center}
.g2-tk-so b{font-size:15px;color:#0b2a7a}
.g2-bao{position:fixed;left:50%;bottom:calc(26px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);z-index:210;max-width:calc(100% - 32px);padding:11px 20px;border-radius:999px;
  background:#0b2a7a;color:#fff;font:600 14.5px 'Be Vietnam Pro',sans-serif;box-shadow:0 10px 26px rgba(0,20,80,.35);opacity:0;pointer-events:none;transition:.25s;text-align:center}
.g2-bao.hien{opacity:1;transform:translate(-50%,0)}

/* ---------- Màn vừa ---------- */
@media (max-width:1280px){
  .g2-khau{display:none}.g2-khoi-dau{justify-content:space-between}
  .g2-luoi-ngang{grid-template-columns:repeat(min(var(--cot,5),3),minmax(0,1fr))}
  .g2-luoi-sach-gon{grid-template-columns:repeat(3,minmax(0,1fr))}
  .g2-luoi-nhom-gon{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g2-nav-nut{font-size:15px;padding:0 13px 0 9px!important}
  .g2-sach-chu{padding-right:20px;padding-bottom:64px;min-height:0}
  .g2-dd-khau{display:none}
}
@media (max-width:1180px){
  .g2-nav{flex-wrap:wrap;row-gap:8px}
  .g2-nav-ds{order:3;flex:1 0 100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px}
  .g2-nav-ds::-webkit-scrollbar{display:none}
  .g2-tk{margin-left:auto}
  .g2-vach{display:none}
}
@media (max-width:980px){
  .g2-hai{grid-template-columns:1fr}
  .g2-vach{display:none}
  .g2-luoi3 .g2-may{display:none}
  .g2-luoi-sach-lon{grid-template-columns:repeat(3,minmax(0,1fr))}
  .g2-thanh-loc{flex-wrap:wrap}
  .g2-tim{max-width:none;flex:1 0 100%}
  .g2-cum-mo-ta{display:none}.g2-cum-dau{justify-content:space-between}
}
/* ---------- Điện thoại ---------- */
@media (max-width:640px){
  .gd2 .g2-rong{width:calc(100% - 20px)}
  .g2-logo b{font-size:20px}.g2-logo svg{width:36px;height:36px}.g2-logo small{font-size:9px}
  .g2-nav{padding:8px 10px;gap:8px}
  .g2-logo{padding:4px 10px 4px 4px!important}
  .g2-kham-pha{height:38px;font-size:14px;padding:0 12px!important;gap:6px}
  .gd2 .g2-kham-pha>svg{display:none}
  .g2-be{height:40px}.g2-be i{width:30px;height:30px;font-size:18px}.g2-be b{max-width:96px;font-size:14.5px}
  .g2-nav-nut{height:36px;font-size:14px}.g2-nav-nut img{width:24px;height:24px}
  .g2-tieu{flex-direction:column;align-items:flex-start;gap:6px}
  .g2-khoi-tab h2{font-size:20px}.g2-khoi-tab{padding-right:28px}
  .g2-luoi3{grid-template-columns:1fr;gap:10px;padding:10px}
  .g2-luoi3 .g2-doc{flex-direction:row;flex-wrap:wrap;text-align:left!important;align-items:center;column-gap:12px;row-gap:2px;padding:10px 12px!important}
  .g2-luoi3 .g2-doc .g2-ic{width:56px;grid-row:span 3}
  .g2-luoi3 .g2-doc b{flex:1 0 calc(100% - 70px)}
  .g2-luoi3 .g2-doc small{flex:1 0 100%;-webkit-line-clamp:2}
  .g2-luoi3 .g2-doc .g2-sao{display:none}
  .g2-luoi-sach-gon{grid-template-columns:1fr}
  .g2-luoi-ngang{grid-template-columns:1fr}
  .g2-ngang small{min-height:0}
  .g2-luoi-doc{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}
  .g2-luoi-doc .g2-doc{padding:10px 8px!important}.g2-luoi-doc .g2-doc b{font-size:15px}.g2-luoi-doc .g2-doc small{font-size:12px}
  .g2-luoi-doc .g2-doc em{font-size:11px;padding:3px 8px}
  .g2-luoi-nhom-gon{grid-template-columns:1fr;gap:8px}
  .g2-luoi-sach-lon{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g2-thanh-loc{margin-top:-14px}
  .g2-tabs{border-radius:22px}.g2-tab{height:38px;font-size:15px}
  .g2-cum-tab h2{font-size:17px}.g2-cum-ke{display:none}.g2-cum-dau{justify-content:space-between}
  .g2-cum-dau .g2-xem{display:none!important}
  .g2-cum-tab{max-width:100%}.g2-cum-tab h2{white-space:normal;line-height:1.1}
  .g2-cum-hop .g2-cum-tab{padding-right:28px}
  .g2-dd-goc{font-size:16px;padding:0 34px 0 10px!important}.g2-dd-goc i{width:34px;height:34px}.g2-dd-goc svg{width:22px;height:22px}
  .g2-dd-nay{padding:0 34px 0 34px}.g2-dd-nay b{font-size:19px}.g2-dd-nay .g2-ic{width:34px}.g2-duong-dan{min-height:50px}
  .g2-hoc-tap .g2-bam{display:none}
  .g2-lui-dt{display:flex!important;align-items:center;gap:6px;position:absolute;left:10px;top:8px;height:34px;padding:0 14px 0 10px!important;border-radius:999px;background:rgba(255,255,255,.95)!important;
    color:#1668e3!important;font:700 14.5px 'Baloo 2',sans-serif;box-shadow:0 3px 8px rgba(20,90,170,.25);z-index:2}
  .g2-lui-dt svg{width:16px;height:16px}
  .g2-dem-muc{display:none}
  .g2-lien{position:static;justify-content:center;border-radius:0;margin-top:-1px;background:#0b3aa0}
}
@media (prefers-reduced-motion:reduce){.g2-the,.g2-nav-nut,.g2-sach-lon,.g2-hop-khung{transition:none;animation:none}}

/* =====================================================================
   TRANG HỌC TẬP – bám ảnh mẫu 02_Hoc_tap.png (thẻ có tranh em bé bên trái)
   ===================================================================== */
.g2-hoc-tap .g2-rong{width:min(1720px,100% - 2*clamp(10px,1.7vw,40px))}
.g2-tab-ic{display:block;width:30px;height:30px}.g2-tab-ic svg{width:100%;height:100%}
.g2-hoc-tap .g2-thanh-loc{margin-top:-30px}
.g2-hoc-tap .g2-tabs{gap:10px;padding:8px 10px;box-shadow:0 0 0 2px #fde3bf inset,0 8px 20px rgba(20,90,170,.16)}
.g2-hoc-tap .g2-tab{height:50px;font-size:20px;padding:0 14px 0 14px!important;gap:10px;box-shadow:0 0 0 1.5px #e6eef9 inset,0 2px 6px rgba(20,90,170,.08)}
.g2-hoc-tap .g2-tab.chon{padding-inline:20px 12px!important}
.g2-hoc-tap .g2-tab b{min-width:32px;height:32px;font-size:16px;background:#eef3fb}
.g2-hoc-tap .g2-tab-sao{width:30px;height:30px}
/* Đầu cụm: viên thuốc màu, icon tròn trắng lấn ra ngoài */
.g2-hoc-tap .g2-cum{margin-top:18px}
.g2-hoc-tap .g2-cum-tab{height:48px;padding:0 22px 0 4px;gap:12px}
.g2-hoc-tap .g2-cum-tab .g2-ic{width:52px;margin:-4px 0 -4px -2px;box-shadow:0 0 0 4px #fff,0 3px 8px rgba(0,0,0,.2)}
.g2-hoc-tap .g2-cum-tab h2{font-size:clamp(19px,1.6vw,26px);text-shadow:0 1px 0 rgba(0,0,0,.15)}
.g2-hoc-tap .g2-cum-dau .g2-xem{height:42px;font-size:18px;padding:0 20px!important;background:#fff!important}
/* Khay chứa thẻ */
.g2-hoc-tap .g2-luoi-ngang{gap:14px;margin-top:10px;padding:10px;border-radius:24px;background:rgba(255,255,255,.7);box-shadow:0 0 0 2px #e3eefb inset,0 6px 18px rgba(20,90,170,.07)}
/* Thẻ */
.g2-hoc-tap .g2-ngang{display:grid!important;grid-template-columns:minmax(96px,46%) 1fr;gap:0;padding:0!important;min-height:200px;border-radius:20px;
  box-shadow:0 0 0 2.5px #fff inset,0 0 0 3.5px var(--vt) inset,0 6px 14px rgba(20,90,170,.12)}
.g2-hoc-tap .g2-ngang.xanh{--nen:linear-gradient(160deg,#e6f7fe,#d2f2fd);--vt:#bfe6fb}
.g2-hoc-tap .g2-ngang.tim{--nen:linear-gradient(160deg,#f2eafe,#e7dafb);--vt:#dccbfb}
.g2-hoc-tap .g2-ngang.hong{--nen:linear-gradient(160deg,#ffeaf7,#fcdcf3);--vt:#f9cbe6}
.g2-hoc-tap .g2-ngang.la{--nen:linear-gradient(160deg,#ebfdee,#dcf9e6);--vt:#c3efcf}
.g2-hoc-tap .g2-ngang.cam{--nen:linear-gradient(160deg,#ffece4,#fde0d6);--vt:#f8cdbd}
.g2-hoc-tap .g2-ngang.vang{--nen:linear-gradient(160deg,#fdf5e0,#fcecc6);--vt:#f6dca0}
.g2-ht-tranh{position:relative;display:block;align-self:stretch;min-height:100%}
.g2-ht-tranh img{position:absolute;left:0;bottom:0;width:100%;height:100%;object-fit:contain;object-position:left bottom}
.g2-ht-chi-ic{display:grid;place-items:center}
.g2-ht-chi-ic .g2-ic{width:72%;max-width:120px}
.g2-hoc-tap .g2-noi{padding:16px 14px 14px 4px;gap:7px;justify-content:flex-start}
.g2-hoc-tap .g2-ngang b{font-size:clamp(16px,1.3vw,22px);color:#0b2a7a}
.g2-hoc-tap .g2-ngang small{font-size:clamp(12px,.86vw,14.5px);line-height:1.4;min-height:0;color:#1e2f5c}
.g2-hoc-tap .g2-ngang em{align-self:stretch;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(11.5px,.84vw,14px);
  background:#fdecc8;color:#4a3000;box-shadow:0 1px 2px rgba(150,90,0,.15);margin-top:auto}
.g2-hoc-tap .g2-ngang .g2-choi{align-self:center;height:36px;padding:0 22px;font-size:16px}
@media (max-width:1280px){.g2-hoc-tap .g2-ngang{grid-template-columns:minmax(90px,42%) 1fr}}
@media (max-width:640px){
  .g2-hoc-tap .g2-thanh-loc{margin-top:-16px}
  .g2-hoc-tap .g2-tab{height:40px;font-size:15px}.g2-tab-ic{width:24px;height:24px}
  .g2-hoc-tap .g2-luoi-ngang{padding:6px}
  .g2-hoc-tap .g2-ngang{grid-template-columns:120px 1fr;min-height:170px}
  .g2-hoc-tap .g2-cum-tab .g2-ic{width:42px}
}
/* v5 – tinh chỉnh thẻ Học tập cho sát mẫu: tranh cao bằng thẻ, chữ gọn 1 dòng, nhãn không bị cắt */
.g2-hoc-tap .g2-luoi-ngang{gap:12px;padding:8px}
.g2-hoc-tap .g2-ngang{grid-template-columns:44% 1fr;min-height:214px;overflow:hidden;position:relative}
.g2-hoc-tap .g2-ht-tranh{position:relative;z-index:0}
.g2-hoc-tap .g2-ht-tranh img{left:2px;bottom:0;top:auto;height:100%;width:auto;max-width:none;object-fit:contain;object-position:left bottom}
.g2-hoc-tap .g2-ht-chi-ic{place-items:start center;padding-top:16px}
.g2-hoc-tap .g2-ht-chi-ic .g2-ic{width:78%;max-width:118px}
.g2-hoc-tap .g2-noi{position:relative;z-index:1;padding:14px 10px 12px 2px;gap:6px}
.g2-hoc-tap .g2-ngang b{font-size:clamp(15px,1.12vw,19px);line-height:1.2;letter-spacing:-.1px}
.g2-hoc-tap .g2-ngang small{font-size:clamp(11.5px,.8vw,13.5px);line-height:1.38}
.g2-hoc-tap .g2-ngang em{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25;padding:4px 8px;font-size:clamp(11px,.76vw,13px);border-radius:999px}
.g2-hoc-tap .g2-ngang .g2-choi{height:34px;padding:0 20px;font-size:15px;margin-top:2px}
@media (max-width:1280px){.g2-hoc-tap .g2-ngang{grid-template-columns:42% 1fr}}
@media (max-width:640px){.g2-hoc-tap .g2-ngang{grid-template-columns:132px 1fr;min-height:180px}
  .g2-hoc-tap .g2-ngang b{font-size:17px}.g2-hoc-tap .g2-ngang small{font-size:13px}.g2-hoc-tap .g2-ngang em{font-size:12.5px}}
.g2-hoc-tap .g2-ngang{grid-template-columns:47% 1fr;min-height:200px}
.g2-hoc-tap .g2-ht-tranh img{width:100%;height:auto;max-height:100%;object-position:left bottom}
.g2-hoc-tap .g2-noi{padding-left:6px}
@media (max-width:1280px){.g2-hoc-tap .g2-ngang{grid-template-columns:44% 1fr}}
@media (max-width:640px){.g2-hoc-tap .g2-ngang{grid-template-columns:140px 1fr}}
.g2-hoc-tap .g2-ngang em{white-space:nowrap;padding:3px 7px;font-size:clamp(10.5px,.7vw,12.5px);letter-spacing:-.15px}
@media (max-width:1500px){.g2-hoc-tap .g2-ngang em{white-space:normal}}
.g2-hoc-tap .g2-ngang b{font-size:clamp(17px,1.12vw,19px)}
.g2-hoc-tap .g2-ngang small{font-size:clamp(13px,.8vw,13.5px)}
.g2-hoc-tap .g2-ngang em{font-size:12px}
@media (max-width:1280px){.g2-hoc-tap .g2-ngang{grid-template-columns:40% 1fr}.g2-hoc-tap .g2-ngang em{align-self:flex-start;padding:3px 12px}}
@media (max-width:640px){.g2-hoc-tap .g2-ngang{grid-template-columns:140px 1fr}.g2-hoc-tap .g2-ngang em{font-size:12.5px;align-self:stretch}}
/* v6 – tranh ghép icon + bé hoạt hình (không cắt từ ảnh mẫu) */
.g2-hoc-tap .g2-ht-tranh{padding:10px 0 6px 8px}
.g2-hoc-tap .g2-ht-tranh img{left:8px;right:4px;top:10px;bottom:6px;width:calc(100% - 12px);height:calc(100% - 16px);max-height:none;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 4px 6px rgba(20,60,130,.15))}
.g2-hoc-tap .g2-ngang{grid-template-columns:48% 1fr}
.g2-hoc-tap .g2-ht-tranh{padding:0}
.g2-hoc-tap .g2-ht-tranh img{left:4px;top:8px;bottom:0;width:calc(100% - 4px);height:calc(100% - 8px)}
.g2-hoc-tap .g2-ngang{grid-template-columns:min(48%,240px) 1fr}
@media (max-width:1280px){.g2-hoc-tap .g2-ngang{grid-template-columns:min(44%,220px) 1fr}}
@media (max-width:640px){.g2-hoc-tap .g2-ngang{grid-template-columns:140px 1fr}}
.g2-hoc-tap .g2-ngang em,.g2-hoc-tap .g2-ngang em{align-self:center;padding:3px 12px}
@media (max-width:640px){.g2-hoc-tap .g2-ngang em{align-self:center}}
/* v7 – cân đối: icon neo trên ngang tiêu đề, bé neo đáy thẻ; tiêu đề luôn 1 dòng */
.g2-hoc-tap .g2-ngang{min-height:206px}
.g2-hoc-tap .g2-ht-tranh{position:relative;padding:0}
.g2-hoc-tap .g2-ht-tranh img.g2-ht-ic{position:absolute;top:14px;right:4px;left:auto;bottom:auto;width:min(72%,128px);height:auto;max-height:none;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(20,60,130,.18))}
.g2-hoc-tap .g2-ht-tranh img.g2-ht-be{position:absolute;left:2px;bottom:0;top:auto;right:auto;height:min(64%,150px);width:auto;max-width:82%;object-fit:contain;object-position:left bottom;filter:none}
.g2-hoc-tap .g2-noi{container-type:inline-size;padding:16px 12px 14px 6px}
.g2-hoc-tap .g2-ngang b{white-space:nowrap;font-size:min(19px,calc(100cqi / 10.6))}
.g2-hoc-tap .g2-ngang small{font-size:clamp(13px,.8vw,14px)}
@media (max-width:640px){.g2-hoc-tap .g2-ngang{min-height:186px}.g2-hoc-tap .g2-ngang b{font-size:min(18px,calc(100cqi / 10.6))}
  .g2-hoc-tap .g2-ht-tranh img.g2-ht-ic{width:min(74%,104px)}.g2-hoc-tap .g2-ht-tranh img.g2-ht-be{height:min(60%,120px)}}
.g2-hoc-tap .g2-ngang{grid-template-columns:min(45%,230px) 1fr}
.g2-hoc-tap .g2-ngang b{font-size:clamp(17px,1.14vw,19px)}
.g2-hoc-tap .g2-ngang b.dai{font-size:min(19px,calc(100cqi / 10.1))}
.g2-hoc-tap .g2-ht-tranh img.g2-ht-ic{top:16px;width:min(70%,124px)}
.g2-hoc-tap .g2-ht-tranh img.g2-ht-be{height:min(58%,136px)}
@media (max-width:1280px){.g2-hoc-tap .g2-ngang{grid-template-columns:min(42%,210px) 1fr}}
@media (max-width:640px){.g2-hoc-tap .g2-ngang{grid-template-columns:136px 1fr}.g2-hoc-tap .g2-ngang b{font-size:18px}.g2-hoc-tap .g2-ngang b.dai{font-size:min(18px,calc(100cqi / 10.1))}}
/* =====================================================================
   THANH ĐIỀU HƯỚNG – ĐIỆN THOẠI: menu thu gọn (☰)
   ===================================================================== */
.g2-menu-nut,.g2-menu-nen,.g2-tk-menu{display:none}
@media (max-width:760px){
  .g2-nav{flex-wrap:nowrap!important;gap:8px;padding:8px 12px;min-height:60px}
  .g2-vach{display:none}
  .g2-logo{padding:4px 12px 4px 4px!important;border-radius:16px;min-width:0}
  .g2-logo svg{width:36px;height:36px}.g2-logo b{font-size:20px}.g2-logo small{font-size:8.5px;letter-spacing:.06em}
  .g2-nav>.g2-tk{margin-left:auto}
  /* Đã đăng nhập: chỉ hiện ảnh đại diện tròn, tên xem trong menu */
  .g2-nav>.g2-tk .g2-be{width:44px;height:44px;padding:0!important;justify-content:center;border-radius:50%}
  .g2-nav>.g2-tk .g2-be span{display:none}
  .g2-nav>.g2-tk .g2-be i{width:36px;height:36px;font-size:20px}
  .g2-nav>.g2-tk .g2-kham-pha{height:40px;font-size:14px;padding:0 14px!important;gap:6px}
  .g2-nav>.g2-tk .g2-kham-pha>svg,.g2-chu-ngay{display:none}
  /* Nút ☰ */
  .g2-menu-nut{display:grid;place-content:center;gap:4px;flex:none;width:44px;height:44px;padding:0!important;border-radius:14px;
    background:#fff!important;box-shadow:0 0 0 1.5px #dbe8fb inset,0 3px 10px rgba(20,90,170,.14);cursor:pointer}
  .g2-menu-nut i{display:block;width:20px;height:2.5px;border-radius:2px;background:#1668e3;transition:transform .2s,opacity .2s}
  .g2-nav.mo .g2-menu-nut{background:#1668e3!important}
  .g2-nav.mo .g2-menu-nut i{background:#fff}
  .g2-nav.mo .g2-menu-nut i:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  .g2-nav.mo .g2-menu-nut i:nth-child(2){opacity:0}
  .g2-nav.mo .g2-menu-nut i:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  /* Bảng menu thả xuống */
  .g2-nav-ds{position:absolute;left:10px;right:10px;top:calc(100% + 2px);z-index:20;display:flex;flex-direction:column;gap:4px;
    order:0!important;flex:none!important;overflow:visible!important;padding:10px!important;border-radius:20px;background:#fff;
    box-shadow:0 0 0 1.5px #e3eefb,0 18px 40px rgba(15,46,114,.22);
    opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s,transform .18s,visibility .18s}
  .g2-nav.mo .g2-nav-ds{opacity:1;visibility:visible;transform:none}
  .g2-nav-ds .g2-nav-nut{width:100%;height:52px;justify-content:flex-start;gap:12px;padding:0 14px!important;border-radius:14px;
    font-size:16.5px;background:transparent!important;box-shadow:none!important;transform:none!important;position:relative}
  .g2-nav-ds .g2-nav-nut::after{content:'';position:absolute;right:16px;top:50%;width:8px;height:8px;margin-top:-5px;
    border-right:2.5px solid #9db4d8;border-top:2.5px solid #9db4d8;transform:rotate(45deg)}
  .g2-nav-ds .g2-nav-nut:active{background:#eef5ff!important}
  .g2-nav-ds .g2-nav-nut.chon{background:linear-gradient(180deg,#2f8bff,#1668e3)!important;color:#fff!important}
  .g2-nav-ds .g2-nav-nut.chon::after{border-color:#fff}
  .g2-nav-ds .g2-nav-ic{width:30px;height:30px}
  /* Khối tài khoản ở đầu menu */
  .g2-tk-menu{display:flex;margin:0 0 6px;padding-bottom:10px;border-bottom:1.5px dashed #dbe8fb}
  .g2-tk-menu>button{width:100%}
  .g2-tk-menu .g2-be{height:56px;padding:0 14px 0 8px!important;border-radius:16px;background:linear-gradient(135deg,#fff7dc,#eaf4ff)!important;box-shadow:none}
  .g2-tk-menu .g2-be i{width:42px;height:42px;font-size:24px}
  .g2-tk-menu .g2-be span{flex:1;min-width:0}
  .g2-tk-menu .g2-be b{max-width:none;font-size:17px}
  .g2-tk-menu .g2-kham-pha{height:48px;justify-content:center;font-size:16px}
  /* Nền mờ phía sau menu */
  .g2-menu-nen{display:block;position:fixed;inset:0;z-index:-1;background:rgba(10,30,70,.28);opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s}
  .g2-nav.mo .g2-menu-nen{opacity:1;visibility:visible}
  .g2-nav.mo{z-index:30}
}
@media (max-width:360px){.g2-logo small{display:none}.g2-logo b{font-size:18px}}
.g2-chu-ngan{display:none}
@media (max-width:760px){
  .g2-nav>.g2-tk .g2-chu-dai{display:none}.g2-nav>.g2-tk .g2-chu-ngan{display:inline}
  .g2-nav-ds{left:auto;width:min(420px,calc(100% - 20px))}
}
/* Banner trang chủ trên điện thoại: hạ chiều cao để thấy đủ dòng chữ xanh (chữ dài tới ~39% bề ngang ảnh) */
@media (max-width:640px){.g2-hero .g2-bn,.g2-hero.g2-bn{--min:min(170px,39.5cqw)!important}}
@media (max-width:640px){
  /* bo góc khung = bo góc trong ảnh (≈16,8% chiều cao banner); banner cao 39,5% bề ngang khung (100vw − 20px) */
  .g2-hero{border-radius:min(28.5px,calc((100vw - 20px)*.0662))}
}
@media (max-width:380px){.g2-hero-nut-dt .g2-hn{font-size:14px;padding:0 6px!important;gap:4px}}
@media (max-width:380px){
  .g2-nav{gap:6px;padding:8px 10px}
  .g2-logo{padding:4px 10px 4px 4px!important;gap:7px}.g2-logo svg{width:32px;height:32px}.g2-logo b{font-size:17px}
  .g2-nav>.g2-tk .g2-kham-pha{height:38px;font-size:13px;padding:0 11px!important;gap:5px}
  .g2-menu-nut{width:40px;height:40px}
}
@media (max-width:340px){
  .g2-logo b{font-size:15.5px}.g2-logo svg{width:30px;height:30px}
  .g2-nav>.g2-tk .g2-kham-pha{font-size:12.5px;padding:0 9px!important}.g2-nav>.g2-tk .g2-kham-pha i{width:16px;height:16px}
}
@media (max-width:340px){.g2-hero-nut-dt{gap:6px}.g2-hero-nut-dt .g2-hn{font-size:13px;min-width:0}.g2-hero-nut-dt .g2-hn svg{display:none}}
/* =====================================================================
   TRANG HỌC TẬP – banner mới (banner-hoc-tap.jpg) + nút trở về + menu điện thoại
   ===================================================================== */
.g2-nav-chi-dt{display:none!important}
.g2-lui-bn{position:absolute;z-index:2;left:clamp(10px,2.4vw,40px);top:clamp(8px,1.1vw,16px);display:flex;align-items:center;gap:8px;
  height:clamp(34px,2.6vw,44px);padding:0 18px 0 12px!important;border-radius:999px;background:rgba(255,255,255,.96)!important;
  color:#1668e3!important;font:800 clamp(14px,1.1vw,18px) 'Baloo 2',sans-serif;box-shadow:0 0 0 2px #fff,0 4px 12px rgba(20,90,170,.25);cursor:pointer;transition:transform .15s}
.g2-lui-bn:hover{transform:translateX(-2px)}
.g2-lui-bn svg{width:1.05em;height:1.05em}
.g2-lui-bn:focus-visible{outline:3px solid #ffd43b;outline-offset:2px}
.g2-hoc-tap .g2-lui-dt{display:none!important}
@media (max-width:760px){
  .g2-nav-chi-dt{display:flex!important}
  /* Đã có thanh menu, nút trở về thu gọn thành nút tròn chỉ có mũi tên */
  .g2-lui-bn{left:10px;top:8px;width:38px;height:38px;padding:0!important;justify-content:center;font-size:16px}
  .g2-lui-bn span{display:none}
  .g2-lui-bn svg{width:19px;height:19px}
}
@media (max-width:760px){
  /* Tiêu đề chiếm ~27% bề ngang ảnh (cao = ảnh/10): giữ cao sao cho hai bên còn ≥ 48px trống cho nút ← */
  .g2-hoc-tap .g2-bn{--min:min(120px,calc((100cqw - 100px) / 2.7))!important}
  .g2-lui-bn{left:8px;top:50%;transform:translateY(-50%);width:36px;height:36px}
  .g2-lui-bn:hover{transform:translateY(-50%)}
}
@media (max-width:760px){.g2-hoc-tap .g2-thanh-loc{margin-top:6px}}
/* =====================================================================
   TRANG HỌC TẬP – điện thoại: thanh tab lọc môn thu gọn thành nút chọn thả xuống
   ===================================================================== */
.g2-loc-nut{display:none}
@media (max-width:760px){
  .g2-hoc-tap .g2-thanh-loc{display:block;position:relative;z-index:6;margin-top:8px}
  .g2-hoc-tap .g2-loc-nut{display:flex;align-items:center;gap:10px;width:100%;height:52px;padding:0 16px 0 14px!important;border-radius:18px;
    background:linear-gradient(180deg,#ff9a1f,#f26a00)!important;color:#fff!important;font:700 17px 'Baloo 2',sans-serif;
    box-shadow:0 0 0 3px #fff,0 0 0 5px #fde3bf,0 8px 18px rgba(242,106,0,.28);cursor:pointer}
  .g2-loc-chon{flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-align:left}
  .g2-loc-chon span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .g2-loc-chon .g2-tab-sao,.g2-loc-chon .g2-tab-ic{width:26px;height:26px;flex:none}
  .g2-loc-chon .g2-tab-sao{color:#ffd43b}.g2-loc-chon .g2-tab-ic svg{width:100%;height:100%}
  .g2-loc-chon img{width:26px;height:26px;object-fit:contain}
  .g2-loc-chon b{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:#fff3df;color:#f26a00;font-size:15px}
  .g2-loc-mui{flex:none;width:10px;height:10px;margin:-5px 2px 0 4px;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(45deg);transition:transform .2s}
  .g2-thanh-loc.mo .g2-loc-mui{transform:translateY(5px) rotate(225deg)}
  /* Danh sách thả xuống */
  .g2-hoc-tap .g2-tabs{position:absolute;left:0;right:0;top:calc(100% + 10px);flex-direction:column;gap:4px;padding:8px!important;border-radius:20px;
    background:#fff;box-shadow:0 0 0 1.5px #e3eefb,0 18px 40px rgba(15,46,114,.22)!important;overflow:visible;
    opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s}
  .g2-hoc-tap .g2-thanh-loc.mo .g2-tabs{opacity:1;visibility:visible;transform:none}
  .g2-hoc-tap .g2-tab{width:100%;height:52px;justify-content:flex-start;gap:12px;padding:0 12px!important;border-radius:14px;font-size:17px;box-shadow:none!important}
  .g2-hoc-tap .g2-tab span{flex:1;text-align:left}
  .g2-hoc-tap .g2-tab.chon{padding-inline:12px!important}
  .g2-hoc-tap .g2-tab:not(.chon):active{background:#eef5ff!important}
}
/* Học tập – điện thoại: cân lại thẻ (icon trên giữa, bé dưới, chạm nhẹ; cột chữ thoáng) */
@media (max-width:640px){
  .g2-hoc-tap .g2-luoi-ngang{padding:6px;gap:10px}
  .g2-hoc-tap .g2-ngang{grid-template-columns:118px 1fr;min-height:196px;border-radius:18px}
  .g2-hoc-tap .g2-ht-tranh img.g2-ht-ic{top:14px;left:50%;right:auto;transform:translateX(-50%);width:78px}
  .g2-hoc-tap .g2-ht-tranh img.g2-ht-be{left:50%;transform:translateX(-50%);bottom:0;height:104px;max-width:112px}
  .g2-hoc-tap .g2-noi{padding:14px 14px 14px 4px;gap:7px}
  .g2-hoc-tap .g2-ngang b{font-size:18px}
  .g2-hoc-tap .g2-ngang b.dai{font-size:min(18px,calc(100cqi / 10.1))}
  .g2-hoc-tap .g2-ngang small{font-size:13.5px;line-height:1.4}
  .g2-hoc-tap .g2-ngang em{align-self:flex-start;font-size:12.5px;padding:3px 10px}
  .g2-hoc-tap .g2-ngang .g2-choi{align-self:flex-start;height:36px;padding:0 18px;font-size:15px;margin-top:auto}
}
@media (max-width:400px){.g2-hoc-tap .g2-cum-tab{padding-right:16px;gap:8px}.g2-hoc-tap .g2-cum-tab h2{font-size:16.5px;white-space:nowrap}.g2-hoc-tap .g2-cum-tab .g2-ic{width:40px}}
@media (max-width:360px){.g2-hoc-tap .g2-ngang{grid-template-columns:106px 1fr}.g2-hoc-tap .g2-ht-tranh img.g2-ht-ic{width:72px}.g2-hoc-tap .g2-ht-tranh img.g2-ht-be{height:96px;max-width:102px}
  .g2-hoc-tap .g2-ngang em{white-space:nowrap;font-size:11.5px;padding:3px 8px}.g2-hoc-tap .g2-ngang small{font-size:13px}}
/* =====================================================================
   TRANG TRÒ CHƠI TƯ DUY – banner mới (banner-tu-duy.jpg) + menu giống trang Học tập
   ===================================================================== */
/* Tiêu đề trong ảnh bắt đầu từ ~10% bề ngang: nút trở về nhỏ gọn để không đè icon não */
.g2-tu-duy .g2-lui-bn{left:clamp(8px,1vw,16px);top:clamp(8px,.7vw,12px);height:clamp(30px,2.2vw,38px);padding:0 14px 0 10px!important;font-size:clamp(13px,.95vw,16px)}
@media (max-width:1100px){
  .g2-tu-duy .g2-lui-bn{width:36px;height:36px;padding:0!important;justify-content:center}
  .g2-tu-duy .g2-lui-bn span{display:none}.g2-tu-duy .g2-lui-bn svg{width:18px;height:18px}
}
@media (max-width:760px){
  .g2-tu-duy .g2-lui-bn{left:8px;top:50%;transform:translateY(-50%)}
  .g2-tu-duy .g2-thanh-loc{display:block;position:relative;z-index:6;margin-top:8px}
  .g2-tu-duy .g2-loc-nut{display:flex;align-items:center;gap:10px;width:100%;height:52px;padding:0 16px 0 14px!important;border-radius:18px;
    background:linear-gradient(180deg,#ff9a1f,#f26a00)!important;color:#fff!important;font:700 17px 'Baloo 2',sans-serif;
    box-shadow:0 0 0 3px #fff,0 0 0 5px #fde3bf,0 8px 18px rgba(242,106,0,.28);cursor:pointer}
  .g2-tu-duy .g2-tabs{position:absolute;left:0;right:0;top:62px;flex-direction:column;gap:4px;padding:8px!important;border-radius:20px;z-index:3;
    background:#fff;box-shadow:0 0 0 1.5px #e3eefb,0 18px 40px rgba(15,46,114,.22)!important;overflow:visible;max-width:none;
    opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s}
  .g2-tu-duy .g2-thanh-loc.mo .g2-tabs{opacity:1;visibility:visible;transform:none}
  .g2-tu-duy .g2-tab{width:100%;height:50px;justify-content:flex-start;gap:12px;padding:0 12px!important;border-radius:14px;font-size:17px;box-shadow:none!important}
  .g2-tu-duy .g2-tab span{flex:1;text-align:left}
  .g2-tu-duy .g2-tab img{width:30px;height:30px;transform:none}
  .g2-tu-duy .g2-tab.chon{padding-inline:12px!important}
  .g2-tu-duy .g2-tab:not(.chon):active{background:#eef5ff!important}
  .g2-tu-duy .g2-tim{margin-top:12px;max-width:none}
}
@media (min-width:761px) and (max-width:1500px){
  .g2-tu-duy .g2-thanh-loc{flex-wrap:wrap;justify-content:center;row-gap:12px}
  .g2-tu-duy .g2-tabs{flex-wrap:wrap;justify-content:center;border-radius:28px;overflow:visible}
  .g2-tu-duy .g2-tim{flex:0 1 520px;max-width:520px;margin:0 auto}
}
@media (min-width:761px) and (max-width:1500px){
  .g2-tu-duy .g2-tabs{flex:0 1 auto;gap:6px}
  .g2-tu-duy .g2-tab{font-size:16px;padding:0 10px 0 8px!important}
}
@media (max-width:760px){
  /* tiêu đề trong ảnh dài tới ~42% bề ngang (ảnh 2172×294): cao ≤ 30,5% bề ngang để luôn thấy đủ chữ */
  .g2-tu-duy .g2-bn{--min:min(120px,30.5cqw)!important}
}
@media (max-width:400px){.g2-tu-duy .g2-cum-tab h2{font-size:16px;line-height:1.15}}
/* Học tập – điện thoại: thẻ dài hết bề ngang, khoảng cách đều */
@media (max-width:640px){
  .g2-hoc-tap .g2-rong{width:calc(100% - 24px)}
  .g2-hoc-tap .g2-luoi-ngang{padding:0;gap:12px;margin-top:12px;background:none;box-shadow:none;border-radius:0}
  .g2-hoc-tap .g2-cum{margin-top:22px}
  .g2-hoc-tap .g2-cum:first-child{margin-top:16px}
  .g2-hoc-tap .g2-cum-dau{display:block}
  .g2-hoc-tap .g2-cum-tab{width:100%;max-width:none;box-sizing:border-box;border-radius:18px;clip-path:none}
  .g2-hoc-tap .g2-ngang{grid-template-columns:128px 1fr;min-height:200px;box-shadow:0 0 0 2.5px #fff inset,0 0 0 3.5px var(--vt) inset,0 4px 12px rgba(20,90,170,.10)}
  .g2-hoc-tap .g2-ht-tranh img.g2-ht-ic{width:84px}
  .g2-hoc-tap .g2-ht-tranh img.g2-ht-be{height:110px;max-width:122px}
  .g2-hoc-tap .g2-noi{padding:16px 16px 16px 6px}
}
@media (max-width:360px){.g2-hoc-tap .g2-ngang{grid-template-columns:110px 1fr}.g2-hoc-tap .g2-ht-tranh img.g2-ht-ic{width:74px}.g2-hoc-tap .g2-ht-tranh img.g2-ht-be{height:98px;max-width:106px}}
@media (max-width:640px){.g2-hoc-tap .g2-than{padding-top:0;margin-top:0}.g2-hoc-tap .g2-cum:first-child{margin-top:14px}}
@media (max-width:640px){.g2-hoc-tap .g2-cum:first-child{margin-top:20px}}
/* Trang chủ – máy tính: 2 nút trên banner to hơn */
.g2-hero-nut{top:75.5%;gap:calc(var(--cao)*.035);font-size:calc(var(--cao)*.058)}
.g2-hero-nut .g2-hn{height:2.3em;padding:0 1.25em!important;font-weight:800}
.g2-hero-nut{top:79.5%;font-size:calc(var(--cao)*.055)}
.g2-hero-nut .g2-hn{height:2.25em}