@charset "UTF-8";
/*
Theme Name: TCKN v2
Author: Phạm Hoàng Quân · Tài Chính Khởi Nghiệp
Description: Giao diện bản 2 của taichinhkhoinghiep.vn, dựng từ mockup đã duyệt 26/09/2026.
Version: 0.1.0
Text Domain: tckn-v2
*/

:root{
  --xanh:#0173BA; --xanh-dam:#015A92; --la:#18AC4A; --la-chu:#0E7F36; --la-sang:#18AC4A;
  --chu:#111827; --chu2:#1F2937; --chu3:#1F2937; --vien:#CBD5E1; --nen:#FFFFFF; --nen2:#F1F5F9;
  --do:#B42318; --r:10px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Be Vietnam Pro',system-ui,sans-serif;color:var(--chu);background:#EEF1F4;font-size:16px;line-height:1.6}
a{color:var(--xanh);font-weight:600}
/* ===== Khung mockup ===== */
.bar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--vien);padding:10px 16px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.bar b{font-size:14px;margin-right:6px}
.tab{border:1px solid var(--vien);background:#fff;border-radius:12px;padding:6px 10px;font:600 14px 'Be Vietnam Pro';color:var(--chu2);cursor:pointer;display:flex;gap:6px;align-items:center}
.tab[aria-selected=true]{border-color:var(--xanh);background:#EAF3FB;color:var(--xanh-dam)}
.so{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:7px;background:var(--xanh);color:#fff;font-weight:800;font-size:13px;line-height:1}
.so.lon{min-width:34px;height:34px;font-size:16px;border-radius:9px}
.wrap{max-width:1280px;margin:20px auto;padding:0 16px}
.man{display:none}.man.on{display:block}
.khung{background:var(--nen);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(17,24,39,.08)}
.ghichu{background:#FFFBEB;border:1px solid #F3D48A;border-radius:12px;padding:14px 16px;margin:14px 0;color:var(--chu2);font-size:15px}
.ghichu h3{font-size:15px;margin-bottom:6px}
.ghichu li{margin-left:18px}
/* ===== Web v2 ===== */
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 32px;height:72px;border-bottom:1px solid var(--vien);background:#fff}
.logo{white-space:nowrap;display:flex;flex-direction:column;line-height:1.05;text-decoration:none}
.logo .l1{font-weight:800;font-size:19px;color:var(--xanh)}
.logo .l1 span{color:var(--la)}
.logo .l2{font-size:13px;letter-spacing:.14em;color:var(--la-chu);font-weight:600}
.nav{display:flex;gap:22px;align-items:center;list-style:none}
.nav a{color:var(--chu2);text-decoration:none;font-weight:600;font-size:15px;display:flex;gap:6px;align-items:center}
.nav a.dang{color:var(--xanh)}
.goi{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r);padding:12px 20px;font:700 16px 'Montserrat';text-decoration:none;border:2px solid transparent;cursor:pointer;white-space:nowrap}
.btn.chinh{background:var(--xanh);color:#fff}
.btn.phu{background:#fff;color:var(--xanh-dam);border-color:var(--xanh)}
.btn.la{background:var(--la-chu);color:#fff}
.btn.nho{padding:8px 14px;font-size:14px}
.btn:active{transform:translateY(1px)}
.sec{padding:64px 32px}
.sec.xam{background:var(--nen2)}
.h1{font-size:44px;line-height:1.15;font-weight:800;letter-spacing:-.01em;color:var(--chu)}
.h2{font-size:30px;line-height:1.25;font-weight:800;color:var(--chu);margin-bottom:12px;display:flex;gap:10px;align-items:center}
.h3{font-size:19px;font-weight:700;color:var(--chu);margin-bottom:6px}
.p{color:var(--chu2);font-size:17px;max-width:62ch}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:56px 32px}
.that{border:1.5px solid var(--vien);border-radius:12px;overflow:hidden;background:#fff}
.giay{border:2px solid var(--xanh);border-radius:12px;padding:28px;background:#fff}
.giay dt{font-size:14px;font-weight:700;color:var(--chu3);margin-top:14px}
.giay dd{font-size:20px;font-weight:800;color:var(--chu)}
.gio{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.gio button{border:2px solid var(--vien);background:#fff;border-radius:12px;padding:12px 6px;font:700 15px 'Be Vietnam Pro';color:var(--chu)}
.gio button.chon1{border-color:var(--xanh);background:#EAF3FB;color:var(--xanh-dam)}
@media (max-width:900px){.gio{grid-template-columns:1fr 1fr}}
.anh{background:repeating-linear-gradient(45deg,#E9EEF3 0 12px,#F3F6F9 12px 24px);border:1px dashed #9CA3AF;border-radius:12px;display:grid;place-items:center;color:var(--chu3);font-weight:600;text-align:center;padding:16px;font-size:14px}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.tin{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--vien);border-bottom:1px solid var(--vien)}
.tin div{padding:22px 24px;border-right:1px solid var(--vien)}
.tin div:last-child{border-right:0}
.tin b{display:block;font-size:26px;color:var(--xanh-dam);font-weight:800}
.tin span{color:var(--chu3);font-size:14px;font-weight:500}
.chon{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
.the{border:1.5px solid var(--vien);border-radius:12px;padding:26px;background:#fff;position:relative}
.the .so{position:absolute;top:18px;right:18px}
.the ul{margin:12px 0 18px 18px;color:var(--chu2)}
.buoc{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:28px;counter-reset:b}
.buoc div{border-top:3px solid var(--xanh);padding-top:14px}
.buoc b{display:block;font-size:17px;margin-bottom:4px}
.buoc span{color:var(--chu3);font-size:15px}
.bento{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:16px;margin-top:24px}
.bento a{text-decoration:none;color:inherit;border:1.5px solid var(--vien);border-radius:12px;padding:20px;background:#fff;display:flex;flex-direction:column;gap:6px}
.bento a.to{grid-row:span 2;background:#EAF3FB;border-color:#C7DDF0}
.bento .dem{font-size:14px;color:var(--chu3);font-weight:600}
.dong{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--vien)}
.dong:last-child{border-bottom:0}
.nhan{font-size:13px;font-weight:700;color:var(--la-chu);white-space:nowrap}
.cta{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;background:var(--xanh-dam);color:#fff;border-radius:12px;padding:40px}
.cta .h2,.cta .p{color:#fff}
.foot{background:#0F2A40;color:#E5EDF4;padding:44px 32px 28px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;font-size:15px}
.foot h2{color:#fff;font-size:15px;margin-bottom:10px}
.foot a{color:#E5EDF4;font-weight:500;text-decoration:none;display:block;margin-bottom:6px}
.foot .ban{grid-column:1/-1;border-top:1px solid #2B4A63;padding-top:16px;font-size:13px;color:#C9D6E2}
.noi{position:sticky;bottom:0;display:none}
.hang{display:grid;grid-template-columns:260px 1fr;gap:36px}
.loc{border:1px solid var(--vien);border-radius:12px;padding:18px;align-self:start;background:#fff}
.loc a{display:flex;justify-content:space-between;padding:9px 10px;border-radius:12px;color:var(--chu2);text-decoration:none;font-weight:600;font-size:15px}
.loc a.dang{background:#EAF3FB;color:var(--xanh-dam)}
.tim{display:flex;gap:10px;margin-bottom:18px}
.tim input{flex:1;border:2px solid #9CA3AF;border-radius:12px;padding:12px 14px;font:500 16px 'Be Vietnam Pro';color:var(--chu)}
.tim input:focus{outline:3px solid #BFDBFE;border-color:var(--xanh)}
label{display:block;font-weight:700;color:var(--chu2);margin-bottom:6px;font-size:15px}
.o{width:100%;border:2px solid #9CA3AF;border-radius:12px;padding:12px 14px;font:500 16px 'Be Vietnam Pro';color:var(--chu);background:#fff}
.form{display:grid;gap:16px}
.form .loi{color:var(--do);font-size:14px;font-weight:600}
.bai{display:grid;grid-template-columns:1fr 300px;gap:40px}
.bai article h1{font-size:34px;line-height:1.25;font-weight:800;margin:10px 0}
.bai article p{font-size:18px;color:var(--chu2);margin:14px 0;max-width:68ch}
.bai article h2{font-size:23px;margin-top:28px}
.hop{border:1px solid var(--vien);border-radius:12px;padding:20px;background:#fff}
.gia{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.gtl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}
.gtl div{padding:22px;border-left:4px solid var(--la);background:#fff}
.dieu{max-width:820px}
.dieu details{border:1px solid var(--vien);border-radius:12px;padding:14px 18px;margin-bottom:10px;background:#fff}
.dieu summary{font-weight:700;cursor:pointer;color:var(--chu)}
.mob{width:390px;max-width:100%;border:10px solid #111827;border-radius:36px;overflow:hidden;background:#fff;margin:0 auto}
.mob .top{padding:0 16px;height:60px}
.mob .sec{padding:28px 16px}
.mob .h1{font-size:28px}
.daymb{display:none}
.day{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid var(--vien)}
@media (max-width:900px){
  .hero,.chon,.buoc,.bento,.cta,.foot,.hang,.bai,.gia,.gtl,.tin{grid-template-columns:1fr}
  .bento a.to{grid-row:auto}.nav{display:none}.h1{font-size:30px}.sec,.hero{padding:32px 16px}.top{padding:0 16px}
  .goi{display:none}.daymb{display:grid;position:sticky;bottom:0;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid var(--vien)}
  .tin div{border-right:0;border-bottom:1px solid var(--vien)}
}

/* ===== Ban 3: tuong phan manh, khong chim vao nen may tinh ===== */
body{background:#C9DCEC}
.khung{border:2px solid var(--xanh);box-shadow:0 10px 30px rgba(1,50,90,.28)}
.top{background:#0B2E4F;border-bottom:4px solid var(--la)}
.top .logo .l1{color:#fff}.top .logo .l1 span{color:#5FD48A}.top .logo .l2{color:#A7E3BD}
.top .nav a{color:#E6EEF5}.top .nav a.dang{color:#fff;text-decoration:underline;text-underline-offset:6px}
.top .btn.phu{background:transparent;color:#fff;border-color:#fff}
.top .btn.chinh{background:var(--la-chu);color:#fff}
.hero{background:var(--xanh);color:#fff}
.hero .h1,.hero .p,.hero .h1 span{color:#fff}
.hero .btn.chinh{background:#fff;color:var(--xanh-dam)}
.hero .btn.phu{background:transparent;color:#fff;border-color:#fff}
.hero .giay,.hero .that{border:0;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.tin{background:#0B2E4F;border:0}.tin div{border-color:#24496B}.tin b{color:#fff}.tin span{color:#DCE8F2}
.sec.xam{background:#DCEAF5}
.the,.hop,.bento a,.giay,.loc,.dieu details{box-shadow:0 2px 10px rgba(1,50,90,.14)}
.cta{background:#0B2E4F;border:3px solid var(--la)}
.foot{background:#071E33}
.bar{background:#0B2E4F;border-bottom:0}.bar b{color:#fff}
.tab{background:#12395E;border-color:#24496B;color:#fff}
.tab[aria-selected=true]{background:var(--la-chu);border-color:var(--la-chu);color:#fff}
.chung{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.trong{color:#334155;font-size:15px;border:1.5px dashed #64748B;border-radius:12px;padding:10px;margin-top:8px}
@media (max-width:900px){.chung{grid-template-columns:1fr}}

/* Phong thuong hieu: Montserrat cho tieu de, nut, so, logo */
.h1,.h2,.h3,h1,h2,h3,.btn,.logo,.ten,.tin b,.giay dd,.tab,.nav a,nav a{font-family:'Montserrat',sans-serif}
.h1,h1{font-weight:800;letter-spacing:-.01em}.logo .l1,.ten{font-weight:800}.logo .l2{font-family:'Montserrat';font-weight:500;letter-spacing:.18em}

.moc{position:relative;margin-top:22px;padding-left:28px;border-left:4px solid var(--xanh)}
.moc div{position:relative;padding:0 0 18px}
.moc div::before{content:"";position:absolute;left:-38px;top:4px;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--xanh)}
.moc b{display:block;font-family:'Montserrat';font-size:18px;color:var(--xanh-dam)}
.moc span{color:var(--chu2);font-size:16px}
.cc{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
@media (max-width:900px){.cc{grid-template-columns:1fr 1fr}}

/* Dau/chan trang luon tran sat mep, ke ca man co khoang dem */
.khung.sec>.top{margin:-64px -32px 28px}
.khung.sec>.foot{margin:32px -32px -64px}
.khung.sec>.daymb{margin:0 -32px -64px}
@media (max-width:900px){.khung.sec>.top{margin:-32px -16px 20px}.khung.sec>.foot{margin:24px -16px -32px}.khung.sec>.daymb{margin:0 -16px -32px}}

/* Menu giu nguyen nhan web that + menu tha xuong */
.top{height:auto;min-height:72px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}
.top .nav{gap:16px;flex-wrap:wrap;flex:1;justify-content:center}
.top .nav a{font-size:14px}
.tha{position:relative}
.tha .con{display:none;position:absolute;top:100%;left:0;z-index:40;background:#fff;border:2px solid var(--xanh);border-radius:12px;padding:6px;min-width:220px;box-shadow:0 10px 24px rgba(1,50,90,.25)}
.tha:hover .con,.tha:focus-within .con{display:block}
.tha .con a{display:block;color:var(--chu)!important;padding:9px 12px;border-radius:12px;font-weight:600}
.tha .con a:hover{background:#E3EFF9}

.top .nav{flex-wrap:wrap;gap:4px 22px;min-width:0;flex-basis:100%;justify-content:flex-start}.top .nav a{white-space:normal}
.top{justify-content:space-between}.top .goi{order:2;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.top .nav{order:3}
.top .goi .dt{color:#fff;font-weight:800;font-size:17px;text-decoration:none;display:flex;flex-direction:column;align-items:flex-end;line-height:1.25;min-height:44px;justify-content:center}.top .goi .dt small{font-size:14px;font-weight:600;color:#A7E3BD}
.top .goi .hen{background:var(--la-chu);color:#fff;font-weight:800;padding:0 18px;min-height:44px;display:inline-flex;align-items:center;border-radius:12px;text-decoration:none}
/* ===== Kieu tai lieu (gop tu file rieng, pham vi .kb) ===== */
.kb{--xanh:#0173BA;--xanh-dam:#015A92;--la:#18AC4A;--la-chu:#0E7F36;--navy:#0B2E4F;--chu:#111827;--chu2:#1F2937;--chu3:#334155;--vien:#CBD5E1;--nen:#DCEAF5}
.kb a{color:var(--xanh);font-weight:600;text-decoration:none}
.kb .dau{background:var(--xanh);color:#fff;padding:52px 28px;text-align:left}
.kb .dau h1{font-size:40px;line-height:1.15;font-weight:800}
.kb .dau p{max-width:60ch;margin-top:10px;color:#fff}
.kb .otim{display:flex;gap:10px;margin-top:22px;max-width:760px}
.kb .otim input{flex:1;border:0;border-radius:12px;padding:16px 18px;font:500 17px 'Be Vietnam Pro';color:var(--chu)}
.kb .goiy{margin-top:12px;font-size:15px;color:#E6F2FB}
.kb .goiy a{color:#fff;text-decoration:underline;margin-right:12px}
.kb .sec{padding:40px 28px}
.kb .xam{background:var(--nen)}
.kb h2{font-size:26px;font-weight:800;margin-bottom:6px}
.kb .luoi{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.kb .the{display:block;background:#fff;border:1.5px solid var(--vien);border-left:5px solid var(--xanh);border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(1,50,90,.12);color:var(--chu)}
.kb .the b{display:block;font-size:19px;color:var(--chu)}
.kb .the span{display:block;margin-top:4px;color:var(--chu2);font-size:15px;font-weight:500}
.kb .the em{display:inline-block;margin-top:10px;font-style:normal;font-size:14px;font-weight:700;color:var(--la-chu)}
.kb .hai{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}
.kb .dong{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--vien)}
.kb .dong:last-child{border-bottom:0}
.kb .dong small{color:var(--chu3);font-size:14px;white-space:nowrap}
.kb .cta{background:var(--navy);border:3px solid var(--la);border-radius:12px;padding:26px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.kb .cta h3{font-size:22px}
.kb .cta p,.kb .noi .cta p{color:#fff;margin-top:4px}
.kb .doc{display:grid;grid-template-columns:270px 1fr 230px;min-height:700px}
.kb .doc.hai-cot{grid-template-columns:270px 1fr}
.kb .cay{border-right:1.5px solid var(--vien);padding:18px 12px;background:#F4F8FC}
.kb .cay b{display:block;font-size:13px;letter-spacing:.06em;color:var(--chu3);margin:6px 10px 8px}
.kb .cay details{margin-bottom:4px}
.kb .cay summary{list-style:none;cursor:pointer;padding:9px 10px;border-radius:12px;font-weight:700;color:var(--chu);display:flex;justify-content:space-between;font-size:16px}
.kb .cay summary::after{content:"+";color:var(--chu3)}
.kb .cay details[open] summary::after{content:"−"}
.kb .cay summary small{margin-left:auto;margin-right:8px;color:var(--chu3);font-weight:600}
.kb .cay a{display:block;padding:7px 10px 7px 22px;color:var(--chu2);font-weight:500;font-size:15px;border-radius:12px}
.kb .cay a.dang,.kb .cay summary.dang{background:#E3EFF9;color:var(--xanh-dam)}
.kb .noi{display:block;position:static;padding:24px 36px 40px}
.kb .vitri{font-size:14px;color:var(--chu3);margin-bottom:10px}
.kb .vitri a{font-weight:600}
.kb .noi h1{font-size:34px;line-height:1.2;font-weight:800;margin-bottom:8px}
.kb .meta{display:flex;gap:14px;flex-wrap:wrap;font-size:14px;color:var(--chu3);margin-bottom:18px}
.kb .meta b{color:var(--chu2)}
.kb .doc-bai{margin:0 8px 6px 0}
.kb .doc-bai-ghi-chu{font-size:14px;color:var(--chu3);margin:0 0 18px;max-width:60ch}
.kb .doc-bai-chon-giong{display:inline-flex;align-items:center;gap:8px;font:700 14px 'Montserrat';color:var(--chu2);margin:0 8px 6px 0}
.kb .doc-bai-chon-giong select{font:600 14px 'Be Vietnam Pro';padding:8px 10px;border-radius:var(--r);border:1.5px solid var(--vien);background:#fff}
.kb .doc-bai-audio{display:block;width:100%;max-width:420px;margin:4px 0 18px}
.kb .noi .dang-doc{background:#FFF4CC;border-radius:4px;box-shadow:0 0 0 4px #FFF4CC}
.kb .tom{background:#EAF6EE;border-left:5px solid var(--la);border-radius:12px;padding:16px 18px;margin:16px 0}
.kb .noi h2{font-size:23px;margin-top:28px;scroll-margin-top:90px}
.kb .noi p,.kb .noi li{max-width:70ch;color:var(--chu2);margin-top:10px}
.kb .noi ol{margin-left:22px}
.kb figure{margin:16px 0;border:1.5px solid var(--vien);border-radius:12px;overflow:hidden;max-width:760px}
.kb figure img{width:100%;display:block}
.kb figcaption{padding:10px 14px;font-size:15px;color:var(--chu2);background:#F4F8FC}
.kb .luu{background:#FFF7E6;border-left:5px solid #C27803;border-radius:12px;padding:14px 16px;margin:16px 0;max-width:70ch}
.kb .tiep{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.kb .tiep a{border:1.5px solid var(--vien);border-radius:12px;padding:14px 16px;color:var(--chu)}
.kb .tiep a small{display:block;color:var(--chu3);font-size:14px;font-weight:600}
.kb .tiep a:last-child{text-align:right}
.kb .phai{padding:24px 16px;border-left:1.5px solid var(--vien)}
.kb .phai b{font-family:'Montserrat';font-size:13px;letter-spacing:.06em;color:var(--chu3)}
.kb .phai a{display:block;padding:6px 0 6px 10px;border-left:3px solid var(--vien);color:var(--chu2);font-weight:500;font-size:15px}
.kb .phai a.dang{border-color:var(--xanh);color:var(--xanh-dam);font-weight:700}
.kb .huu{margin-top:24px;border:1.5px solid var(--vien);border-radius:12px;padding:14px;font-size:15px}
.kb .mbcay{display:none;margin-bottom:12px}
@media (max-width:1000px){.kb .luoi,.kb .hai,.kb .foot,.kb .tiep{grid-template-columns:1fr}
.kb .doc,.kb .doc.hai-cot{grid-template-columns:1fr}
.kb .cay,.kb .phai{display:none}
.kb .noi{padding:18px 16px 28px}
.kb .noi h1,.kb .dau h1{font-size:28px}
.kb .sec,.kb .dau{padding:28px 16px}
.kb .mbcay{display:block!important}}
.kb .btn.la{background:var(--la-chu);color:#fff}.kb .btn.xanh{background:var(--xanh);color:#fff}
.kb .btn.trang{background:#fff;color:var(--xanh-dam)}.kb .btn.vien{border:2px solid #fff;color:#fff;background:transparent}
.kb h1,.kb h2,.kb h3,.kb .the b,.kb .cay b{font-family:'Montserrat',sans-serif}
.kb a{text-decoration:none}


/* Chấm #b2 26/09: chỗ bấm >= 44px, chữ >= 14px (vai bà ngoại, WCAG 2.5.5) */
.kb .cay a,.kb .cay summary,.kb .phai a{min-height:44px;display:flex;align-items:center}
.kb .cay b,.kb .phai b,.kb .cay summary small,.logo .l2,.so{font-size:14px}
.top .nav a{min-height:44px}
.kb .mbcay summary{min-height:48px;display:flex;align-items:center;justify-content:center}
.kb .noi img{height:auto}
.kb .mbcay a,.kb .mbcay summary{min-height:44px;display:flex;align-items:center;font-size:16px}
.kb small,.foot .ban{font-size:14px}
.top .logo{min-height:44px;display:flex;flex-direction:column;justify-content:center}
.kb .phanhoi{margin-top:16px;font-size:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.kb .phanhoi button{min-height:44px;padding:0 18px;border:1.5px solid var(--xanh);border-radius:12px;background:#fff;color:var(--xanh-dam);font:inherit;font-weight:700;cursor:pointer}
.foot a{display:flex;align-items:center;min-height:44px}.foot p a,.foot .ban a{display:inline-flex!important}
.kb .vitri a,.foot p a,.kb .huu a,.kb .loc a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px}
.kb .dung{margin-top:10px;font-size:16px;color:var(--chu)}
.kb table.han{width:100%;border-collapse:collapse;margin-top:14px;font-size:16px}
.kb table.han caption{text-align:left;font-weight:800;margin-bottom:6px;color:var(--chu)}
.kb table.han th,.kb table.han td{border:1.5px solid var(--vien);padding:10px;text-align:left;vertical-align:top;color:var(--chu)}
.kb table.han th{background:#E3EFF9}
.kb .can{font-size:14px;color:var(--chu3);margin-top:8px}
.kb .zalo{margin-top:28px;border:2px solid var(--xanh);border-radius:12px;padding:18px;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.kb .zalo p{margin-top:4px}
@media (max-width:600px){.kb table.han caption{display:block}.kb table.han,.kb table.han tbody,.kb table.han tr,.kb table.han td{display:block}.kb table.han thead{display:none}.kb table.han tr{border:1.5px solid var(--vien);border-radius:12px;margin-bottom:10px;padding:6px}.kb table.han td{border:0;padding:4px 8px}}
.kb .camon{font-weight:700;color:var(--la-chu)}
.bangdo{margin:10px 0 14px}.bangdo table{border-collapse:collapse;width:100%;margin-top:8px;font-size:15px}
.bangdo th,.bangdo td{border:1px solid #CBD5E1;padding:8px;text-align:left;vertical-align:top}
@media (max-width:600px){.bangdo table,.bangdo tbody,.bangdo tr,.bangdo td{display:block}.bangdo thead{display:none}.bangdo tr{margin-bottom:8px;border:1px solid #CBD5E1}.bangdo td{border:0}}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #F5A623;outline-offset:2px;border-radius:6px}
.bo-qua{position:absolute;left:-9999px;top:0;background:#0B2E4F;color:#fff;padding:12px 16px;z-index:99;font-weight:700}
.bo-qua:focus{left:12px;top:12px}
.nut-menu{display:none}
@media (max-width:900px){
  .top{flex-wrap:wrap;align-items:center;padding-top:10px;padding-bottom:10px}
  .nut-menu{display:inline-flex;align-items:center;margin-left:auto;min-height:44px;padding:0 18px;border:2px solid #fff;border-radius:12px;background:transparent;color:#fff;font:inherit;font-weight:800;cursor:pointer}
  .top.mo .nav{display:flex;flex-direction:column;align-items:stretch;gap:0;flex-basis:100%;order:4;margin-top:8px;border-top:1px solid #2B4A63}
  .top.mo .nav a{min-height:48px;display:flex;align-items:center;font-size:17px;border-bottom:1px solid #2B4A63}
  .top.mo .tha .con{display:block;position:static;background:transparent;border:0;box-shadow:none;padding:0 0 0 16px}
  .top.mo .tha .con a{color:#E6EEF5!important;font-size:16px}
}

/* ===== Ban WordPress that: bo khung trinh bay cua mockup, chuyen menu WP ===== */
body{background:#fff}
.wrap{max-width:none;margin:0;padding:0}
.khung{border:0!important;border-radius:0!important;box-shadow:none!important;max-width:none}
.top .nav .sub-menu{display:none;position:absolute;top:100%;left:0;z-index:40;background:#fff;border:2px solid var(--xanh);border-radius:12px;padding:6px;min-width:220px;list-style:none;box-shadow:0 10px 24px rgba(1,50,90,.25)}
.top .nav li{position:relative;list-style:none}
.top .nav .menu-item-has-children:hover>.sub-menu,.top .nav .menu-item-has-children:focus-within>.sub-menu{display:block}
.top .nav .sub-menu a{display:block;color:var(--chu)!important;padding:9px 12px;border-radius:12px;font-weight:600;min-height:44px}
.top .nav .sub-menu a:hover{background:#E3EFF9}
.top .nav .menu-item-has-children>a::after{content:"";display:inline-block;width:0;height:0;margin-left:6px;vertical-align:middle;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor} /* mũi tên vẽ bằng viền: "▾" không có trong phông web nên rơi phông máy (14/10/2026) */
.top .nav .current-menu-item>a{text-decoration:underline;text-underline-offset:6px;color:#fff}
@media (max-width:900px){.top.mo .nav .sub-menu{display:block;position:static;background:transparent;border:0;box-shadow:none;padding:0 0 0 16px}.top.mo .nav .sub-menu a{color:#E6EEF5!important}}
.kb .noi img{max-width:100%;height:auto}
.kb .noi table{border-collapse:collapse;width:100%;margin:14px 0}.kb .noi td,.kb .noi th{border:1.5px solid var(--vien);padding:8px;vertical-align:top}
.kb .noi .wp-block-embed iframe,.kb .noi iframe{max-width:100%}
.phan-trang{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.phan-trang a,.phan-trang span{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--vien);border-radius:12px;padding:0 12px;font-weight:700}
.phan-trang .current{background:var(--xanh);color:#fff;border-color:var(--xanh)}
.trang-noi{max-width:880px;margin:0 auto;padding:40px 16px}
.trang-noi img{max-width:100%;height:auto}

/* 26/09: ảnh nổi (alignleft/alignright) trong nội dung cũ không được kéo chân trang lên */
.trang-noi::after,.kb .noi::after{content:"";display:table;clear:both}
.foot{clear:both}
.wp-block-image.alignleft{float:left;margin:0 20px 12px 0}
.wp-block-image.alignright{float:right;margin:0 0 12px 20px}
.lich-hen{clear:both;margin-top:18px;border:1.5px solid var(--vien);border-radius:12px;overflow:hidden;background:#fff}
.lich-hen iframe{display:block;width:100%;height:760px;border:0}
@media (max-width:600px){.wp-block-image.alignleft,.wp-block-image.alignright{float:none;margin:0 0 12px}.lich-hen iframe{height:900px}}

/* 26/09: menu luôn dính trên cùng (anh Hai yêu cầu) */
.khung{overflow:visible!important}
.top{position:sticky;top:0;z-index:60;box-shadow:0 1px 0 rgba(0,0,0,.08)}
body.admin-bar .top{top:32px}
@media (max-width:782px){body.admin-bar .top{top:46px}}
@media (max-width:600px){body.admin-bar .top{top:0}}
[id]{scroll-margin-top:150px}
@media (max-width:900px){[id]{scroll-margin-top:90px}.top.mo .nav{max-height:calc(100dvh - 90px);overflow-y:auto;flex-wrap:nowrap} /* nowrap: cột menu dài hơn màn thì cuộn dọc, không gói sang cột 2 tràn ngang (20/10/2026, Phạm Hoàng Quân) */}
.kb .cay,.kb .phai{position:sticky;top:150px;align-self:start;max-height:calc(100vh - 170px);overflow-y:auto}

/* 26/09: nội dung trang dán từ mockup có số cột viết thẳng trong thẻ (style=) -> điện thoại phải về 1 cột */
@media (max-width:900px){.bento,.chon,.buoc,.hop,.cc,.gia,.gtl,.tin,.hang,.bai{grid-template-columns:1fr!important}.bento a.to{grid-row:auto!important}}
@media (min-width:601px) and (max-width:900px){.chon,.cc{grid-template-columns:1fr 1fr!important}}
.kb .noi h2,.kb .noi h3{scroll-margin-top:160px}
@media (max-width:900px){.kb .noi h2,.kb .noi h3{scroll-margin-top:90px}}

/* ===== Soát chất lượng 26/09/2026 ===== */
/* Trang chuyên mục/thẻ tràn ngang trên điện thoại: cột lưới phải được co */
.kb .doc>*{min-width:0}
.kb .mbcay,.kb .mbcay details{max-width:100%}
/* Chữ tối thiểu 14px (luật anh Hai) */
.nhan,span.nhan,p.nhan{font-size:14px!important}
/* Nút tải tệp của WordPress: to, rõ, đủ tương phản */
.wp-block-file{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:16px}
.wp-block-file a{font-size:16px!important;min-height:44px;display:inline-flex;align-items:center}
.wp-block-file .wp-block-file__button{background:var(--xanh-dam)!important;color:#fff!important;padding:0 18px;border-radius:12px;font-weight:700}
/* Chỗ bấm >= 44px cho nút nhỏ và link trong đoạn văn trang dán từ mockup */
.btn.nho{min-height:44px}
.trang-noi p>a,.hop p>a{display:inline-block;padding:9px 0;min-height:44px}
/* Tiêu đề trang Tuyển dụng: chữ xanh nhạt trên nền xanh không đủ tương phản */
h1 span[style*="#A7E3BD"],.hero h1 span{color:#fff!important;text-decoration:underline;text-decoration-color:#5FD48A;text-underline-offset:8px}
/* Ô đếm lượt xem và nút in ở ĐẦU trang: khách không hiểu số, bỏ; nút in giữ ở cuối bài (plugin tự chèn) */
.pdfprnt-buttons.pdfprnt-top-right,.pdfprnt-top-right{display:none!important}
.post-views,.pvc_stats{display:none!important}
/* Nội dung cũ: dòng chấm trống và đường kẻ quá đậm */
.noi li:empty{display:none}
.noi hr,.trang-noi hr{border:0;border-top:1px solid var(--vien);margin:18px 0}
/* Video nhẹ */
.video-nhe{position:relative;display:block;width:100%;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:pointer;background:#000}
.video-nhe img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;opacity:.85}
.video-nhe span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:var(--xanh-dam);font-weight:800;padding:12px 22px;border-radius:999px;min-height:44px;font-size:16px}
/* Lưới bài ở trang chuyên mục/thẻ: máy tính 2 cột, điện thoại 1 cột */
.kb .luoi.luoi-bai{grid-template-columns:1fr 1fr}
@media (max-width:700px){.kb .luoi.luoi-bai{grid-template-columns:1fr}}
.kb .luoi .the,.kb .luoi .the *{overflow-wrap:anywhere}
/* Link đứng riêng (không nằm giữa câu) cần đủ 44px */
.giay a,.the p>a{display:inline-block;padding:9px 0;min-height:44px}
/* Nút đặt lịch qua CRM (thay lịch Google, 26/09/2026) */
.lich-hen-crm{clear:both;margin-top:18px;padding:22px;border:1.5px solid var(--vien);border-radius:12px;background:#fff}
.lich-hen-crm .btn{min-height:52px;padding:0 28px;font-size:18px}
.lich-hen-crm p{margin:12px 0 0}
@media (max-width:600px){.lich-hen-crm .btn{width:100%;justify-content:center}}
/* Cuộn xuống thì thu gọn thanh đầu trang: 1 hàng, bỏ dòng phụ (anh Hai: menu chiếm diện tích) */
/* bỏ transition padding: đo chiều cao để bù chỗ (tckn.js) cần giá trị cuối ngay, không chờ chuyển động */
.top.gon{padding-top:6px;padding-bottom:6px;min-height:0;row-gap:4px}
.top.gon .logo .l2{display:none}  /* 28/09: số tổng đài + giờ làm việc LUÔN hiện kể cả khi thu gọn (anh Hai: "cố định ở top menu") */
.top.gon .logo .l1{font-size:17px}
@media (min-width:901px){
  .top.gon{flex-wrap:nowrap}
  .top.gon .nav{order:1;flex:1 1 auto;flex-basis:auto;gap:4px 18px}
  .top.gon .goi{order:2;margin-left:0}
}
@media (prefers-reduced-motion:reduce){.top{transition:none}}
.top .goi .hen{white-space:nowrap}
@media (min-width:901px) and (max-width:1479px){.top.gon .logo{display:none}}
/* Bỏ bóng đổ thẻ — chỉ giữ viền mảnh (máy chấm giao diện: 8/8 thẻ đổ bóng, dấu vết AI) */
.the,.hop,.bento a,.giay,.loc,.dieu details,.kb .the,.hero .giay,.hero .that{box-shadow:none!important}
.hero .giay,.hero .that{border:1.5px solid var(--vien)!important}
/* Màu có sẵn của trình soạn WordPress quá nhạt trên nền trắng → đổi sang tông đậm, cùng họ màu (tương phản ≥ 4.5:1) */
.has-luminous-vivid-orange-color,[style*="color:#ff6900"],[style*="color: #ff6900"]{color:#B3470A!important}
.has-vivid-red-color,[style*="color:#ff0000"],[style*="color: #ff0000"],[style*="color:#cf2e2e"]{color:#B91C1C!important}
.has-luminous-vivid-amber-color,[style*="color:#fcb900"],[style*="color: #fcb900"]{color:#8A5A00!important}
.has-vivid-green-cyan-color,[style*="color:#00d084"]{color:#047857!important}
.has-vivid-cyan-blue-color,[style*="color:#0693e3"]{color:#0B5E9C!important}
.has-pale-cyan-blue-color,.has-light-green-cyan-color,.has-pale-pink-color,.has-cyan-bluish-gray-color{color:#1F2937!important}
/* Nền xanh tươi của trình soạn: đổi sang nền xanh rất nhạt, chữ đậm (bớt loè, đọc rõ) */
.has-vivid-cyan-blue-background-color{background:#E6F1FA!important;border-left:4px solid #1B75BC}
.has-luminous-vivid-amber-background-color{background:#FFF6DB!important}
.has-vivid-red-background-color{background:#FDECEC!important;color:#7F1D1D!important}
/* Bàn tay chỉ thẳng vào nút đặt lịch (anh Hai 26/09) */
.lich-hen-crm.co-tay{display:flex;align-items:center;gap:20px}
.lich-hen-crm .tay-chi{width:200px;height:auto;flex:none;border:0;border-radius:0;margin:0}
.lich-hen-crm .noi-hen{min-width:0;flex:1}
@media (max-width:600px){.lich-hen-crm.co-tay{gap:10px}.lich-hen-crm .tay-chi{width:96px}}
/* Tô nền chữ trong bài (mark) bằng màu tươi quá loè → nền vàng rất nhạt, chữ đậm */
mark.has-inline-color[style*="background-color"]{background:#FFF4CC!important;color:#111827!important;padding:0 2px}
/* Mẫu đơn CRM vẽ trên web */
.tckn-mau-don{margin-top:18px}
.md-form{display:grid;gap:18px}
.md-phan{border:1.5px solid var(--vien);border-radius:12px;padding:18px 18px 6px;margin:0;display:grid;gap:18px;min-width:0}
.md-phan legend{font-weight:800;font-size:17px;color:#0B2E4F;padding:0 8px}
.md-o{display:grid;gap:6px;min-width:0}
.md-nhan{font-weight:700;color:#111827;font-size:16px}
.md-bat-buoc{color:#B91C1C}
.md-goi-y{color:#374151;font-size:14px}
.md-o input[type=text],.md-o input[type=email],.md-o input[type=tel],.md-o input[type=date],.md-o input[type=number],.md-o select,.md-o textarea{width:100%;min-height:48px;padding:10px 12px;font:inherit;font-size:16px;color:#111827;background:#fff;border:1.5px solid #9CA3AF;border-radius:12px}
.md-o textarea{min-height:110px}
.md-o input:focus,.md-o select:focus,.md-o textarea:focus{outline:3px solid #1B75BC;outline-offset:1px;border-color:#1B75BC}
.md-lua-chon{display:grid;gap:6px}
.md-chon{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding:8px 10px;border:1.5px solid var(--vien);border-radius:12px;cursor:pointer;color:#111827}
.md-chon input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:#1B75BC}
.md-dong-y .md-chon{font-weight:600}
.md-o.co-loi input,.md-o.co-loi select,.md-o.co-loi textarea,.md-o.co-loi .md-chon{border-color:#B91C1C}
.md-loi{color:#B91C1C;font-weight:700;margin:0;font-size:15px}
.md-loi:empty{display:none}
.md-gui{min-height:52px;font-size:18px;justify-self:start;padding:0 32px}
.md-gui[disabled]{opacity:.7;cursor:wait}
.md-bao{color:#111827;font-weight:600;margin:0}
.md-bay{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.md-xong{border:2px solid #15803D;border-radius:12px;padding:20px;background:#F0FDF4;color:#14532D}
.md-xong b{font-size:20px}
@media (max-width:600px){.md-phan{padding:14px 12px 4px}.md-gui{width:100%}}

/* ===== Radio Thuế (26/09/2026) — lấy từ mockup đã duyệt ===== */
.rt{max-width:1180px;margin:0 auto;padding:28px 20px 140px;color:#111827}
.rt-dau{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;border-bottom:3px solid #0B2E4F;padding-bottom:18px}
.rt-dau h1{font-size:40px;line-height:1.1;margin:0}
.rt-dau p{margin:8px 0 0;font-size:18px;color:#1F2937;max-width:680px}
.rt-dem{display:flex;gap:26px}
.rt-dem div{text-align:right}.rt-dem b{display:block;font-size:28px;font-family:Montserrat,sans-serif;color:#0B2E4F}.rt-dem span{font-size:14px;color:#374151}
.so{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border-radius:15px;background:#1B75BC;color:#fff;font-weight:800;font-size:15px;margin-right:8px;font-family:Montserrat,sans-serif;vertical-align:middle}
.rt h2{font-size:22px;margin:30px 0 12px}
.rt-loc{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.rt-loc button{min-height:44px;padding:0 16px;border:1.5px solid #9CA3AF;border-radius:22px;background:#fff;font:inherit;font-weight:700;color:#111827;cursor:pointer}
.rt-loc button.dang{background:#0B2E4F;border-color:#0B2E4F;color:#fff}
.rt-loc2{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px;padding:10px 0 0 14px;border-left:3px solid #0B2E4F}
.rt-loc2 button{min-height:44px;font-size:15px}
.rt-tim{width:100%;min-height:48px;font:inherit;font-size:16px;padding:0 14px;border:1.5px solid #9CA3AF;border-radius:12px}
.rt-cay{border-left:3px solid #0B2E4F;margin:10px 0 0 6px;padding-left:18px;display:grid;gap:10px}
.rt-vb{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:1.5px solid #D1D5DB;border-radius:12px;padding:14px 16px;background:#fff}
.rt-vb.con{margin-left:34px;position:relative}
.rt-vb.con:before{content:"";position:absolute;left:-36px;top:50%;width:30px;border-top:2px solid #0B2E4F}
.rt-cap{font-size:13px;font-weight:800;letter-spacing:.06em;color:#fff;background:#0B2E4F;border-radius:6px;padding:4px 8px;white-space:nowrap}
.rt-cap.nd{background:#1B6E3C}.rt-cap.tt{background:#1B75BC}.rt-cap.nq{background:#0B2E4F}
.rt-vb b{display:block;font-size:17px}.rt-vb small{display:block;color:#374151;font-size:14px;margin-top:3px}
.rt-hl{color:#15803D;font-weight:700}.rt-hl:before{content:"● "}
.rt-het{color:#B91C1C;font-weight:700}.rt-het:before{content:"● "}
.rt-nghe{min-height:44px;padding:0 18px;border:0;border-radius:12px;background:#1B75BC;color:#fff;font:inherit;font-weight:800;cursor:pointer;white-space:nowrap}
.rt-hai{display:grid;grid-template-columns:320px 1fr;gap:26px;margin-top:10px}
.rt-ml{border:1.5px solid #D1D5DB;border-radius:12px;padding:12px;align-self:start;position:sticky;top:80px;max-height:70vh;overflow:auto}
.rt-ml a{display:flex;justify-content:space-between;gap:10px;min-height:44px;align-items:center;padding:0 10px;border-radius:12px;color:#111827;text-decoration:none;font-weight:600}
.rt-ml a.dang{background:#E6F1FA;color:#0B2E4F;font-weight:800}
.rt-ml a span{color:#374151;font-weight:600;font-size:14px}
.rt-van{border:1.5px solid #D1D5DB;border-radius:12px;padding:22px 26px;font-size:18px;line-height:1.75}
.rt-van h3{font-size:19px;margin:18px 0 6px}
.rt-van .dang-doc{background:#FFF4CC;border-radius:4px;box-shadow:0 0 0 4px #FFF4CC}
.rt-nguon{font-size:14px;color:#374151;border-top:1px solid #E5E7EB;margin-top:16px;padding-top:10px}
.rt-may{position:fixed;left:0;right:0;bottom:0;z-index:70;background:#0B2E4F;color:#fff}
/* Thanh nghe dùng tên lớp riêng rt-trong / rt-dk — trước đây trùng .trong (khung đứt nét) và .rt-nut (cây văn bản) nên bị phình, nút xếp dọc */
.rt-may .rt-thanh{height:6px;background:#244A6E;cursor:pointer}.rt-thanh i{display:block;height:100%;width:0;background:#15803D}
.rt-trong{max-width:1180px;margin:0 auto;padding:8px 20px;display:flex;align-items:center;gap:16px}
.rt-tt{flex:1;min-width:0}.rt-tt b,.rt-tt small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rt-tt b{font-size:16px;color:#fff}.rt-tt small{font-size:14px;color:#D1E3F2}
.rt-dk{display:flex;gap:8px;align-items:center}
.rt-dk button{min-width:48px;min-height:48px;border-radius:24px;border:2px solid #fff;background:transparent;color:#fff;font:inherit;font-weight:800;cursor:pointer;padding:0 12px}
.rt-dk .phat{background:#15803D;border-color:#15803D;min-width:76px;font-size:17px}
.rt-phai{display:flex;gap:8px;align-items:center;position:relative}
.rt-phai select,.rt-tuy summary{min-height:44px;border-radius:12px;border:2px solid #fff;background:#0B2E4F;color:#fff;font:inherit;font-weight:700;padding:0 10px;cursor:pointer}
.rt-tuy summary{display:flex;align-items:center;list-style:none}.rt-tuy summary::-webkit-details-marker{display:none}
.rt-tuy-hop{position:absolute;right:0;bottom:56px;width:280px;background:#fff;color:#111827;border-radius:12px;padding:14px;display:grid;gap:10px;box-shadow:0 8px 24px rgba(11,46,79,.25)}
.rt-tuy-hop label{font-weight:700;color:#111827}
.rt-tuy-hop select{min-height:44px;border:1.5px solid #0B2E4F;border-radius:12px;font:inherit;font-weight:700;color:#111827;background:#fff;padding:0 10px}
.rt-chon{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}.rt-chon input{width:20px;height:20px}
#rt-chi-nghe{min-height:44px;border-radius:12px;border:0;background:#0B2E4F;color:#fff;font:inherit;font-weight:800;cursor:pointer}
body.rt-chi-nghe .rt-hai{display:none}
body.rt-chi-nghe .rt-may{top:0;display:flex;flex-direction:column;justify-content:center}
body.rt-chi-nghe .rt-trong{flex-direction:column;gap:24px;text-align:center;width:100%}
body.rt-chi-nghe .rt-tt{flex:none;max-width:100%}body.rt-chi-nghe .rt-tt b{font-size:22px;white-space:normal}
body.rt-chi-nghe .rt-dk{gap:14px}body.rt-chi-nghe .rt-dk button{min-width:80px;min-height:80px;border-radius:40px;font-size:22px}
body.rt-chi-nghe .rt-dk .phat{min-width:120px;min-height:120px;border-radius:60px}
body.rt-chi-nghe .rt-may .rt-thanh{order:2;width:min(90%,700px);margin:0 auto;height:14px;border-radius:7px}
/* Chữ và mục lục cuộn TRONG khung riêng → trang có điểm dừng, không kéo vô tận */
/* Giữ SẴN chiều cao (height, không phải max-height) → chữ tải về không đẩy trang (Lighthouse CLS 0,84 → gần 0) */
/* ponytail: giữ chỗ cây danh mục theo chiều cao đo 27/09 (579px máy tính, 1307px điện thoại) — danh mục dài thêm thì chỉ nhảy phần dư; muốn hết hẳn thì in cây sẵn từ PHP */
.rt-cay{min-height:560px}.rt-loc{min-height:44px}
@media (max-width:900px){.rt-cay{min-height:1250px}.rt-loc{min-height:200px}.rt-loc button{padding:0 12px;font-size:15px}}
.rt-van{height:calc(100vh - 230px);overflow:auto;position:relative}.rt-ml{height:calc(100vh - 230px);max-height:none}
.rt-them{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rt-them div{border:1.5px solid #D1D5DB;border-radius:12px;padding:16px}.rt-them b{display:block;margin-bottom:4px}
@media (max-width:900px){.rt-dau{grid-template-columns:1fr}.rt-dem div{text-align:left}.rt-hai{grid-template-columns:1fr}.rt-ml{position:static;height:32vh}.rt-them{grid-template-columns:1fr}.rt-dau h1{font-size:30px}
 .rt-vb{grid-template-columns:1fr;gap:8px}.rt-vb.con{margin-left:16px}.rt-vb.con:before{left:-18px;width:14px}.rt-nghe{width:100%}
 .rt-trong{flex-wrap:wrap;gap:6px 8px;padding:6px 12px}.rt-tt{flex:1 1 100%}.rt-dk{gap:6px}.rt-dk button{padding:0 8px}.rt-dk .phat{min-width:60px}.rt-phai{gap:6px;margin-left:auto}.rt-phai select,.rt-tuy summary{padding:0 8px}
 .rt-tuy-hop{position:fixed;left:12px;right:12px;bottom:130px;width:auto}.rt-van{padding:16px;font-size:17px;height:calc(100dvh - 260px)}}
.rt-vb.con.chau{margin-left:68px}
.rt-may b,.rt-may small{color:#fff!important}.rt-may small{opacity:1;color:#D1E3F2!important}
@media (max-width:900px){.rt-vb.con.chau{margin-left:32px}.rt-dem{display:grid;grid-template-columns:repeat(3,auto);gap:14px;justify-content:start}.rt-dem b{font-size:20px;white-space:nowrap}.rt-dem span{font-size:13px}
 .rt-dk button{min-height:44px;min-width:44px}}
.page-template-trang-radio-thue .daymb{display:none!important}
.rt-cho{font-size:14px;font-weight:700;color:#374151;white-space:nowrap}
.rt-van .rt-d{cursor:pointer;margin:0 0 10px}.rt-van h3.rt-d{margin-top:18px}
.rt-van .rt-d.dang-doc{background:#FFF4CC;border-radius:4px;box-shadow:0 0 0 4px #FFF4CC}
.rt-ml a.ml-chuong{font-weight:800;color:#0B2E4F;border-top:1px solid #E5E7EB;margin-top:4px}
.rt-them span a{font-weight:700}
.rt-thanh{cursor:pointer;height:10px}
.rt-chua{color:#8A5A00;font-weight:700}.rt-chua:before{content:"● "}

/* Radio Thuế: cây thu/mở (+/−), bỏ gạch nối cũ */
.rt-cay{border-left:0;padding-left:0;margin-left:0}
.rt-vb.con:before{display:none}.rt-vb.con,.rt-vb.con.chau{margin-left:0}
.rt-nut{display:grid;gap:10px}
.rt-con{display:grid;gap:10px;margin-left:22px;padding-left:16px;border-left:3px solid #D1D5DB}
.rt-con[hidden]{display:none}
.rt-mo{margin-top:8px;min-height:44px;padding:0 14px;border:1.5px solid #0B2E4F;border-radius:22px;background:#fff;color:#0B2E4F;font:inherit;font-weight:800;cursor:pointer}
.rt-mo[aria-expanded="true"]{background:#0B2E4F;color:#fff}
.rt-mo-dong{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.rt-mo-dong button{min-height:44px;padding:0 16px;border:1.5px solid #9CA3AF;border-radius:12px;background:#fff;font:inherit;font-weight:700;color:#111827;cursor:pointer}
@media (max-width:900px){.rt-con{margin-left:8px;padding-left:10px}}
.foot .dem-luot{text-align:center;font-size:17px;color:#fff;border-top:0}.foot .dem-luot b{color:#FFD24D;font-size:20px;font-family:Montserrat,sans-serif}

/* Radio Thuế — In / Lưu PDF: chỉ in tên + chữ luật, bỏ menu, danh mục, thanh nghe (27/09/2026) */
@media print{
 body.page-template-trang-radio-thue *{visibility:hidden}
 body.page-template-trang-radio-thue .rt-van,body.page-template-trang-radio-thue .rt-van *{visibility:visible}
 body.page-template-trang-radio-thue .rt-van{position:absolute;left:0;top:0;width:100%;height:auto!important;overflow:visible!important;border:0;padding:0;font-size:12pt;line-height:1.5}
 body.page-template-trang-radio-thue .rt-van .dang-doc{background:none;box-shadow:none}
 body.page-template-trang-radio-thue .rt-nguon a{visibility:hidden}
 .rt-van h3{break-after:avoid}
}

/* Radio Thuế — so sánh luật cũ ↔ mới (27/09/2026): nhãn bằng CHỮ + viền màu (không chỉ dựa màu) */
.ss-dau h3{margin:0 0 6px}.ss-dau p{margin:0 0 8px;font-weight:700;color:#111827}.ss-dau .ss-luu{font-weight:600;color:#374151;font-size:15px}
.ss-loc{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.ss-loc button{min-height:44px;padding:0 14px;border:1.5px solid #0B2E4F;border-radius:22px;background:#fff;color:#0B2E4F;font:inherit;font-weight:800;cursor:pointer}.ss-loc button.dang{background:#0B2E4F;color:#fff}
.ss-hang{border:1.5px solid #D1D5DB;border-left-width:6px;border-radius:12px;margin:0 0 10px;background:#fff}
.ss-hang summary{cursor:pointer;padding:10px 14px;display:grid;gap:2px;list-style:none}.ss-hang summary::-webkit-details-marker{display:none}
.ss-hang summary b{font-size:17px}.ss-hang summary small{font-size:14px;color:#374151;font-weight:600}
.ss-nhan{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.ss-giu{border-left-color:#6B7280}.ss-giu .ss-nhan{color:#374151}
.ss-sua{border-left-color:#B45309}.ss-sua .ss-nhan{color:#92400E}
.ss-moi{border-left-color:#15803D}.ss-moi .ss-nhan{color:#166534}
.ss-bo{border-left-color:#B91C1C}.ss-bo .ss-nhan{color:#991B1B}
.ss-hai{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 14px 14px;font-size:16px;line-height:1.65}
.ss-cot h4{margin:6px 0;font-size:14px;text-transform:uppercase;color:#0B2E4F}.ss-cot h5{font-size:16px;margin:10px 0 4px}.ss-cot p{margin:0 0 8px}
.ss-hang ul{margin:0;padding:0 14px 14px 34px;line-height:1.7}
@media (max-width:760px){.ss-hai{grid-template-columns:1fr}}

/* ===== Radio Thuế — bố cục 3 cột kiểu tài liệu (spec 11.4, 27/09/2026) =====
   Trái 1 Danh mục · Giữa 2 Đọc (cột cuộn chính) · Phải 3 Các Điều · Dưới 4 Nghe. Khung cao = màn hình − menu web (đo bằng JS: --rt-dau) − thanh nghe */
.page-template-trang-radio-thue .rt{max-width:none;padding:0;margin:0}
.rt3{display:grid;grid-template-columns:300px minmax(0,1fr) 260px;height:calc(100dvh - var(--rt-dau,130px));background:#F8FAFC;border-top:1px solid #E2E8F0}
.rt-cot{overflow:auto;padding:16px 16px 90px;min-height:0}
.rt-trai{background:#fff;border-right:1px solid #E2E8F0}.rt-cp{background:#fff;border-left:1px solid #E2E8F0}
.rt-h1{font-size:22px;margin:0 0 4px}.rt-gt{font-size:14px;color:#374151;font-weight:600;margin:0 0 12px}
.dau-cot{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;color:#0B2E4F;margin:0 0 10px}
.rt3 .rt-tim{width:100%;min-height:44px;border:1.5px solid #64748B;border-radius:12px;padding:0 12px;font:inherit;font-size:15px;margin:0 0 12px}
.rt3 .rt-cay{min-height:0}
.rt3 details{border-top:1px solid #E2E8F0}
.rt3 summary{min-height:44px;display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:800;font-size:15px;list-style:none}
.rt3 summary::-webkit-details-marker{display:none}.rt3 summary:before{content:"+";width:16px;font-weight:800;color:#0B2E4F}.rt3 details[open]>summary:before{content:"−"}
.rt3 summary span{margin-left:auto;font-weight:600;font-size:13px;color:#374151}
.rt3 .tang2{padding-left:10px;border-left:3px solid #0B2E4F;margin:0 0 8px 6px}.rt3 .tang2 details{border-top:0}.rt3 .tang2 summary{font-size:14px}
.rt3 .vb{display:block;padding:8px 10px;border-radius:12px;text-decoration:none;color:#111827;margin:0 0 4px}
.rt3 .vb b{display:block;font-size:14px;font-weight:700;line-height:1.4}.rt3 .vb small{display:block;font-size:13px;color:#374151}
.rt3 .vb.con{margin-left:14px;border-left:2px solid #E2E8F0;border-radius:0 8px 8px 0}
.rt3 .vb:hover{background:#F1F5F9}.rt3 .vb.dang{background:#E6F1FA}.rt3 .vb.dang b{color:#0B2E4F}
.rt-giua{padding:0;position:relative}
.rt-doc{--co:var(--rt-co,17px);max-width:calc(var(--co) * 38);margin:0 auto;padding:22px 28px 110px}
.rt-duong{font-size:14px;font-weight:700;color:#374151}
.rt-vb-ten{font-size:26px;line-height:1.3;margin:4px 0 8px}
.rt-the{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;font-weight:700;color:#374151;margin:0 0 12px}
.rt-cong-cu{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid #E2E8F0}
.rt-cong-cu .nut{min-height:44px;padding:0 12px;border:1.5px solid #0B2E4F;border-radius:12px;background:#fff;color:#0B2E4F;font:inherit;font-weight:800;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none}
.rt-cong-cu .nut.chinh{background:#0B2E4F;color:#fff;font-size:15px}.rt-cong-cu .nut[aria-pressed="true"]{background:#0B2E4F;color:#fff}
.rt-cho-tieng{font-weight:700;color:#8A5A00}
.rt3 .rt-van{height:auto;max-height:none;overflow:visible;border:0;border-radius:0;padding:0;font-size:var(--co);line-height:1.75;position:static}
.rt3 .rt-van h3{font-size:calc(var(--co) + 1px)}
.rt-nguon{font-size:14px;color:#374151;margin-top:24px}
.rt3 .rt-ml{position:static;height:auto;max-height:none;border:0;padding:0;overflow:visible}
.rt3 .rt-ml a{min-height:0;padding:7px 10px;font-size:14px;line-height:1.4;display:flex;justify-content:space-between;gap:8px}
.rt3 .rt-ml a.dang{box-shadow:inset 3px 0 0 #0B2E4F}
.rt-dt{display:none}
body.rt-rong .rt3{grid-template-columns:minmax(0,1fr)}body.rt-rong .rt-trai,body.rt-rong .rt-cp{display:none}body.rt-rong .rt-doc{--co:calc(var(--rt-co,17px) + 8px)}
@media (max-width:1100px){
 .rt3{grid-template-columns:minmax(0,1fr);height:auto}
 .rt-giua{overflow:visible}
 .rt-trai,.rt-cp{position:fixed;top:var(--rt-dau,60px);bottom:70px;width:min(88vw,340px);z-index:65;display:none;box-shadow:0 0 0 100vmax rgba(15,23,42,.45)}
 .rt-trai{left:0}.rt-cp{right:0}
 body.mo-trai .rt-trai,body.mo-phai .rt-cp{display:block}
 .rt-dt{display:flex;gap:8px;position:sticky;top:var(--rt-dau,60px);z-index:30;background:#F8FAFC;padding:8px 16px;border-bottom:1px solid #E2E8F0}
 .rt-dt button{flex:1;min-height:44px;border:1.5px solid #0B2E4F;border-radius:12px;background:#fff;color:#0B2E4F;font:inherit;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px}
 .rt-doc{padding:14px 16px 110px}.rt-vb-ten{font-size:21px}
 .rt-nut-rong{display:none!important}
}
@media print{body.page-template-trang-radio-thue .rt3,body.page-template-trang-radio-thue .rt-giua{height:auto!important;overflow:visible!important;display:block}}
/* Radio 3 cột — hiệu năng + giữ chỗ (Lighthouse 27/09): chỉ vẽ đoạn chữ gần màn hình (710 đoạn/văn bản);
   điện thoại giữ sẵn ≥ 1 màn cho cột đọc để chân trang không bị đẩy xuống khi chữ tải xong (CLS 0,65) */
.rt3 .rt-van>*{content-visibility:auto;contain-intrinsic-size:auto 56px}
@media (max-width:1100px){.rt-doc{min-height:100dvh}}

/* Radio 3 cột — học cách trình bày của GitBook/Simplamo (27/09): thanh trên gọn, tên trang to, danh mục 1 ý mỗi dòng,
   công cụ nhẹ (chỉ nút Nghe là nút chính), cột chữ rộng ~75 ký tự. Giữ luật anh Hai: chữ đậm rõ, không xám nhạt. */
.rt3 .vb b{font-size:14px;font-weight:800}
.rt3 .vb .vb-viec{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:500;color:#111827;line-height:1.4}
.rt3 .vb small{font-size:12.5px;font-weight:600;color:#374151}
.rt-doc{max-width:calc(var(--co) * 40)}
.rt-vb-ten{font-size:30px;font-weight:800;letter-spacing:-.01em;margin:6px 0 10px}
.rt-cong-cu{gap:6px}
.rt-cong-cu .nut:not(.chinh){border-color:transparent;background:#F1F5F9;color:#0B2E4F}
.rt-cong-cu .nut:not(.chinh):hover{border-color:#0B2E4F}
.rt3 .rt-ml a{font-weight:500;color:#111827}.rt3 .rt-ml a span{font-size:12.5px;font-weight:600;color:#374151}
.rt3 .rt-ml a.ml-chuong{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:#0B2E4F;margin-top:10px;border-top:0}
@media (max-width:1100px){.rt-vb-ten{font-size:23px}}
/* Radio: thanh gọn phải vừa 1 hàng SAU khi phông thật tải (1350px: phông tải xong làm menu rớt 2 hàng → nhảy bố cục 0,74) */
@media (min-width:1101px){
 /* Thanh Radio cao CỐ ĐỊNH 2 hàng: hàng 1 logo + nút, hàng 2 menu không xuống dòng (thiếu chỗ thì cuộn ngang trong hàng).
    Phông thật rộng hơn phông tạm → bất cứ chỗ nào cho menu tự xuống dòng đều nhảy bố cục (đo 27/09: 0,74–0,79) */
 .page-template-trang-radio-thue .top.gon{flex-wrap:wrap;height:108px;min-height:108px;align-content:center;row-gap:4px}
 .page-template-trang-radio-thue .top.gon .logo{display:flex}
 .page-template-trang-radio-thue .top.gon .nav{order:3;flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
 .page-template-trang-radio-thue .top.gon .nav>*,.page-template-trang-radio-thue .top.gon .nav a{flex:none;white-space:nowrap}
 .page-template-trang-radio-thue{--rt-dau:112px}
}
@media (min-width:1101px) and (max-width:1479px){.page-template-trang-radio-thue .top.gon .nav{gap:4px 12px}.page-template-trang-radio-thue .top.gon .nav a{font-size:13px}}
/* Mở link sâu (?vb=#dieu-N): vẽ hết chữ trước khi cuộn → đoạn phía trên không đổi chiều cao khi lướt qua (điện thoại Điều 53: CLS 0,24) */
.rt-ve-het .rt3 .rt-van>*{content-visibility:visible}

/* Radio — lên 10 điểm chạm (27/09, anh Hai): chữ phụ tối thiểu 14px, dòng mục lục cao 44px (ngón tay to không bấm nhầm),
   "Mở văn bản gốc" thành nút, điện thoại chỉ hiện Nghe + "Công cụ khác" để chữ luật lên ngay màn đầu, khung nghe có số 4 */
.rt3 .vb small,.rt3 summary span,.rt3 .rt-ml a span,.rt3 .rt-ml a.ml-chuong{font-size:14px}
.rt3 .rt-ml a{min-height:44px;align-items:center}
.nut-goc{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;margin-top:6px;border:1.5px solid #0B2E4F;border-radius:12px;color:#0B2E4F;font-weight:800;text-decoration:none}
.rt-nut-them{display:none!important}
.rt-dk .so{background:#1B75BC;margin-right:4px}
@media (max-width:1100px){
 .rt-nut-them{display:inline-flex!important}
 .rt-cong-cu:not(.mo) .nut:not(.chinh):not(.rt-nut-them){display:none}
}
/* Điện thoại: thêm ô số 4 không được làm khung nghe gãy xuống hàng thứ 3 (đo 27/09 ở 390px) */
@media (max-width:500px){.rt-dk{gap:4px}.rt-dk .so{margin-right:0}.rt-phai select{width:64px}}
@media (max-width:380px){.rt-dk button{padding:0 6px;min-width:44px}.rt-dk .phat{min-width:54px}.rt-phai select{width:58px}.rt-tuy summary{padding:0 6px}}
/* Radio — lật từng Chương (27/09): cuối chương có nút sang chương kế, không còn kéo vô cực */
.rt-lat{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:28px 0 8px;padding-top:16px;border-top:2px solid #E2E8F0}
.rt-lat .nut{min-height:48px;padding:0 16px;border:1.5px solid #0B2E4F;border-radius:12px;background:#fff;color:#0B2E4F;font:inherit;font-weight:800;font-size:15px;cursor:pointer;max-width:100%;text-align:left}
.rt-lat .nut:last-child{background:#0B2E4F;color:#fff;margin-left:auto}
.rt-lat-so{font-weight:700;color:#374151;font-size:14px}
@media print{.rt-lat{display:none!important}}

/* ===== Bản nhẹ (27/09, anh Hai so với vng.com.vn): GIỮ màu thương hiệu, chỉ bớt chỗ phủ màu.
   Nền trắng làm chủ đạo; xanh dương chỉ ở chữ tiêu đề, nút chính, ô số; xanh lá chỉ ở nút "Đặt lịch gặp". ===== */
body{background:#fff}
.khung{border:0;box-shadow:none}
.top{background:#fff;border-bottom:1px solid #E2E8F0}
.top .nav a{color:#0B2E4F}.top .nav a.dang{color:var(--xanh);text-decoration:underline;text-underline-offset:6px}
.top .btn.phu{background:#fff;color:var(--xanh-dam);border-color:var(--xanh)}
.top .btn.chinh{background:var(--la-chu);color:#fff}
.logo img{display:block;height:48px;width:auto}
.hero{background:#F5F9FC;color:#0F172A;border-bottom:1px solid #E2E8F0}
.hero .h1{color:#0B2E4F}.hero .p{color:#1F2937}
.hero .btn.chinh{background:var(--xanh);color:#fff}
.hero .btn.phu{background:#fff;color:var(--xanh-dam);border-color:var(--xanh)}
.hero .giay,.hero .that{border:1px solid #E2E8F0;box-shadow:none}
.tin{background:#fff;border-bottom:1px solid #E2E8F0}.tin div{border-color:#E2E8F0}.tin b{color:#0B2E4F}.tin span{color:#1F2937}
.sec.xam{background:#F5F9FC}
.the,.hop,.bento a,.giay,.loc,.dieu details{box-shadow:none}
.cta{border:0}  /* khối kêu gọi cuối trang GIỮ xanh đậm: 1 điểm nhấn thương hiệu duy nhất */
.bar{background:#fff;border-bottom:1px solid #E2E8F0}.bar b{color:#0B2E4F}
.tab{background:#fff;border-color:#CBD5E1;color:#0B2E4F}
.tab[aria-selected=true]{background:var(--xanh);border-color:var(--xanh);color:#fff}
.rt-may{background:#fff;border-top:1px solid #E2E8F0;box-shadow:0 -4px 16px rgba(15,23,42,.06)}
.rt-tt b{color:#0B2E4F}.rt-tt small{color:#1F2937}
.rt-dk button:not(.phat),.rt-phai select,.rt-tuy summary{background:#fff;color:#0B2E4F;border-color:#0B2E4F}
.rt-thanh{background:#E2E8F0}
.top .goi .dt{color:#0B2E4F}.top .goi .dt small{color:var(--la-chu)}
.nut-menu{border-color:#0B2E4F;color:#0B2E4F}
.top .nav .current-menu-item>a{color:var(--xanh)}
.rt-may b{color:#0B2E4F!important}.rt-may small{color:#1F2937!important}
.rt-may .rt-thanh{background:#E2E8F0}
.top.mo .nav{border-top-color:#E2E8F0}.top.mo .nav a{border-bottom-color:#E2E8F0}
.top.mo .tha .con a,.top.mo .nav .sub-menu a{color:#0B2E4F!important}
.logo img{align-self:flex-start;flex:none;width:auto!important;max-width:none;object-fit:contain}
/* Radio bản nhẹ — phân khối rõ (anh Hai 27/09): cột giữa là "tờ giấy" trắng trên nền xám nhạt,
   2 cột bên nền trắng có viền đậm hơn + tiêu đề cột có gạch chân, khung nghe có vạch trên rõ */
.rt3{background:#E9EEF4;border-top:1px solid #CBD5E1}
.rt-trai{border-right:1px solid #CBD5E1}.rt-cp{border-left:1px solid #CBD5E1}
.rt-giua{padding:20px 24px}
.rt-doc{background:#fff;border:1px solid #CBD5E1;border-radius:12px;box-shadow:0 1px 3px rgba(15,23,42,.06);padding:26px 36px 40px;margin:0 auto 110px}
.dau-cot{padding-bottom:10px;border-bottom:2px solid #0B2E4F}
.rt-trai .rt-gt{padding-bottom:12px;border-bottom:1px solid #E2E8F0}
.rt-may{border-top:2px solid #CBD5E1}
@media (max-width:1100px){.rt-giua{padding:10px}.rt-doc{padding:16px 16px 28px;margin-bottom:110px}.rt-dt{background:#E9EEF4}}
.hero .h1 span{color:var(--la-chu)}
.hero .h1 span,h1 span[style*="#A7E3BD"],.hero h1 span{color:var(--la-chu)!important;text-decoration-color:var(--la)!important}

/* Nút Ẩn khung nghe (27/09) */
#rt-an{min-height:44px;padding:0 12px;border:1.5px solid #0B2E4F;border-radius:12px;background:#fff;color:#0B2E4F;font:inherit;font-weight:800;cursor:pointer}
body.rt-may-an .rt-may{display:none}
.rt-thu{position:fixed;right:16px;bottom:16px;z-index:71;display:flex;gap:6px;padding:6px;background:#fff;border:1.5px solid #0B2E4F;border-radius:12px;box-shadow:0 4px 16px rgba(15,23,42,.18)}
.rt-thu[hidden]{display:none}
.rt-thu button{min-height:44px;padding:0 14px;border-radius:12px;border:1.5px solid #0B2E4F;background:#fff;color:#0B2E4F;font:inherit;font-weight:800;cursor:pointer}
.rt-thu #rt-thu-phat{background:#15803D;border-color:#15803D;color:#fff;min-width:72px}
@media print{.rt-thu{display:none!important}}
/* Điện thoại: nút Ẩn lên góc phải dòng tên bài, khung nghe không gãy thêm hàng (đo 27/09 ở 390px) */
@media (max-width:700px){.rt-may .rt-phai{position:static}.rt-may .rt-tuy{position:relative}.rt-may #rt-an{position:absolute;top:6px;right:10px}.rt-may .rt-tt{padding-right:64px}}

/* ===== Học VNG (spec docs/du-an-6-cua/spec/2026-09-27-web-nhe-hoc-vng-spec.md, anh Hai 27/09) =====
   1 màu nhấn: xanh dương cho mọi điểm nhấn; xanh lá CHỈ ở nút chốt khách (Đặt lịch gặp / Hẹn gặp tư vấn) và nút Nghe.
   Chân trang nền xám rất nhạt như VNG, chữ đậm (KHÔNG học chữ xám #808080 của VNG — tương phản < 4,5). */
.nhan,.kb .the em,.kb .camon,.top .goi .dt small{color:var(--xanh-dam)}
.hero .h1 span,h1 span[style*="#A7E3BD"],.hero h1 span{color:var(--xanh)!important;text-decoration-color:var(--xanh)!important}
.tab[aria-selected=true]{background:var(--xanh);border-color:var(--xanh)}
.foot{background:#F5F7FA;color:#1F2937;border-top:1px solid #E2E8F0}
.foot h2{color:#0B2E4F}
.foot a{color:#0B2E4F;font-weight:600}
.foot .ban{color:#374151;border-top-color:#E2E8F0}
.foot .dem-luot{color:#1F2937}.foot .dem-luot b{color:var(--xanh-dam)}
:root{--r:12px}                 /* 1 kiểu bo góc 12px cho nút/thẻ dùng biến (trước 10px) */
b,strong{font-weight:800}       /* <b> trong chữ 800 bị trình duyệt đẩy lên 900 — chặn ở 800 */
.to[style*="border-radius"]{border-radius:12px!important}
/* ===== Điện thoại: chữ phải xuống dòng, không tràn (anh Hai 27/09 "mobile ko xuống dòng"; máy rà kiem-web/tran-dong.js) ===== */
.btn{white-space:normal;text-align:center;line-height:1.3}          /* nút chữ dài xuống dòng thay vì tràn mép (320px cuộn ngang) */
h1,h2,h3,.h1,.h2,.h3,p,li,a,dd,.cta *{overflow-wrap:break-word}    /* số điện thoại, đường dẫn dài không dấu cách cũng ngắt được */
.dem-luot span{white-space:nowrap}.dem-luot i{font-style:normal}    /* mỗi vế giữ nguyên cụm, không để con số rớt một mình */
@media (max-width:600px){.dem-luot span{display:block}.dem-luot i{display:none}}
@media (max-width:400px){.cta{padding:24px 18px}.sec,.hero{padding-left:14px;padding-right:14px}}
@media (max-width:700px){.rt-may .rt-tt b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
/* Ô lưới mặc định không co nhỏ hơn nội dung → thẻ 324px trong lưới 292px, trang cuộn ngang ở 320px (Tuyển dụng, 27/09) */
.hero>*,.chon>*,.buoc>*,.bento>*,.cta>*,.foot>*,.hang>*,.bai>*,.gia>*,.gtl>*,.tin>*,.chung>*{min-width:0}
a[href^="mailto:"],a[href^="http"]:not(.btn):not(.nut){overflow-wrap:anywhere}p a[href^="mailto:"]{display:inline}  /* email dài không dấu cách: ngắt được ở 320px */
/* Trang Hẹn gặp (27/09, hội đồng + Nguyễn Ngọc Long): người thật + nút chọn giờ ở ĐẦU trang, 3 câu trả lời nỗi lo */
.hen-dau{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;align-items:center;border:1px solid #E2E8F0;border-radius:12px;padding:20px;background:#fff;margin:8px 0 24px}
.hen-dau img{width:140px;height:auto;border-radius:12px;display:block}
.hen-dau .ten{font:800 19px 'Montserrat',sans-serif;color:#0B2E4F}
.hen-dau .danh{color:#1F2937;font-weight:600;margin:2px 0 12px}
.hen-dau .btn{min-height:52px;font-size:18px}
.hen-dau .phu{font-size:15px;color:#1F2937;margin-top:8px}
.hen-hoi{display:grid;gap:14px;margin:0 0 24px}
.hen-hoi div{border-left:4px solid var(--xanh);padding:4px 0 4px 14px}
.hen-hoi b{display:block;color:#0B2E4F;font-size:17px}
.hen-khac{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
@media (max-width:600px){.hen-dau{grid-template-columns:88px minmax(0,1fr);gap:14px;padding:14px}.hen-dau img{width:88px}.hen-dau .btn{width:100%}}
.hen-dau .danh,.hen-dau .ten{overflow-wrap:anywhere}  /* "26/XNĐKTCTTPHCM" liền khối tràn ở 320px */
/* Thư viện văn bản (27/09): chữ 16px, ô lọc là ô chọn gốc của máy (dễ bấm nhất trên điện thoại), nút cao 48px */
.tv{max-width:960px;margin:0 auto;padding:28px 20px 60px}
.tv-h1{font-size:30px;margin:0 0 6px}.tv-gt{font-size:16px;color:#1F2937;margin:0 0 18px}
.tv-loc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:1px solid #E2E8F0;border-radius:12px;padding:16px;background:#F5F9FC;margin-bottom:14px}
.tv-o{display:flex;flex-direction:column;gap:6px;min-width:0}.tv-o-tim{grid-column:1/-1}
.tv-o label{display:flex;align-items:center;gap:8px;font-weight:800;color:#0B2E4F;font-size:15px}
.tv-o input,.tv-o select{min-height:48px;border:1.5px solid #64748B;border-radius:12px;padding:0 12px;font:inherit;font-size:16px;background:#fff;color:#0F172A;width:100%}
.tv-kq{font-weight:800;color:#0B2E4F;margin:6px 0 10px}
.tv-ds{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tv-ds a{display:block;border:1px solid #E2E8F0;border-radius:12px;padding:14px 16px;background:#fff;color:#0F172A;text-decoration:none}
.tv-ds a:hover{border-color:var(--xanh)}
.tv-ds b{display:block;color:#0B2E4F;font-size:16px;overflow-wrap:anywhere}.tv-ten{display:block;font-size:16px;margin:4px 0;line-height:1.5}
.tv-ds small{display:block;font-size:14px;font-weight:600;color:#374151}.tv-ds li.con small{color:#15803D}
.tv-trang{display:flex;gap:10px;justify-content:center;margin:18px 0}
.tv-trang .nut{min-height:48px;padding:0 20px;border:1.5px solid #0B2E4F;border-radius:12px;background:#fff;color:#0B2E4F;font:inherit;font-weight:800;cursor:pointer}
.tv-trang .nut:disabled{opacity:.45;cursor:default}
.tv-nguon{font-size:14px;color:#374151}
@media (max-width:700px){.tv-loc{grid-template-columns:1fr 1fr}.tv-h1{font-size:24px}}
/* Thanh 3 tab chung Radio Thuế + Thư viện (27/09/2026) */
.vb-tab{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.vb-tab a{flex:1 1 auto;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 12px;border:1.5px solid #1B75BC;border-radius:12px;font-weight:800;font-size:15px;color:#0B2E4F;text-decoration:none;background:#fff;text-align:center}
.vb-tab a[aria-current]{background:#1B75BC;color:#fff}

/* 28/09/2026: ô tìm bài viết trên trang chuyên mục / kết quả tìm (WordPress tìm sẵn, không thêm plugin) */
.tim-bai{margin:14px 0 18px;background:#fff;border:1px solid #94A3B8;border-radius:12px;padding:12px}
.tim-bai label{display:block;font-weight:700;color:#0F172A;margin-bottom:6px}
.tim-bai div{display:flex;gap:8px;flex-wrap:wrap}
.tim-bai input{flex:1 1 220px;min-width:0;min-height:44px;border:1px solid #94A3B8;border-radius:12px;padding:0 12px;font-size:16px;color:#0F172A}
.tim-bai button{min-height:44px;padding:0 22px;border:0;border-radius:12px;background:#1B75BC;color:#fff;font-weight:800;font-size:16px;cursor:pointer}

/* 28/09/2026: mục lục "Bắt đầu tại đây" — đọc theo thứ tự 1.1, 1.2… */
.muc-luc-dau{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:#0F172A;margin:22px 0 10px;padding-bottom:6px;border-bottom:2px solid #1B75BC}
.muc-luc-dau .so{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:999px;background:#1B75BC;color:#fff;font-size:17px}
.muc-luc{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.muc-luc a{display:flex;gap:12px;align-items:baseline;min-height:44px;padding:12px 14px;background:#fff;border:1px solid #94A3B8;border-radius:12px;color:#0F172A;text-decoration:none;font-weight:700;overflow-wrap:anywhere}
.muc-luc a b{color:#1B75BC;font-weight:800;min-width:34px}
.muc-luc a span{min-width:0}
.muc-luc a:hover{border-color:#1B75BC}

/* 28/09/2026: trình lật trang Sổ tay thuế điện tử */
.st-thanh{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:12px 0}
.st-thanh b{min-width:130px;text-align:center;font-size:17px;color:#0F172A}
.st-nut{min-height:44px;padding:0 18px;border-radius:12px;border:0;background:#1B75BC;color:#fff;font-weight:800;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none}
.st-nut.st-phu{background:#fff;color:#1B75BC;border:1px solid #1B75BC}
.st-so-tay{margin:0 auto;background:#F5F7FA}
.st-trang{background:#fff}
.st-trang img{width:100%;height:100%;object-fit:contain;display:block}
.st-nguon{text-align:center;color:#334155;font-size:14px;margin-top:12px}
/* 28/09/2026: lưới thẻ sách trang Sổ tay thuế điện tử (dựng theo dáng trang Cục Thuế) */
.st-tieu-de{text-align:center;color:#1B75BC;font-size:34px;font-weight:800;margin:10px 0 6px}
.st-mo{text-align:center;color:#334155;max-width:70ch;margin:0 auto 20px}
.st-luoi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:1000px){.st-luoi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.st-luoi{grid-template-columns:1fr}}
.st-the{background:#fff;border:1px solid #94A3B8;border-radius:12px;padding:20px;text-align:center;min-width:0}
.st-bia-khung{position:relative;background:linear-gradient(180deg,#E5E7EB,#F3F4F6);border-radius:12px;padding:40px 20px 56px;display:flex;justify-content:center}
.st-bia img{display:block;width:190px;max-width:100%;height:auto;border-radius:2px 6px 6px 2px;box-shadow:-10px 10px 18px rgba(15,23,42,.35),inset 6px 0 8px rgba(0,0,0,.15);transform:perspective(900px) rotateY(-8deg);transition:transform .2s}
.st-bia:hover img{transform:perspective(900px) rotateY(0)}
.st-nut-bia{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:grid;gap:8px;width:min(190px,80%)}
.st-doc,.st-tai{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;font-weight:800;font-size:16px;text-decoration:none}
.st-doc{background:#1B75BC;color:#fff}
.st-tai{background:#fff;color:#1B75BC;border:1px solid #1B75BC}
.st-the h2{font-size:19px;font-weight:800;color:#0F172A;margin:16px 0 8px;line-height:1.4}
.st-the p{color:#334155;font-size:15px;margin:0}
.st-khung{overflow:auto;background:#F5F7FA;border-radius:12px}
.st-khung.st-phong-to .st-so-tay{transform:scale(1.6);transform-origin:top center;margin-bottom:60%}
.st-khung:fullscreen{display:flex;align-items:center;justify-content:center;background:#1F2937;padding:16px}
.st-khung:fullscreen .st-so-tay{width:100%;max-height:100vh}
.kb .st-bia-khung a.st-doc{color:#fff!important}.kb .st-bia-khung a.st-tai{color:#1B75BC!important}
.kb .noi .st-the h2{font-size:19px;line-height:1.4;margin:16px 0 8px;border:0;padding:0}
.kb .noi .st-nhom{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:#0F172A;margin:28px 0 14px;padding-bottom:6px;border-bottom:2px solid #1B75BC}
.st-nhom .so{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:999px;background:#1B75BC;color:#fff;font-size:17px}

/* 28/09/2026: dải ảnh nhỏ từng trang (anh Hai duyệt mockup thu nhỏ) — máy tính bên phải, cuộn dọc */
.st-doc-va-nho{display:flex;gap:12px;align-items:stretch}
.st-doc-va-nho .st-khung{flex:1;min-width:0}
.st-nho{width:110px;flex:none;background:#111827;border-radius:12px;padding:10px 8px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:520px}
.st-the-nho{position:relative;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;flex:none}
.st-the-nho img{display:block;width:100%;height:auto}
.st-the-nho span{position:absolute;left:4px;bottom:4px;background:rgba(0,0,0,.65);color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:3px}
.st-the-nho.dang{border-color:#1B75BC}
.st-the-nho:focus-visible{outline:2px solid #1B75BC;outline-offset:2px}

/* 02/10/2026: đọc giọng nói + tô sáng từ đang đọc (chỉ hiện khi cuốn có dữ liệu chữ) */
.st-doc-chu{margin-top:14px;padding:16px 18px;background:#fff;border:1px solid #94A3B8;border-radius:12px;font-size:16px;line-height:1.8;color:#0F172A;font-weight:600}
.st-doc-chu .dtsh-dang-doc{background:#FDE68A;border-radius:3px;box-shadow:0 0 0 2px #FDE68A}
.st-doc-chu .st-doc-trong{color:#64748B;font-style:italic;font-weight:600}
#st-doc.dang-doc{background:#166534;color:#fff;border-color:#166534}

/* điện thoại: dải nằm ngang dưới đáy khung đọc */
@media (max-width:900px){
  .st-doc-va-nho{flex-direction:column}
  .st-nho{width:100%;max-height:none;flex-direction:row;overflow-x:auto;overflow-y:hidden}
  .st-the-nho{width:56px}
}

/* Mục con trong cây mục lục trái (Thuế chia 10 sắc thuế, 12/10/2026) */
.muc-con{margin-left:12px;border-left:2px solid #CBD5E1;padding-left:8px}
.muc-con>summary{font-size:.95em}
/* Mục lục trái 3 cấp (12/10/2026, anh Hai chê "chật, chưa rõ cấp, giật lề"):
   cấp 1 nhóm gốc 16px/800 · cấp 2 mục con 15px/700 thụt 12px + kẻ dọc · cấp 3 tên bài 14.5px/500 thụt 12px + kẻ dọc mảnh.
   Tên bọc <span> co giãn (min-width:0) nên dòng 2 thẳng dòng 1; số đếm + dấu +/− cột cố định bên phải ở mọi cấp.
   Áp chung máy tính (.cay) và điện thoại (.mbcay). */
.kb :is(.cay,.mbcay) :is(.muc-goc,.muc-con)>summary{display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;list-style:none;min-height:44px;padding:10px 10px;border-radius:12px;line-height:1.4;text-align:left;cursor:pointer}
.kb :is(.cay,.mbcay) :is(.muc-goc,.muc-con)>summary::-webkit-details-marker{display:none}
.kb :is(.cay,.mbcay) :is(.muc-goc,.muc-con)>summary>span{flex:1;min-width:0;overflow-wrap:anywhere}
.kb :is(.cay,.mbcay) :is(.muc-goc,.muc-con)>summary>small{flex:0 0 28px;margin:0;text-align:right;font-size:14px;font-weight:600;color:#334155}
.kb :is(.cay,.mbcay) :is(.muc-goc,.muc-con)>summary::after{content:"+";flex:0 0 14px;text-align:center;font-weight:800;color:#0F172A}
.kb :is(.cay,.mbcay) :is(.muc-goc,.muc-con)[open]>summary::after{content:"−"}
.kb :is(.cay,.mbcay) .muc-goc{margin:0 0 6px}
.kb :is(.cay,.mbcay) .muc-goc>summary{font-size:16px;font-weight:800;color:#0F172A}
.kb :is(.cay,.mbcay) .muc-con{margin:2px 0 4px 12px;padding:0 0 0 4px;border-left:2px solid #94A3B8}
.kb :is(.cay,.mbcay) .muc-con>summary{font-size:15px;font-weight:700;color:#1F2937;padding:8px 10px}
.kb :is(.cay,.mbcay) a:is(.bai,.xem-het){display:block;min-height:0;margin:0 0 0 12px;padding:7px 10px;border-left:1px solid #CBD5E1;border-radius:0 12px 12px 0;font-size:14.5px;line-height:1.45;font-weight:500;color:#1F2937;overflow-wrap:anywhere}
.kb :is(.cay,.mbcay) a.bai+a.bai{margin-top:2px}
.kb :is(.cay,.mbcay) a.xem-het{font-size:14px;font-weight:700;color:#1B75BC;padding:9px 10px}
.kb :is(.cay,.mbcay) a.bai:hover{color:#0B2E4F;background:#F1F5F9}
.kb :is(.cay,.mbcay) :is(a.bai.dang,summary.dang){background:#E3EFF9;color:#0B2E4F;font-weight:700}
.kb :is(.cay,.mbcay) a.bai.dang{border-left:3px solid #1B75BC}
.kb .mbcay>summary~*{text-align:left}