:root{--nen:#f5f5f2;--chu:#1c1917;--nhat:#78716c;--vien:#e7e5e4;--the:#fff;
--chinh:#0f6b4a;--chinh2:#0b5539;--chinh-nhat:#e8f3ee;--cam:#c2410c;--cam-nhat:#fff4ed;
--pass:#15803d;--pass-nhat:#dcfce7;--truot:#b91c1c;--truot-nhat:#fee2e2;--cho:#a16207;--cho-nhat:#fef3c7}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Be Vietnam Pro",system-ui,sans-serif;background:var(--nen);color:var(--chu);font-size:15px;line-height:1.55;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
.khung{max-width:1180px;margin:0 auto;padding:0 16px}
.an{display:none!important}
.nut{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--vien);background:#fff;border-radius:10px;padding:9px 15px;font-weight:600;cursor:pointer;white-space:nowrap}
.nut:hover{background:#fafaf9}
.nut.chinh{background:var(--chinh);border-color:var(--chinh);color:#fff}
.nut.chinh:hover{background:var(--chinh2)}
.nut.cam{background:var(--cam);border-color:var(--cam);color:#fff}
.nut.nho{padding:6px 11px;font-size:.85rem;border-radius:8px}
.nut.to{padding:12px 18px;font-size:1rem}
.nut.do{color:var(--truot);border-color:#fecaca}
.nut:disabled{opacity:.55;cursor:wait}
label{display:grid;gap:5px;font-size:.84rem;font-weight:600;color:#44403c}
input,select,textarea{border:1.5px solid var(--vien);border-radius:10px;padding:10px 12px;background:#fff;width:100%;font-weight:400}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--chinh);box-shadow:0 0 0 3px var(--chinh-nhat)}
textarea{resize:vertical;min-height:64px;line-height:1.5}
.loi{color:var(--truot);font-size:.88rem;min-height:1.2em}
.phu{color:var(--nhat);font-size:.9rem}

/* đăng nhập */
#dangNhap{min-height:100vh;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 20% 10%,#1d8a62,#0b3d2c 70%)}
.the-dn{background:#fff;border-radius:20px;padding:30px 26px;width:100%;max-width:390px;display:grid;gap:14px;box-shadow:0 30px 60px rgba(0,0,0,.25)}
.logo-dn{width:56px;height:56px;border-radius:16px;background:var(--chinh);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.05rem;letter-spacing:.05em}
.the-dn h1{font-size:1.4rem}

/* đầu trang */
.dau{background:#fff;border-bottom:1px solid var(--vien);position:sticky;top:0;z-index:30}
.dau .khung{display:flex;align-items:center;gap:14px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}
.thuong-hieu{display:flex;align-items:center;gap:10px}
.logo{width:38px;height:38px;border-radius:11px;background:var(--chinh);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.8rem}
.thuong-hieu b{display:block;font-size:1rem;line-height:1.15}
.thuong-hieu small{color:var(--nhat);font-size:.75rem}
.menu{display:flex;gap:4px;order:3;width:100%;overflow-x:auto;scrollbar-width:none}
.menu::-webkit-scrollbar{display:none}
.menu a{padding:7px 12px;border-radius:99px;font-weight:600;font-size:.88rem;color:var(--nhat);white-space:nowrap}
.menu a.dang{background:var(--chinh-nhat);color:var(--chinh)}
.toi{margin-left:auto}
@media(min-width:820px){.menu{order:0;width:auto;margin-left:18px}}

/* khối chung */
.tieu-de{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0 14px}
.tieu-de h1{font-size:1.35rem}
.hop{background:#fff;border:1px solid var(--vien);border-radius:16px;padding:18px;margin-bottom:16px}
.hop h2{font-size:1.05rem;margin-bottom:10px}
.luoi-o{display:grid;gap:12px}
@media(min-width:720px){.luoi-o{grid-template-columns:repeat(3,1fr)}.luoi-o .rong{grid-column:span 2}}
.loc{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin-bottom:12px}
.loc label{min-width:150px;flex:1 1 150px}
.loc .nut{flex:0 0 auto}

/* nhãn kết quả */
.kq{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:.8rem;padding:3px 10px;border-radius:99px;white-space:nowrap}
.kq.pass{background:var(--pass-nhat);color:var(--pass)}
.kq.not_pass{background:var(--truot-nhat);color:var(--truot)}
.kq.cho{background:var(--cho-nhat);color:var(--cho)}

/* bảng kết quả */
.tong-nho{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}
.tong-nho div{background:#fff;border:1px solid var(--vien);border-radius:14px;padding:12px 14px}
.tong-nho b{display:block;font-size:1.4rem;line-height:1.2}
.tong-nho span{font-size:.8rem;color:var(--nhat)}
@media(min-width:720px){.tong-nho{grid-template-columns:repeat(4,1fr)}}
.bang{width:100%;border-collapse:collapse;font-size:.9rem;background:#fff}
.bang th{text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--nhat);font-weight:600;padding:10px;border-bottom:1px solid var(--vien);white-space:nowrap}
.bang td{padding:10px;border-bottom:1px solid #f0efed;vertical-align:top}
.bang tr:hover td{background:#fcfcfb}
.bang .so{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.bang .nx{color:#57534e;font-size:.84rem;max-width:340px}
.bang .nut-hang{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.cuon{overflow-x:auto;border:1px solid var(--vien);border-radius:14px}
.the-ds{display:none}
@media(max-width:760px){
  .cuon.ban-bang{display:none}
  .the-ds{display:grid;gap:10px}
  .the-pv{background:#fff;border:1px solid var(--vien);border-radius:14px;padding:14px;display:grid;gap:6px}
  .the-pv .dong{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
  .the-pv h3{font-size:1rem}
  .the-pv .nut-hang{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
}
.trong{color:var(--nhat);padding:18px;text-align:center}

/* phiếu chấm */
.nhom{background:#fff;border:1px solid var(--vien);border-radius:16px;margin-bottom:12px;overflow:hidden}
.nhom.bat-buoc{border-left:4px solid var(--cam)}
.nhom-dau{display:flex;align-items:center;gap:10px;padding:14px 16px;flex-wrap:wrap}
.nhom-dau h3{font-size:1rem;flex:1 1 auto}
.ty-trong{font-size:.74rem;font-weight:700;color:var(--chinh);background:var(--chinh-nhat);padding:3px 9px;border-radius:99px;white-space:nowrap}
.bb{font-size:.72rem;font-weight:700;color:var(--cam);background:var(--cam-nhat);padding:3px 9px;border-radius:99px;white-space:nowrap}
.nhom-than{display:grid;gap:12px;padding:0 16px 16px}
@media(min-width:900px){.nhom-than{grid-template-columns:1.25fr 1fr}}
details.tc summary{cursor:pointer;font-size:.84rem;font-weight:600;color:var(--chinh);padding:2px 0}
.tc-ds{display:grid;gap:8px;margin-top:8px}
.tc-mot{border:1px solid var(--vien);border-radius:10px;padding:10px 12px;font-size:.83rem}
.tc-mot b{display:block;margin-bottom:4px}
.tc-mot .dat,.tc-mot .tranh{white-space:pre-line;padding-left:18px;position:relative;margin-top:3px}
.tc-mot .dat::before{content:"✓";position:absolute;left:0;color:var(--pass);font-weight:700}
.tc-mot .tranh::before{content:"✕";position:absolute;left:0;color:var(--truot);font-weight:700}
.tc-mot .tranh{color:#57534e}
.cham{display:grid;gap:8px;align-content:start}
.o-diem{display:flex;gap:10px;align-items:center}
.o-diem input{width:96px;font-size:1.3rem;font-weight:700;text-align:center;padding:8px}
.muc-hien{font-weight:700;font-size:.9rem}
.chip-muc{display:flex;gap:6px;flex-wrap:wrap}
.chip-muc button{border:1.5px solid var(--vien);background:#fff;border-radius:99px;padding:4px 10px;font-size:.78rem;font-weight:600;cursor:pointer}
.chip-muc button:hover{border-color:var(--chinh)}
.chip-muc button.dang{background:var(--chinh);border-color:var(--chinh);color:#fff}
.chan-phieu{position:sticky;bottom:0;background:rgba(255,255,255,.97);backdrop-filter:blur(6px);border-top:1px solid var(--vien);margin:0 -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;flex-wrap:wrap;z-index:20}
.chan-phieu .tong{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}
.chan-phieu .dk{display:flex;gap:6px;flex-wrap:wrap;font-size:.78rem}
.chan-phieu .dk span{padding:3px 8px;border-radius:99px;background:#f5f5f4;color:var(--nhat);font-weight:600}
.chan-phieu .dk span.ok{background:var(--pass-nhat);color:var(--pass)}
.chan-phieu .dk span.ko{background:var(--truot-nhat);color:var(--truot)}
.chan-phieu .phai{margin-left:auto;display:flex;gap:8px}

/* chi tiết */
.dau-ct{display:grid;gap:10px}
@media(min-width:760px){.dau-ct{grid-template-columns:1fr auto;align-items:start}}
.thong-tin{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 18px;font-size:.92rem}
.thong-tin span{color:var(--nhat);display:block;font-size:.78rem}
@media(min-width:760px){.thong-tin{grid-template-columns:repeat(3,1fr)}}
.diem-to{text-align:center;padding:14px 22px;border-radius:16px;background:var(--chinh-nhat)}
.diem-to b{display:block;font-size:2.4rem;line-height:1;font-weight:800;color:var(--chinh)}
.diem-to.not_pass{background:var(--truot-nhat)}.diem-to.not_pass b{color:var(--truot)}
.diem-to.pass{background:var(--pass-nhat)}.diem-to.pass b{color:var(--pass)}
.tong-hop{white-space:pre-line;background:#fafaf9;border:1px solid var(--vien);border-radius:12px;padding:12px 14px;font-size:.92rem}

/* tài liệu */
.tl-bang td{white-space:pre-line}

.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#1c1917;color:#fff;padding:10px 18px;border-radius:99px;font-size:.9rem;opacity:0;transition:opacity .2s;pointer-events:none;z-index:99}
.toast.hien{opacity:1}
@media print{.dau,.chan-phieu,.nut,.menu{display:none!important}body{background:#fff}}
@media(max-width:600px){
  .chan-phieu{gap:4px 10px;padding-top:8px}
  .chan-phieu .tong{font-size:1.25rem}
  .chan-phieu .dk{order:5;width:100%;font-size:.7rem}
  .chan-phieu .dk span{padding:2px 7px}
  .chan-phieu .phai .nut.to{padding:10px 14px}
}

/* thang điểm theo Excel của Phòng Đào tạo (09/10/2026, Thảo góp ý) */
.thang-diem{display:grid;grid-template-columns:repeat(5,1fr);border:1.5px solid #cfe3d8;border-radius:10px;overflow:hidden;font-size:.78rem;text-align:center;background:#eef7f1}
.thang-diem div{padding:6px 4px;border-left:1px solid #cfe3d8;line-height:1.3;transition:background .2s,color .2s}
.thang-diem div:first-child{border-left:0}
.thang-diem b{display:block;font-weight:700;color:#14532d}
.thang-diem span{color:#3f6150;font-variant-numeric:tabular-nums}
.thang-diem div.dang{background:#0f6b3c}
.thang-diem div.dang b,.thang-diem div.dang span{color:#fff}
@media(max-width:520px){.thang-diem{font-size:.72rem}.thang-diem div{padding:5px 2px}}

/* ===== hộp thoại trong trang (thay prompt/confirm) ===== */
.hop-nen{position:fixed;inset:0;z-index:90;background:rgba(28,25,23,.45);display:flex;align-items:center;justify-content:center;padding:16px;animation:hienDan .15s ease}
@keyframes hienDan{from{opacity:0}}
.hop-thoai{background:#fff;border-radius:18px;padding:22px;width:min(420px,100%);display:grid;gap:12px;box-shadow:0 30px 70px rgba(0,0,0,.3)}
.hop-thoai h3{font-size:1.15rem}
.hop-thoai .phu{margin-top:-6px;font-size:.88rem;line-height:1.5}
.hop-thoai label{display:grid;gap:4px;font-size:.82rem;font-weight:600;color:#44403c}
.hop-thoai .hang-nut{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap}

/* ===== nội dung dạy thử ===== */
.tl-meta{font-size:.82rem;margin-top:2px}
.tl-trong{color:#a8a29e}
.tl-tq td,.tl-tq th{text-align:center}
.tl-tq td:first-child,.tl-tq th:first-child{text-align:left}
.tl-ghi{margin-top:12px;background:var(--chinh-nhat);border-radius:12px;padding:10px 14px;font-size:.9rem;color:#14532d}
.tl-ghi p+p{margin-top:2px}
.tl-nhay{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px;position:sticky;top:64px;z-index:5;background:var(--nen);padding:6px 0}
.tl-nhay a{border:1.5px solid var(--vien);background:#fff;border-radius:99px;padding:6px 16px;font-weight:700;font-size:.88rem}
.tl-nhay a:hover{border-color:var(--chinh);color:var(--chinh)}
.tl-level h2{display:flex;align-items:center;gap:10px}
.tl-nhan{background:var(--chinh);color:#fff;border-radius:8px;padding:2px 10px;font-size:.9rem}
.tl-ds{display:grid;gap:12px}
.tl-muc{border:1px solid var(--vien);border-radius:14px;overflow:hidden}
.tl-dau{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fafaf9;padding:10px 14px;border-bottom:1px solid var(--vien)}
.tl-dau h3{font-size:1rem}
.tl-tg{font-size:.8rem;font-weight:700;color:var(--cam);background:var(--cam-nhat);border-radius:99px;padding:3px 10px;white-space:nowrap}
.tl-cot{display:grid;grid-template-columns:1fr 1fr}
.tl-cot>div{padding:12px 14px;font-size:.92rem;line-height:1.65}
.tl-cot>div+div{border-left:1px dashed var(--vien)}
.tl-cot h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--nhat);margin-bottom:6px}
.tl-cot p{margin:0 0 4px}
.tl-cot ul{list-style:none;margin:2px 0 6px;padding:0;display:grid;gap:4px}
.tl-cot li{position:relative;padding:4px 10px 4px 26px;background:#f7f7f4;border-radius:8px;font-family:"Hiragino Sans","Noto Sans JP","Be Vietnam Pro",sans-serif}
.tl-cot li::before{content:"";position:absolute;left:11px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--chinh)}
@media(max-width:700px){.tl-cot{grid-template-columns:1fr}.tl-cot>div+div{border-left:0;border-top:1px dashed var(--vien)}.tl-nhay{top:56px}}

/* sửa nội dung */
.tl-huong-dan{font-size:.88rem;background:var(--cam-nhat);border-color:#fed7aa;color:#7c2d12;line-height:1.6}
.tl-huong-dan code{background:#fff;border-radius:5px;padding:0 5px;font-size:.95em}
.tl-sua-dong{background:#fff;border:1px solid var(--vien);border-radius:14px;padding:12px;margin-bottom:10px;display:grid;gap:10px}
.tl-sua-dau{display:grid;grid-template-columns:110px 1fr 110px auto;gap:8px;align-items:center}
.tl-sua-nut{display:flex;gap:4px}
.tl-sua-cot{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tl-sua-cot label{display:grid;gap:4px;font-size:.78rem;font-weight:600;color:var(--nhat)}
.tl-sua-cot textarea{font-family:"Be Vietnam Pro","Hiragino Sans","Noto Sans JP",sans-serif;line-height:1.6}
@media(max-width:700px){.tl-sua-dau{grid-template-columns:1fr 1fr}.tl-sua-dau [data-c="1"]{grid-column:1/-1;order:-1}.tl-sua-nut{grid-column:1/-1;justify-content:flex-end}.tl-sua-cot{grid-template-columns:1fr}}
.tl-cot.mot{grid-template-columns:1fr}
.tl-cot.mot>div{max-width:760px}
/* menu điện thoại: 4 mục vừa một hàng, không bị khuất */
@media(max-width:819px){.menu{justify-content:space-between;gap:2px}.menu a{flex:1 1 auto;text-align:center;padding:7px 6px;font-size:.82rem}}
@media(max-width:430px){.menu a{font-size:.76rem;padding:7px 3px}}
.tl-tq-dt{display:none}
@media(max-width:700px){
  .tl-tq{display:none}.hop .cuon:has(.tl-tq){display:none}
  .tl-tq-dt{display:grid;gap:10px}
  .tl-tq-the{border:1px solid var(--vien);border-radius:12px;overflow:hidden}
  .tl-tq-dau{display:flex;justify-content:space-between;align-items:center;background:var(--chinh);color:#fff;padding:8px 12px}
  .tl-tq-dau span{font-size:.82rem;font-weight:700;background:rgba(255,255,255,.18);border-radius:99px;padding:2px 10px}
  .tl-tq-dong{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;font-size:.9rem;border-top:1px solid var(--vien)}
  .tl-tq-dong:first-of-type{border-top:0}
  .tl-tq-dong b{white-space:nowrap;color:var(--cam);font-size:.85rem}
}

/* ===== tiêu chí & điều kiện Pass ===== */
.ghi-tc{margin:-4px 0 10px;font-size:.82rem;background:var(--chinh-nhat);color:var(--chinh);border-radius:8px;padding:6px 10px}
.tc-tren{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:900px){.tc-tren{grid-template-columns:minmax(280px,.8fr) 1.2fr}.tc-tren .hop{margin-bottom:0}}
.tc-tren{margin-bottom:16px}
.tc-pass ol{margin:6px 0 0 20px;display:grid;gap:6px}
.tc-pass li{padding-left:2px}
.so-to{font-size:1.05rem;color:var(--chinh)}
.thang-diem.tinh div{cursor:default}
.tc-tab{display:inline-flex;background:#fff;border:1px solid var(--vien);border-radius:12px;padding:4px;margin:0 0 14px;flex-wrap:wrap}
.tc-tab button{border:0;background:none;padding:8px 16px;border-radius:9px;font-weight:700;cursor:pointer;color:var(--nhat)}
.tc-tab button.dang{background:var(--chinh);color:#fff}
.tc-w{display:flex;height:46px;border-radius:12px;overflow:hidden;margin:10px 0 16px;border:1px solid var(--vien)}
.tc-w span{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:0 6px;font-size:.68rem;line-height:1.2;color:#14532d;background:var(--chinh-nhat);border-left:2px solid #fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tc-w span:first-child{border-left:0}
.tc-w span b{font-size:.82rem}
.tc-w span.bb-nen{background:var(--cam-nhat);color:#7c2d12}
.tc-nhom{border:1px solid var(--vien);border-radius:14px;padding:12px 14px;margin-top:10px}
.tc-nhom-dau{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tc-nhom-dau h3{font-size:1rem;margin-right:auto}
@media(min-width:900px){.tc-nhom .tc-ds{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.tc-w span{font-size:0}.tc-w span b{font-size:.72rem}}
/* sửa */
.tc-muc-dong{display:grid;grid-template-columns:1fr auto 80px auto auto;gap:8px;align-items:center;margin-bottom:8px}
.tc-muc-dong span{font-size:.85rem;color:var(--nhat)}
.tc-den{min-width:62px}
.tc-tong-w{position:sticky;top:64px;z-index:6;border-radius:12px;padding:10px 14px;margin-bottom:12px;font-size:.95rem;box-shadow:0 6px 18px -12px rgba(0,0,0,.4)}
.tc-tong-w.dung{background:var(--pass-nhat);color:var(--pass)}
.tc-tong-w.sai{background:var(--truot-nhat);color:var(--truot)}
.tc-ten-bo{display:grid;gap:4px;font-size:.82rem;font-weight:600;color:var(--nhat);margin-bottom:12px}
.tc-sua-dau{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center}
.tc-sua-dau>input{font-weight:700}
.tc-w-o{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--nhat);white-space:nowrap}
.tc-w-o input{width:76px;text-align:right}
.tc-bb-o{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--cam);white-space:nowrap;cursor:pointer}
.tc-bb-o input{width:18px;height:18px;accent-color:var(--cam)}
.tc-sua-ds{display:grid;gap:10px;margin:12px 0 10px}
.tc-sua-mot{border:1px dashed var(--vien);border-radius:12px;padding:10px;display:grid;gap:8px;background:#fcfcfb}
.tc-sua-mot-dau{display:flex;gap:8px}
.tc-sua-mot-dau input{font-weight:600}
@media(max-width:700px){.tc-sua-dau{grid-template-columns:1fr 1fr}.tc-sua-dau>input{grid-column:1/-1}.tc-sua-dau .tl-sua-nut{grid-column:1/-1;justify-content:flex-end}.tc-muc-dong{grid-template-columns:1fr auto 64px auto}.tc-muc-dong .tc-den{grid-column:2/4}.tc-tong-w{top:56px}}
/* menu 5 mục trên điện thoại */
@media(max-width:430px){.menu a{font-size:.72rem;padding:7px 2px}}

/* ===== trang trí (09/10/2026): hoa văn sóng Nhật rất mờ + icon nét mảnh ===== */
body{background-color:var(--nen);background-image:
 radial-gradient(1200px 380px at 50% -120px,rgba(15,107,74,.10),transparent 70%),
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40'%3E%3Cg fill='none' stroke='%230f6b4a' stroke-opacity='.06' stroke-width='1.2'%3E%3Cpath d='M0 40a20 20 0 0 1 40 0M8 40a12 12 0 0 1 24 0M16 40a4 4 0 0 1 8 0M40 40a20 20 0 0 1 40 0M48 40a12 12 0 0 1 24 0M56 40a4 4 0 0 1 8 0M-20 20a20 20 0 0 1 40 0M-12 20a12 12 0 0 1 24 0M-4 20a4 4 0 0 1 8 0M20 20a20 20 0 0 1 40 0M28 20a12 12 0 0 1 24 0M36 20a4 4 0 0 1 8 0M60 20a20 20 0 0 1 40 0M68 20a12 12 0 0 1 24 0M76 20a4 4 0 0 1 8 0'/%3E%3C/g%3E%3C/svg%3E");
 background-attachment:fixed,scroll}
.ic{width:18px;height:18px;flex:none;vertical-align:-3px}
.menu a{display:inline-flex;align-items:center;gap:6px}
.menu a .ic{width:17px;height:17px;opacity:.85}
.tieu-de h1{display:flex;align-items:center;gap:12px}
.ic-o{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--chinh),#1d8a62);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 8px 18px -10px rgba(15,107,74,.8)}
.ic-o .ic{width:22px;height:22px}
.mo-ta{width:100%;order:3;margin-top:-6px;font-size:.86rem}
.tieu-de>div:first-child .mo-ta,.tieu-de>div:first-child .tl-meta{padding-left:54px}
.tieu-de>div:first-child .tl-meta{margin-top:-2px}
.hop>h2{display:flex;align-items:center;gap:8px}
.hop>h2 .ic{color:var(--chinh);width:20px;height:20px}
.hop{box-shadow:0 1px 0 rgba(28,25,23,.02),0 10px 30px -24px rgba(15,60,40,.35)}
.tong-nho>div{position:relative;padding-left:62px!important}
.tn-ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:10px;display:grid;place-items:center}
.tn-ic .ic{width:20px;height:20px}
.tn-xem{background:var(--chinh-nhat);color:var(--chinh)}.tn-pass{background:var(--pass-nhat);color:var(--pass)}
.tn-truot{background:var(--truot-nhat);color:var(--truot)}.tn-tyle{background:var(--cam-nhat);color:var(--cam)}
/* đăng nhập */
#dangNhap{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.07' stroke-width='1.3'%3E%3Cpath d='M0 40a20 20 0 0 1 40 0M8 40a12 12 0 0 1 24 0M16 40a4 4 0 0 1 8 0M40 40a20 20 0 0 1 40 0M48 40a12 12 0 0 1 24 0M56 40a4 4 0 0 1 8 0M-20 20a20 20 0 0 1 40 0M-12 20a12 12 0 0 1 24 0M-4 20a4 4 0 0 1 8 0M20 20a20 20 0 0 1 40 0M28 20a12 12 0 0 1 24 0M36 20a4 4 0 0 1 8 0M60 20a20 20 0 0 1 40 0M68 20a12 12 0 0 1 24 0M76 20a4 4 0 0 1 8 0'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(circle at 20% 10%,#1d8a62,#0b3d2c 70%)}
.dn-tranh{margin:-6px -6px 0;border-radius:14px;background:linear-gradient(180deg,#f6faf8,#fff);padding:10px 0 2px;display:grid;place-items:center}
.dn-tranh svg{width:220px;height:auto}
/* menu điện thoại: icon trên, chữ dưới */
@media(max-width:819px){.menu a{flex-direction:column;gap:2px;line-height:1.15;padding:6px 2px}.menu a .ic{width:19px;height:19px}}
@media(max-width:600px){.tieu-de h1{font-size:1.15rem}.ic-o{width:36px;height:36px;border-radius:10px}.ic-o .ic{width:19px;height:19px}.tieu-de>div:first-child .mo-ta,.tieu-de>div:first-child .tl-meta{padding-left:0}}