/* Bé Ham Học v4 — bộ giao diện chung cho trang công khai, khu học cùng bé và tài khoản.
   Màu lấy từ logo: xanh lá (học tập), xanh dương (nghe – đọc), cam (nút hành động), vàng ngôi sao.
   Phẳng, bo tròn lớn, nút không đổ bóng (v4.3). Nạp SAU site.css và account.css. */
@font-face{font-family:"BHH Nunito";src:url("bhh3/fonts/Nunito.woff2") format("woff2");font-weight:200 1000;font-display:swap}
:root{
  --k-green:#1FA866;--k-green-d:#11864F;--k-green-dd:#0B5E3E;--k-green-l:#E6F7EE;
  --k-blue:#1E88E5;--k-blue-d:#1565C0;--k-blue-l:#E6F2FD;
  --k-orange:#F7931E;--k-orange-d:#C96E00;--k-orange-l:#FFF1E0;
  --k-yellow:#FFC93C;--k-yellow-l:#FFF7D6;--k-pink:#F06292;--k-pink-l:#FDEBF1;--k-purple:#5B5BD6;
  --k-ink:#1F3B33;--k-ink-2:#4B6359;--k-mut:#6B7F77;--k-line:#E3ECE7;--k-bg:#FFFDF8;--k-white:#fff;
  --k-r:22px;--k-r-sm:14px;--k-wrap:1180px;
  /* màu theo độ tuổi – giữ nhất quán ở mọi nơi */
  --a34:#F2784B;--a34-l:#FFEDE4;--a45:#E0A100;--a45-l:#FFF6D9;--a56:#14A37F;--a56-l:#E3F7F0;--l1:#1E88E5;--l1-l:#E6F2FD;
  /* biến cũ của site.css/account.css trỏ về bảng màu mới */
  --green:#1FA866;--green2:#11864F;--blue:#1E88E5;--orange:#F7931E;--yellow:#FFC93C;--ink:#1F3B33;--muted:#6B7F77;--mint:#E6F7EE;--line:#E3ECE7}
html{scroll-padding-top:90px}
body{font-family:"BHH Nunito",ui-rounded,"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--k-bg);color:var(--k-ink)}
body main{display:block}
.k-wrap{max-width:var(--k-wrap);margin:0 auto;padding:0 20px}
.k-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- nút ---------- */
.k-btn,.btn,.v2-btn,.acc-btn,.kn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px!important;font-weight:900;text-decoration:none;cursor:pointer;
  border:2px solid transparent;padding:12px 22px;font-size:15px;line-height:1.2;transition:filter .12s,border-color .12s;font-family:inherit}
.k-btn,.btn,.v2-btn.primary,.acc-btn,.kn-btn{background:var(--k-green)!important;color:#fff!important;box-shadow:none!important}
.k-btn:hover,.btn:hover,.v2-btn.primary:hover,.acc-btn:hover,.kn-btn:hover{filter:brightness(.93)}
.k-btn:active,.btn:active,.acc-btn:active,.kn-btn:active{filter:brightness(.86)}
.k-btn.orange,.btn-yellow{background:var(--k-orange)!important;color:#fff!important;box-shadow:none!important}
.k-btn.blue{background:var(--k-blue)!important;box-shadow:none!important}
.k-btn.ghost,.ghost-btn,.v2-btn.secondary,.acc-btn.ghost,.kn-btn.ghost{background:#fff!important;color:var(--k-ink)!important;border:2px solid var(--k-line)!important;box-shadow:none!important}
.k-btn.ghost:hover,.ghost-btn:hover,.v2-btn.secondary:hover,.acc-btn.ghost:hover,.kn-btn.ghost:hover{border-color:var(--k-green)!important;background:#fff!important;filter:none}
.k-btn.lg{padding:15px 28px;font-size:16.5px}
.k-btn.sm,.acc-btn.small{padding:8px 14px;font-size:13.5px;box-shadow:none!important}
.acc-btn.small.ghost{box-shadow:none!important}
.acc-btn.danger{background:#D93838!important;box-shadow:none!important}

/* ---------- đầu trang ---------- */
.k-head{position:sticky;top:0;z-index:70;background:rgba(255,253,248,.96);backdrop-filter:blur(10px);border-bottom:2px solid #F0EDE4}
.k-head-in{max-width:1240px;margin:0 auto;height:76px;padding:0 20px;display:flex;align-items:center;gap:18px}
.k-logo{flex:none;display:block;line-height:0}
.k-logo img{height:54px;width:auto;display:block}
.k-nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.k-nav>a,.k-nav>.k-dd>button{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--k-ink-2);font-weight:850;font-size:14.5px;background:none;border:0;cursor:pointer;font-family:inherit;white-space:nowrap}
.k-nav>a:hover,.k-nav>.k-dd>button:hover,.k-nav>.k-dd.open>button{background:var(--k-green-l);color:var(--k-green-dd)}
.k-nav>a.on{color:var(--k-green-dd);background:var(--k-green-l)}
.k-nav img.k-ni{width:20px;height:20px}
.k-dd{position:relative}
.k-dd>button:after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:2px}
.k-dd-menu{display:none;position:absolute;top:calc(100% + 8px);left:-10px;width:340px;background:#fff;border:2px solid var(--k-line);border-radius:20px;padding:10px;gap:6px;grid-template-columns:1fr 1fr}
.k-dd.open .k-dd-menu,.k-dd:focus-within .k-dd-menu{display:grid}
@media (hover:hover){.k-dd:hover .k-dd-menu{display:grid}}
.k-dd-menu a{display:block;text-decoration:none;border-radius:14px;padding:10px 12px;background:var(--ac-l);color:var(--k-ink)}
.k-dd-menu a b{display:block;font-size:15px;font-weight:950;color:var(--ac)}
.k-dd-menu a small{font-size:12.5px;font-weight:750;color:var(--k-ink-2)}
.k-dd-menu a:hover{outline:2px solid var(--ac)}
.k-acts{display:flex;align-items:center;gap:8px;flex:none}
.k-acts .k-login{font-weight:900;color:var(--k-ink);text-decoration:none;padding:10px 12px;border-radius:12px;font-size:14.5px}
.k-acts .k-login:hover{background:var(--k-green-l)}
.k-acts .k-btn{padding:10px 18px;font-size:14.5px}
.k-burger{display:none;width:44px;height:44px;border-radius:14px;border:2px solid var(--k-line);background:#fff;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.k-burger span{display:block;width:18px;height:2.5px;border-radius:2px;background:var(--k-ink)}
.k-mnav{display:none}
/* che header cũ nếu còn sót */
.site-header.flat-header{display:none}

/* ---------- đường dẫn vị trí ---------- */
.k-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;font-weight:800;color:var(--k-mut);margin:18px 0 6px}
.k-crumb a{color:var(--k-green-d);text-decoration:none}
.k-crumb a:hover{text-decoration:underline}
.k-crumb i{font-style:normal;color:#B9C7C0}

/* ---------- khối chung ---------- */
.k-sec{padding:64px 0}
.k-sec.tint{background:#F3FAF6}
.k-sec.cream{background:#FFF8EA}
.k-sec.sky{background:#EEF6FE}
.k-wave{display:block;width:100%;height:46px;margin-bottom:-1px}
.k-kick{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:950;letter-spacing:.4px;text-transform:uppercase;color:var(--k-green-d);background:var(--k-green-l);border-radius:999px;padding:6px 14px}
.k-h2{font-size:clamp(26px,3.4vw,38px);line-height:1.15;font-weight:950;margin:12px 0 10px;letter-spacing:-.4px}
.k-lead{font-size:17px;line-height:1.6;color:var(--k-ink-2);font-weight:700;max-width:720px;margin:0}
.k-head-c{text-align:center;margin-bottom:32px}.k-head-c .k-lead{margin:0 auto}
.k-grid{display:grid;gap:16px}
.k-g2{grid-template-columns:repeat(2,minmax(0,1fr))}.k-g3{grid-template-columns:repeat(3,minmax(0,1fr))}.k-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.k-card{background:#fff;border:2px solid var(--k-line);border-radius:var(--k-r);padding:22px;color:var(--k-ink);text-decoration:none;display:block;position:relative}
a.k-card{transition:transform .14s,border-color .14s}
a.k-card:hover{transform:translateY(-3px);border-color:var(--ac,var(--k-green))}
.k-card h3{font-size:19px;font-weight:950;margin:10px 0 6px;line-height:1.25}
.k-card p{margin:0;color:var(--k-ink-2);font-weight:650;line-height:1.55;font-size:15px}
.k-ico{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:var(--ac-l,var(--k-green-l))}
.k-ico img{width:38px;height:38px}
.k-more{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-weight:950;color:var(--ac,var(--k-green-d));font-size:14.5px}
.k-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:900;background:var(--ac-l,var(--k-green-l));color:var(--ac,var(--k-green-dd))}
.k-chips{display:flex;flex-wrap:wrap;gap:6px}
.k-age-a34{--ac:var(--a34);--ac-l:var(--a34-l)}.k-age-a45{--ac:var(--a45);--ac-l:var(--a45-l)}.k-age-a56{--ac:var(--a56);--ac-l:var(--a56-l)}.k-age-l1{--ac:var(--l1);--ac-l:var(--l1-l)}
.k-c-green{--ac:var(--k-green-d);--ac-l:var(--k-green-l)}.k-c-blue{--ac:var(--k-blue-d);--ac-l:var(--k-blue-l)}.k-c-orange{--ac:var(--k-orange-d);--ac-l:var(--k-orange-l)}
.k-c-yellow{--ac:#A87800;--ac-l:var(--k-yellow-l)}.k-c-pink{--ac:#C2185B;--ac-l:var(--k-pink-l)}.k-c-teal{--ac:#0E8C8F;--ac-l:#E0F6F6}.k-c-purple{--ac:var(--k-purple);--ac-l:#EEEEFC}

/* ---------- phần mở đầu trang con ---------- */
.k-pagehero{background:var(--ac-l,#F3FAF6);border-radius:0 0 40px 40px;padding:8px 0 40px;margin-bottom:10px;position:relative;overflow:hidden}
.k-pagehero .k-wrap{position:relative;z-index:1}
.k-pagehero h1{font-size:clamp(28px,4.2vw,46px);line-height:1.12;font-weight:950;margin:10px 0 10px;letter-spacing:-.5px}
.k-pagehero h1 em{font-style:normal;color:var(--ac,var(--k-green-d))}
.k-pagehero .k-lead{max-width:640px}
.k-pagehero .k-acts2{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.k-ph-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:24px;align-items:center}
.k-ph-art{justify-self:end;max-width:300px;width:100%}
.k-ph-art img{width:100%;height:auto;display:block}
.k-deco{position:absolute;pointer-events:none;opacity:.9}

/* ---------- khối "tiếp theo" ---------- */
.k-next{background:#fff;border:2px dashed #CFE3DA;border-radius:26px;padding:22px;margin:34px 0 10px}
.k-next h2{font-size:20px;font-weight:950;margin:0 0 14px;display:flex;align-items:center;gap:10px}
.k-next h2 img{width:28px;height:28px}
.k-next .k-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.k-next a{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--k-ink);background:var(--ac-l,var(--k-green-l));border-radius:18px;padding:12px 14px;transition:transform .12s}
.k-next a:hover{transform:translateY(-2px)}
.k-next a img{width:36px;height:36px;flex:none}
.k-next a b{display:block;font-size:15px;font-weight:950}
.k-next a small{display:block;font-size:12.8px;font-weight:750;color:var(--k-ink-2)}

/* ---------- hỏi đáp ---------- */
.k-faq{display:grid;gap:10px;max-width:860px;margin:0 auto}
.k-faq details{background:#fff;border:2px solid var(--k-line);border-radius:18px;padding:0 18px}
.k-faq details[open]{border-color:#BFE3D0}
.k-faq summary{cursor:pointer;list-style:none;font-weight:900;font-size:16px;padding:16px 30px 16px 0;position:relative}
.k-faq summary::-webkit-details-marker{display:none}
.k-faq summary:after{content:"+";position:absolute;right:0;top:12px;width:26px;height:26px;border-radius:50%;background:var(--k-green-l);color:var(--k-green-d);display:grid;place-items:center;font-weight:950}
.k-faq details[open] summary:after{content:"–"}
.k-faq details p{margin:0 0 16px;color:var(--k-ink-2);font-weight:650;line-height:1.6}

/* ---------- bảng giá ---------- */
.k-price{display:flex;flex-direction:column;gap:10px}
.k-price .k-pp{font-size:34px;font-weight:950;color:var(--ac,var(--k-ink));line-height:1}
.k-price .k-pp small{font-size:15px;color:var(--k-mut);font-weight:800}
.k-price ul{list-style:none;margin:6px 0 10px;padding:0;display:grid;gap:8px}
.k-price li{display:flex;gap:8px;font-weight:700;color:var(--k-ink-2);line-height:1.45;font-size:14.5px}
.k-price li:before{content:"✓";flex:none;width:20px;height:20px;border-radius:50%;background:var(--ac-l,var(--k-green-l));color:var(--ac,var(--k-green-d));font-size:12px;font-weight:950;display:grid;place-items:center;margin-top:1px}
.k-price .k-btn{margin-top:auto}
.k-price.hot{border-color:var(--k-orange);box-shadow:none}
.k-badge{position:absolute;top:-13px;left:22px;background:var(--k-orange);color:#fff;font-size:12.5px;font-weight:950;border-radius:999px;padding:4px 12px}

/* ---------- chân trang ---------- */
.k-foot{background:#1FA866;color:#fff;margin-top:60px;position:relative;padding:0!important;border:0!important}
.k-foot:before{content:"";position:absolute;left:0;right:0;top:-38px;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40V22c120-14 240-22 360-14s240 26 360 22 240-24 360-26 240 10 360 18v18z' fill='%231FA866'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.k-foot-in{max-width:var(--k-wrap);margin:0 auto;padding:40px 20px 24px;display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:26px}
.k-foot-brand img{height:64px;width:auto;background:#fff;border-radius:18px;padding:6px 12px;box-shadow:none}
.k-foot-brand p{font-size:15px;line-height:1.6;font-weight:700;color:#fff;margin:14px 0 0}
.k-foot b{display:block;color:#fff;font-size:16px;font-weight:950;margin-bottom:10px;letter-spacing:.2px}
.k-foot a{display:block;color:#fff;text-decoration:none;font-size:15px;font-weight:800;padding:5px 0}
.k-foot a:hover{color:#FFC93C}
.k-foot-bot{background:#11864F;padding:16px max(20px,calc((100% - 1180px)/2 + 20px)) 22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;color:#fff;font-weight:800}
body>footer:not(.k-foot){display:none}

/* ---------- thanh dưới trên điện thoại ---------- */
.k-tabbar{display:none}

/* ---------- khu tài khoản / học cùng bé (account.css) ---------- */
.acc{--g:var(--k-green);--g2:var(--k-green-d);--ink:var(--k-ink);--mut:var(--k-mut);--ln:var(--k-line);--mint:var(--k-green-l)}
.acc-side,.acc-card,.acc-stat,.acc-kidcard,.lop-card,.pay-box,.pay-opt,.acc-upsell{box-shadow:none!important;border:2px solid var(--k-line)!important;border-radius:var(--k-r)!important}
.acc-side{background:#fff}
.acc-side nav a{border-radius:14px}
.acc-side nav a.on{background:var(--k-green-l);color:var(--k-green-dd)}
.acc-side nav .acc-cta{background:var(--k-orange)!important;color:#fff!important;box-shadow:none!important}
.acc-plan.premium{background:var(--k-yellow);color:#5A3A00}
.acc-h1{font-weight:950}
.acc-note{border-radius:16px}

/* nhãn thông tin trong trình tạo phiếu (đè quy tắc .pill cũ của site.css) */
.b3-info .pill{background:#F1F5F3!important;color:var(--k-ink-2)!important;box-shadow:none!important;padding:5px 12px!important;font-weight:850!important;font-size:12.5px;border-radius:999px;transform:none!important}
.b3-info .pill.good{background:var(--k-green-l)!important;color:var(--k-green-dd)!important}
.b3-info .pill.code{background:var(--k-blue-l)!important;color:var(--k-blue-d)!important}
.b3-info .pill.warnp{background:#FFF1DE!important;color:#9A5B00!important}
.b3-info .pill.qp{background:#FFF7D6!important;color:#7A5600!important}
.b3-info .pill.qp.good{background:var(--k-green-l)!important;color:var(--k-green-dd)!important}

/* trang kỹ năng (ky-nang) dùng cùng hệ màu */
.kn{font-family:inherit!important}
.kn-tabs a{box-shadow:none}
.kn-tabs a.on{background:var(--ac,var(--k-green))!important;border-color:var(--ac,var(--k-green))!important;box-shadow:none}
.kn-grid a,.kn-box{border:2px solid var(--k-line)!important;border-radius:18px!important}
.kn-grid a:hover{border-color:var(--ac,var(--k-green))!important}
.kn-sample{background:#E4E9EC!important}

/* ---------- đáp ứng ---------- */
@media (max-width:1340px){
  .k-head-in{gap:10px}
  .k-nav>a,.k-nav>.k-dd>button{padding:9px 8px;font-size:14px}
  .k-logo img{height:46px}
  .k-acts .k-btn{padding:9px 15px;font-size:14px}
  .k-acts .k-login{padding:9px 8px;font-size:14px}
}
@media (max-width:1180px){
  .k-nav,.k-acts .k-login{display:none}
  .k-burger{display:inline-flex;margin-left:auto}
  .k-acts{order:2}
  .k-head-in{height:66px;gap:10px}
  .k-logo img{height:46px}
  body.k-menu .k-mnav{display:block}
  .k-mnav{position:fixed;inset:66px 0 0;z-index:69;background:var(--k-bg);overflow:auto;padding:16px 20px 120px}
  .k-mnav h4{margin:16px 0 8px;font-size:12.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--k-mut)}
  .k-mnav .k-ages{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .k-mnav .k-ages a{background:var(--ac-l);border-radius:16px;padding:12px;text-decoration:none;color:var(--k-ink)}
  .k-mnav .k-ages a b{display:block;color:var(--ac);font-weight:950}
  .k-mnav .k-ages a small{font-weight:750;font-size:12.5px;color:var(--k-ink-2)}
  .k-mnav .k-links a{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1.5px solid #EEF2EF;text-decoration:none;color:var(--k-ink);font-weight:900;font-size:16px}
  .k-mnav .k-links a img{width:28px;height:28px}
  .k-mnav .k-mbtns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
  body.k-menu{overflow:hidden}
  .k-foot-in{grid-template-columns:1fr 1fr}
  .k-foot-brand{grid-column:1/-1}
  .k-g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .k-g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .k-ph-grid{grid-template-columns:1fr}.k-ph-art{justify-self:center;max-width:220px}
}
@media (max-width:760px){
  .k-acts .k-btn{padding:8px 13px;font-size:13px;box-shadow:none!important}
  .k-g2,.k-g3{grid-template-columns:1fr}
  .k-sec{padding:44px 0}
  .k-tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:65;background:#fff;border-top:2px solid #EEF2EF;padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
  .k-tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--k-mut);font-size:11.5px;font-weight:900;padding:4px 0;border-radius:12px}
  .k-tabbar a img{width:26px;height:26px;filter:grayscale(.35);opacity:.85}
  .k-tabbar a.on{color:var(--k-green-dd);background:var(--k-green-l)}
  .k-tabbar a.on img{filter:none;opacity:1}
  body{padding-bottom:70px}
  body:has(.b3) .k-tabbar,body:has(.hcb-player) .k-tabbar{display:none}
  body:has(.b3){padding-bottom:0}
  .k-foot{margin-top:40px}
  .k-foot-in{gap:18px;padding-top:30px}
}
@media print{.k-head,.k-foot,.k-tabbar,.k-mnav{display:none!important}body{background:#fff;padding:0}}

/* ---------- trang con: độ tuổi, lộ trình, bảng giá, hỏi đáp, bài viết ---------- */
.k-pagehero .k-kick img,.p-sub img{width:22px;height:22px}
.p-agetabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0 10px}
.p-agetabs a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:18px;background:#fff;border:2px solid var(--k-line);text-decoration:none;color:var(--k-ink);transition:.12s}
.p-agetabs a img{width:36px;height:36px;flex:none}
.p-agetabs a b{display:block;font-size:16px;font-weight:950;color:var(--ac)}
.p-agetabs a small{display:block;font-size:12.5px;font-weight:800;color:var(--k-mut)}
.p-agetabs a:hover{border-color:var(--ac)}
.p-agetabs a[aria-selected="true"]{background:var(--ac);border-color:var(--ac);box-shadow:none}
.p-agetabs a[aria-selected="true"] b,.p-agetabs a[aria-selected="true"] small{color:#fff}
.p-agetabs a[aria-selected="true"] img{background:#fff;border-radius:12px;padding:3px}
.p-sub{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:950;margin:34px 0 14px}
.p-sub small{font-size:13.5px;font-weight:800;color:var(--k-mut);margin-left:4px}
.p-sub .k-ico{width:44px;height:44px;border-radius:14px}.p-sub .k-ico img{width:28px;height:28px}
.p-strand .kn-grid a{background:#fff}
.p-strand .kn-grid a b{color:var(--k-ink)}
.p-strand .kn-grid a:hover{border-color:var(--ac)!important}
.p-preset .k-ico{width:54px;height:54px}
.p-weeks{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.p-week{background:#fff;border:2px solid var(--k-line);border-radius:22px;padding:16px 18px;border-left:8px solid var(--ac)}
.p-week-h{display:flex;gap:12px;align-items:center}
.p-wk-ic{width:46px;height:46px;border-radius:14px;background:var(--ac-l);display:grid;place-items:center;flex:none}.p-wk-ic img{width:30px;height:30px}
.p-week-h small{font-size:12.5px;font-weight:900;color:var(--ac);text-transform:uppercase;letter-spacing:.3px}
.p-week-h h3{margin:2px 0 0;font-size:18px;font-weight:950}
.p-week p{margin:10px 0;color:var(--k-ink-2);font-weight:700;font-size:14.5px}
.p-week .k-chip{background:#F5F8F6;color:var(--k-ink-2);font-weight:800;font-size:12.5px}
.p-how{margin-top:30px}
.p-free{text-align:center;font-weight:800;color:var(--k-ink-2);margin:22px 0 0}.p-free a{color:var(--k-green-d)}
.p-prices{margin-top:26px}.p-prices .k-card{padding-top:26px}
.p-packs .k-card h3{font-size:28px;margin:10px 0 4px;color:var(--ac)}
.p-policy{margin-top:26px}.p-policy ul{margin:8px 0 0;padding-left:20px;line-height:1.7;color:var(--k-ink-2);font-weight:650}
.p-faqnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.p-faqnav a{text-decoration:none;background:#fff;padding:6px 14px 6px 8px}.p-faqnav img{width:22px;height:22px}
.p-faqgrp{margin-top:30px}
.p-faqgrp h2{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:950;max-width:860px;margin:0 auto 14px}
.p-faqgrp h2 .k-ico{width:46px;height:46px;border-radius:14px}.p-faqgrp h2 .k-ico img{width:30px;height:30px}
.p-article{max-width:820px}
.p-article h1{font-size:clamp(28px,4vw,42px);font-weight:950;line-height:1.15;margin:12px 0}
.p-art-img{width:100%;border-radius:24px;max-height:440px;object-fit:cover;margin:20px 0}
.p-art-body{font-size:18px;line-height:1.8;margin-top:20px}
.p-artcard{padding:0;overflow:hidden;display:flex;flex-direction:column}
.p-artcard img:first-child{width:100%;aspect-ratio:16/9;object-fit:cover}
.p-art-ph{display:grid;place-items:center;aspect-ratio:16/9;background:var(--ac-l)}.p-art-ph img{width:72px;height:72px}
.p-artcard h3,.p-artcard p,.p-artcard .k-more{margin-left:18px;margin-right:18px}.p-artcard .k-more{margin-bottom:18px}.p-artcard h3{margin-top:14px}
@media (max-width:760px){.p-agetabs{grid-template-columns:repeat(2,minmax(0,1fr))}.p-weeks{grid-template-columns:1fr}.p-sub{font-size:19px}}

/* v4.2: nhãn chất lượng buổi học */
.hcb-badge{display:inline-block;margin-left:6px;font-size:11.5px;font-weight:900;border-radius:999px;padding:2px 9px;vertical-align:1px;background:#EEF3F1;color:var(--k-ink-2);text-transform:none;letter-spacing:0}
.hcb-badge.teacher{background:var(--k-green-l);color:var(--k-green-dd)}
.hcb-badge.team{background:var(--k-blue-l);color:var(--k-blue-d)}
.hcb-rv{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--k-green);margin-right:2px}
.hcb-qa{font-size:13px;margin:6px 0 12px}
.hcb-dl-h{display:flex;gap:14px;align-items:flex-start}.hcb-dl-h img{width:52px;height:52px;background:var(--k-orange-l);border-radius:16px;padding:8px;flex:none}
.hcb-dl-h h2{margin:2px 0 4px}.hcb-dl-h p{margin:0}
.hcb-dl-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-top:12px}
.hcb-dl-row .acc-field{margin:0;min-width:220px}.hcb-dl-row select{width:100%;border:2px solid var(--k-line);border-radius:12px;padding:10px;font:inherit;font-weight:800;background:#fff}
.hcb-dl-row .acc-check{display:inline-flex;gap:6px;align-items:center;font-weight:800;padding-bottom:10px}
.hcb-dl .acc-btn{background:var(--k-orange)!important;box-shadow:none!important}

/* ---------- menu tài khoản v4.3: gọn, mục ít dùng gom vào "Thêm" ---------- */
.acc-side{padding:16px!important}
.acc-me{display:flex;align-items:center;gap:10px}
.acc-me>div{min-width:0}
.acc-me b{font-size:16px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-av{flex:none;width:42px;height:42px;border-radius:50%;background:var(--k-green-l);color:var(--k-green-dd);display:grid;place-items:center;font-weight:950;font-size:18px}
.acc-plan{margin-top:2px!important}
.acc-side>.acc-cta{display:flex;justify-content:center;margin:14px 0 6px;padding:9px 12px;border-radius:999px;background:#fff;color:var(--k-orange);border:1.5px solid var(--k-orange);font-weight:900;font-size:14px;text-decoration:none}
.acc-side>.acc-cta:hover{background:var(--k-orange);color:#fff}
.acc-nav{display:grid!important;gap:2px!important;margin-top:8px!important}
.acc-nav>a{display:flex;align-items:center;gap:10px;padding:9px 10px!important;border-radius:12px!important;color:var(--k-ink)!important;font-weight:850}
.acc-nav>a img{width:24px;height:24px;flex:none}
.acc-nav>a:hover{background:#F6F8F4}
.acc-nav a.on{background:var(--k-green-l)!important;color:var(--k-green-dd)!important}
.acc-more{margin-top:6px;border-top:1.5px solid var(--k-line);padding-top:6px}
.acc-more summary{list-style:none;cursor:pointer;padding:8px 10px;border-radius:12px;font-weight:850;color:var(--k-ink-2);display:flex;align-items:center;justify-content:space-between}
.acc-more summary::-webkit-details-marker{display:none}
.acc-more summary:after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .15s}
.acc-more[open] summary:after{transform:rotate(-135deg);margin-top:4px}
.acc-more summary:hover{background:#F6F8F4}
.acc-more>div{display:grid;gap:1px;padding:2px 0 0}
.acc-more a{display:block;padding:8px 10px 8px 14px;border-radius:10px;text-decoration:none;color:var(--k-ink-2);font-weight:750;font-size:14.5px}
.acc-more a:hover{background:#F6F8F4}
.acc-more .acc-link{display:block;width:100%;padding:8px 10px 8px 14px!important;font-size:14.5px;color:var(--k-mut)}
@media (max-width:900px){
  .acc-side{padding:10px 16px 10px!important;border-radius:0!important;border-width:0 0 2px!important}
  .acc-me{display:none!important}
  .acc-side>.acc-cta{display:none}
  .acc-nav{display:flex!important;gap:6px!important;margin:0!important;overflow:visible!important;flex-wrap:nowrap;align-items:center}
  .acc-nav>a{flex:1 1 0;min-width:0;flex-direction:column;gap:2px;padding:6px 2px!important;font-size:11.5px;text-align:center;border:0!important;line-height:1.15;white-space:normal!important}
  .acc-nav>a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .acc-nav>a img{width:22px;height:22px}
  .acc-more{position:relative;margin:0;border:0;padding:0;flex:none}
  .acc-more summary{flex-direction:column;gap:2px;padding:6px 4px;font-size:11.5px;width:48px}
  .acc-more summary:before{content:"•••";font-size:16px;letter-spacing:1px;line-height:22px}
  .acc-more summary:after{display:none}
  .acc-more>div{position:absolute;right:0;top:calc(100% + 6px);z-index:30;background:#fff;border:2px solid var(--k-line);border-radius:16px;padding:6px;min-width:210px;box-shadow:0 14px 34px rgba(31,59,51,.14)}
}

/* v4.6 — trạng thái menu hiện tại và CTA lộ trình */
.k-mnav .k-links>a.on{background:var(--k-green-l);color:var(--k-green-dd)}
.k-route-actions{align-items:center}
.k-route-count{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border:1.5px solid color-mix(in srgb,var(--ac,var(--k-green)) 38%,#dfe9e4);border-radius:14px;background:rgba(255,255,255,.76);color:var(--ac,var(--k-green-d));font-weight:950;white-space:nowrap}
@media(max-width:620px){.k-route-actions{align-items:stretch}.k-route-count{justify-content:center;width:100%}}
/* v4.7 — menu tài khoản 6 mục: điện thoại hiện 4 mục, 2 mục còn lại trong "Thêm" */
.acc-more a.m-only{display:none}
@media (max-width:900px){ .acc-nav>a.m-more{display:none!important} .acc-more a.m-only{display:block} }

/* v4.9 — thân bài viết: hộp lưu ý, ảnh có chú thích, bảng (dùng cho bài nhập từ Excel) */
.p-art-body h2{font-size:clamp(23px,3vw,28px);line-height:1.3;margin:36px 0 12px}
.p-art-body h3{font-size:clamp(19px,2.4vw,22px);line-height:1.35;margin:26px 0 10px}
.p-art-body blockquote{margin:22px 0;padding:14px 18px;border-left:5px solid #1fa866;background:#f1faf5;border-radius:0 14px 14px 0;color:#24443a}
.p-art-body blockquote p{margin:0}.p-art-body blockquote p+p{margin-top:8px}
.p-art-body figure.bhh-figure,.p-art-body figure{margin:26px 0}
.p-art-body figure img{display:block;width:100%;height:auto;border-radius:18px}
.p-art-body figcaption{margin-top:8px;font-size:15px;line-height:1.5;color:#5d7269;text-align:center}
.p-art-body table{width:100%;border-collapse:collapse;margin:20px 0;font-size:16px;line-height:1.55;display:block;overflow-x:auto}
.p-art-body th,.p-art-body td{border:1px solid #dcebe4;padding:10px 12px;text-align:left;vertical-align:top}
.p-art-body thead th,.p-art-body tr:first-child th{background:#eaf7f1;color:#175f46;font-weight:900}
.p-art-body ul,.p-art-body ol{padding-left:24px}.p-art-body li{margin:6px 0}
.p-art-body a{color:#147a52;text-underline-offset:3px}
@media(max-width:620px){.p-art-body{font-size:17px}.p-art-body table{font-size:15px}}
.article-toc ol{list-style:none;padding-left:4px}.article-toc li.toc-h3{margin-left:18px;font-size:.94em}.article-toc li.toc-h3::before{content:"– ";color:#8aa59a}

/* v4.9.3: trang danh sách Góc cha mẹ — thanh chủ đề, khối giới thiệu, liên kết nhanh, nhãn chuyên mục */
.seo-topic-nav{display:flex;gap:8px;overflow-x:auto;margin:26px 0 18px;padding:2px 2px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.seo-topic-nav::-webkit-scrollbar{display:none}
.seo-topic-nav a{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:8px 10px 8px 15px;border:2px solid var(--k-line);border-radius:999px;background:#fff;color:var(--k-ink-2);font-weight:850;font-size:14.5px;line-height:1.2;text-decoration:none;white-space:nowrap;transition:border-color .12s,background .12s,color .12s}
.seo-topic-nav a small{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--k-green-l);color:var(--k-green-dd);font-size:12px;font-weight:900}
.seo-topic-nav a:hover{border-color:var(--k-green);color:var(--k-green-dd)}
.seo-topic-nav a.on{background:var(--k-green);border-color:var(--k-green);color:#fff}
.seo-topic-nav a.on small{background:rgba(255,255,255,.24);color:#fff}
.seo-editorial-intro{background:linear-gradient(135deg,var(--k-green-l) 0%,#fff 72%);border:2px solid #CDEBDC;border-radius:var(--k-r);padding:22px 26px;margin:0 0 26px}
.seo-editorial-intro h2{font-size:clamp(20px,2.4vw,26px);font-weight:950;line-height:1.25;margin:0 0 8px;color:var(--k-ink);letter-spacing:-.2px}
.seo-editorial-intro p{margin:0 0 16px;max-width:900px;color:var(--k-ink-2);font-size:16px;line-height:1.65}
.seo-quick-links{display:flex;flex-wrap:wrap;gap:8px}
.seo-quick-links a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:2px solid #CDEBDC;border-radius:12px;background:#fff;color:var(--k-green-dd);font-weight:850;font-size:14.5px;text-decoration:none;transition:background .12s,color .12s,border-color .12s}
.seo-quick-links a::after{content:"→";font-weight:900;transition:transform .12s}
.seo-quick-links a:hover{background:var(--k-green);border-color:var(--k-green);color:#fff}
.seo-quick-links a:hover::after{transform:translateX(2px)}
.seo-card-topic{align-self:flex-start;margin:14px 18px 0;padding:4px 10px;border-radius:999px;background:var(--k-green-l);color:var(--k-green-dd);font-size:12px;font-weight:900;line-height:1.3}
.p-artcard .seo-card-topic+h3{margin-top:8px}
#bai-viet>a[hidden]{display:none}
@media (max-width:760px){.seo-topic-nav{margin-top:18px}.seo-editorial-intro{padding:18px}.seo-editorial-intro p{font-size:15px}}

/* v4.9.5: nút "Hỗ trợ" nổi (thẻ .k-ci dùng trong menu nút) */
.k-ci{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border:2px solid var(--k-line);border-radius:16px;background:#fff;text-decoration:none;color:var(--k-ink);transition:border-color .14s,transform .14s,box-shadow .14s;min-width:0}
.k-foot .k-ci{display:flex;padding:10px 14px 10px 10px;color:var(--k-ink);font-size:inherit}
.k-ci:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(20,60,45,.10)}
.k-foot .k-ci:hover{color:var(--k-ink)}
.k-ci i{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff}
.k-ci i svg{width:21px;height:21px}
.k-ci span{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.k-ci small{font-size:12.5px;font-weight:800;color:var(--k-mut)}
.k-ci b{font-size:15.5px;font-weight:950;overflow-wrap:anywhere;color:inherit;margin:0;letter-spacing:0}
.k-ci.zalo i{background:#0068FF}.k-ci.zalo:hover{border-color:#9fc3ff}
.k-ci.call i{background:var(--k-green)}.k-ci.call:hover{border-color:#a8dcc0}
.k-ci.mail i{background:var(--k-orange)}.k-ci.mail:hover{border-color:#f9cf98}
.k-fab{position:fixed;right:18px;bottom:22px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:10px;transition:opacity .2s,transform .2s}
.k-fab.k-fab-off{opacity:0;transform:translateY(12px);pointer-events:none}
.k-fab-btn{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 20px 0 16px;border:0;border-radius:999px;background:#0068FF;color:#fff;font:inherit;font-weight:900;font-size:15px;text-decoration:none;cursor:pointer;box-shadow:0 10px 24px rgba(0,60,160,.28)}
.k-fab-btn svg{width:22px;height:22px}
.k-fab-btn:hover{filter:brightness(1.06)}
.k-fab.open .k-fab-btn{background:#1F3B33}
.k-fab-menu{width:250px;background:#fff;border-radius:20px;padding:10px;display:grid;gap:8px;box-shadow:0 16px 40px rgba(15,50,35,.22);border:2px solid var(--k-line)}
.k-fab-menu .k-ci{border-width:0;padding:8px}
.k-fab-menu .k-ci:hover{background:#F4F9F6;box-shadow:none;transform:none}
.k-fab-menu[hidden]{display:none}
.k-fab-menu p{margin:2px 8px 4px;font-size:12.5px;font-weight:800;color:var(--k-mut)}
@media (max-width:900px){.k-fab{right:12px;bottom:16px}.k-fab-btn{width:52px;padding:0;justify-content:center}.k-fab-btn span{display:none}}
@media (max-width:760px){.k-fab{bottom:calc(84px + env(safe-area-inset-bottom))}}
body:has(.b3) .k-fab,body:has(.hcb-player) .k-fab{display:none}
@media print{.k-fab{display:none!important}}

/* v4.10.3: thông tin liên hệ dưới logo ở chân trang — cùng cỡ chữ, nhịp dòng với các cột liên kết */
.k-foot-info{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:0}
.k-foot-info li{display:flex;align-items:flex-start;gap:9px;padding:5px 0}
.k-foot-info svg{flex:0 0 auto;width:18px;height:18px;margin-top:2px;color:#fff;opacity:.9}
.k-foot-info span{min-width:0}
.k-foot .k-foot-info a{display:inline;padding:0;font-size:15px;font-weight:800;color:#fff;overflow-wrap:anywhere}
.k-foot .k-foot-info a:hover{color:#FFC93C}
.k-foot-info i{font-style:normal;margin:0 7px;opacity:.7;font-weight:800}

/* v4.10.4: hai nút tròn nổi Zalo (xanh) + Gọi (đỏ), có vòng sóng lan nhẹ */
.k-fab2{position:fixed;right:16px;bottom:24px;z-index:60;display:flex;flex-direction:column;gap:16px;transition:opacity .2s,transform .2s}
.k-fab2.k-fab-off{opacity:0;transform:translateY(12px);pointer-events:none}
.k-fab2-btn{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;color:#fff;text-decoration:none;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.k-fab2-btn::before,.k-fab2-btn::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;opacity:.45;z-index:-1;animation:kRing 1.8s ease-out infinite}
.k-fab2-btn::after{animation-delay:.9s}
.k-fab2-btn.zalo{background:#0068FF}
.k-fab2-btn.call{background:#E5322D}
.k-fab2-btn.call svg{animation:kShake 1.6s ease-in-out infinite}
.k-fab2-btn img{width:34px;height:34px;object-fit:contain}
.k-fab2-z{display:flex;flex-direction:column;align-items:center;line-height:1}
.k-fab2-z svg{width:22px;height:22px}
.k-fab2-z b{font-size:11px;font-weight:950;letter-spacing:.2px;margin-top:1px}
.k-fab2-btn:hover{filter:brightness(1.07)}
@keyframes kRing{0%{transform:scale(1);opacity:.45}100%{transform:scale(1.55);opacity:0}}
@keyframes kShake{0%,60%,100%{transform:rotate(0)}10%,30%,50%{transform:rotate(-14deg)}20%,40%{transform:rotate(14deg)}}
@media (prefers-reduced-motion:reduce){.k-fab2-btn::before,.k-fab2-btn::after,.k-fab2-btn.call svg{animation:none}}
@media (max-width:760px){.k-fab2{right:12px;gap:14px;bottom:calc(86px + env(safe-area-inset-bottom))}.k-fab2-btn{width:50px;height:50px}}
body:has(.b3) .k-fab2,body:has(.hcb-player) .k-fab2{display:none}
@media print{.k-fab2{display:none!important}}

/* v4.10.5: dòng hỗ trợ trong menu ☰ điện thoại */
.k-mhelp{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 4px;padding:10px 12px;border-radius:14px;background:#F4F9F6}
.k-mhelp span{font-weight:900;color:var(--k-ink);font-size:14px;margin-right:auto}
.k-mhelp a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#fff;color:var(--k-green-dd);font-weight:900;font-size:14px;text-decoration:none;border:1.5px solid var(--k-line)}
.k-mhelp a:first-of-type{background:#0068FF;color:#fff;border-color:#0068FF}
.k-mhelp svg{width:16px;height:16px}

/* v4.10.5: máy tính — khối logo + liên hệ canh đáy, dòng cuối địa chỉ ngang dòng cuối cột "Học tập" (logo tự đẩy lên) */
@media (min-width:1181px){
  .k-foot-brand{position:relative}
  .k-foot-brand-in{position:absolute;left:0;right:0;bottom:0}
  .k-foot-brand-in img{height:58px}
  .k-foot-in{padding-top:56px}
}