/* Module BÀI KIỂM TRA NHANH (0.9) — kiểu riêng, tiền tố .bkt- (.kt- là của module Kỹ thuật). CHỈ dùng biến của web/giao_dien.css
   (đúng cả chế độ sáng / tối; chữ trên nền màu dùng var(--the) để tự đảo khi tối). Điện thoại 390 px trước; bản web: lưới thẻ, bảng, 2 cột kết quả. */
/* ---- thẻ bài */
.bkt-luoi{display:grid;grid-template-columns:minmax(0,1fr)}
body.hc-web .bkt-luoi{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:0 12px}
.bkt-the{padding:12px 14px}
.bkt-the-dau{display:flex;align-items:flex-start;gap:12px}
.bkt-the-dau>svg:last-child{flex:none;color:var(--mo);margin-top:14px}
.bkt-the-giua{flex:1;min-width:0}
.bkt-the-giua h3,.bkt-the-ten{margin:0 0 2px;font:800 16px/1.3 var(--tieu-de);color:var(--chu);overflow-wrap:anywhere;text-transform:none;letter-spacing:0}
.bkt-mo-ta{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 4px;font-size:13.5px;line-height:1.4}
.bkt-chip{gap:6px;margin-top:6px}
.bkt-chip .hc-chip{height:22px;font-size:11.5px;padding:0 8px}
.bkt-nut-lam{margin-top:12px}
.bkt-icon{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--vang-nhat);color:var(--vang-chu)}
.bkt-icon.xam{background:var(--nen-2);color:var(--mo)}
.bkt-diem{flex:none;width:60px;min-height:54px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--cam-nhat);color:var(--cam-dam)}
.bkt-diem b{font:800 16px/1 var(--tieu-de);font-variant-numeric:tabular-nums}
.bkt-diem span{font-size:11px;line-height:1.2}
.bkt-diem.dat{background:var(--xanh-nhat);color:var(--xanh)}
.bkt-het{opacity:.72}
.bkt-tab{margin-top:2px}
.bkt-ql-nut{margin-top:8px}
.bkt-pham-vi{margin:0 2px 10px}
.bkt-chu-thich{margin:12px 2px;font-size:13px;line-height:1.5}
.bkt-rong-nho{padding:16px 4px;margin:0}

/* ---- khối anh hùng (điểm thưởng, xếp hạng, kết quả) */
.bkt-hero-dong{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bkt-hero-dong>svg{flex:none;color:var(--vang);opacity:.9}
.hc-hero .bkt-hero-dong h2{margin:6px 0 2px}
.bkt-so-to{font:800 44px/1 var(--tieu-de);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--vang)}
.bkt-hero-nut{margin-top:12px;flex-wrap:wrap}
.bkt-hero-nut .hc-nut{flex:0 0 auto}
.bkt-hero-bai .hc-so-luoi{margin-bottom:4px}
.bkt-kq-hero{display:flex;align-items:center;gap:16px;margin-top:10px}
.bkt-kq-hero .hc-vong{--co:112px}
.bkt-kq-hero .hc-vong b small{font-size:15px;color:#C9CDEB}
.bkt-kq-hero h2{margin:0 0 6px!important;font-size:34px!important}
.bkt-kq-hero p{margin:4px 0 0}
.hc-hero .bkt-kq-diem{display:flex;align-items:center;gap:6px;font:700 15px var(--noi-dung);color:var(--vang)}

/* ---- luật trước khi làm, tài liệu nên đọc */
.bkt-luat{padding:12px 16px}
.bkt-luat ul{margin:0;padding-left:20px}
.bkt-luat li{margin:0 0 6px;font-size:14.5px;line-height:1.5}
.bkt-luat li:last-child{margin-bottom:0}
.bkt-tl .hc-the-dau{align-items:center}
.bkt-tl h3{font-size:15.5px}

/* ---- làm bài: từng câu */
body.hc-web #goc>main.hc-may.bkt-lam{max-width:860px}
.bkt-dau-cau{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 0}
.bkt-so-cau{font:700 15px var(--noi-dung);color:var(--mo)}
.bkt-so-cau b{font:800 22px var(--tieu-de);color:var(--chu)}
.bkt-dong-ho{height:32px;padding:0 12px;font-size:14px}
.bkt-dong-ho b{font:800 15px var(--tieu-de);font-variant-numeric:tabular-nums}
.bkt-tien-do{margin:8px 0 14px}
.bkt-cau{padding:16px}
h2.bkt-hoi{margin:0 0 14px;font:800 20px/1.4 var(--tieu-de);color:var(--chu);text-transform:none;letter-spacing:0;overflow-wrap:anywhere}
.bkt-anh{display:block;max-width:100%;max-height:300px;object-fit:contain;border-radius:12px;margin:0 auto 14px;background:var(--nen-2)}
.bkt-anh.nho{max-height:120px;margin:0}
.bkt-nhieu{display:flex;align-items:center;gap:6px;margin:-6px 0 12px;font:600 13.5px var(--noi-dung);color:var(--chinh)}
.bkt-lua-chon{display:flex;flex-direction:column;gap:10px}
.bkt-lc{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;margin:0;padding:10px 14px;border:1.5px solid var(--vien);border-radius:14px;background:var(--the);
  color:var(--chu);font:600 16px/1.4 var(--noi-dung);text-align:left;cursor:pointer;transition:border-color .12s,background .12s;touch-action:manipulation}
button.bkt-lc:hover{border-color:var(--chinh-2)}
button.bkt-lc:focus-visible{outline:3px solid var(--chinh-nhat);outline-offset:1px}
.bkt-chu{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--nen-2);color:var(--chinh);font:800 15px var(--tieu-de)}
.bkt-lc-chu{flex:1;min-width:0;overflow-wrap:anywhere}
/* câu nhiều đáp án: ô vuông bo góc (như ô đánh dấu) thay vì tròn — nhìn là biết chọn được nhiều */
.bkt-lua-chon.nhieu .bkt-chu{border-radius:9px}
.bkt-lc.chon{border-color:var(--chinh);background:var(--chinh-nhat)}
.bkt-lc.chon .bkt-chu{background:var(--chinh);color:var(--the)}
.bkt-lua-chon.xem .bkt-lc{cursor:default;min-height:52px}
.bkt-lua-chon.xem .bkt-lc.chon{background:var(--the)}
.bkt-lc.dung{border-color:var(--xanh);background:var(--xanh-nhat)}
.bkt-lc.dung .bkt-chu{background:var(--xanh);color:var(--the)}
.bkt-lc.thieu{border-style:dashed;background:var(--the)}
.bkt-lc.sai{border-color:var(--do);background:var(--do-nhat)}
.bkt-lc.sai .bkt-chu{background:var(--do);color:var(--the)}
.bkt-dau{flex:none;margin-left:auto;display:grid;place-items:center}
.bkt-lc.dung .bkt-dau{color:var(--xanh)} .bkt-lc.sai .bkt-dau{color:var(--do)}
.bkt-cham-cau{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.bkt-cham-cau button{min-width:44px;height:44px;padding:0 6px;border:1.5px solid var(--vien);border-radius:12px;background:var(--the);color:var(--mo);font:700 14px var(--noi-dung);cursor:pointer}
.bkt-cham-cau button.co{background:var(--chinh-nhat);border-color:var(--chinh-nhat);color:var(--chinh)}
.bkt-cham-cau button.nay{border-color:var(--vang);box-shadow:0 0 0 2px var(--vang) inset;color:var(--chu)}
.bkt-chan{width:100%}
.bkt-chan>.hc-nut{flex:1}
body.hc-web .bkt-chan{width:auto}
body.hc-web .bkt-chan>.hc-nut{flex:0 0 auto;min-width:200px}

/* ---- đã nộp, chờ chấm */
.bkt-cho{text-align:center;padding:36px 8px 12px}
.bkt-cho-icon{width:96px;height:96px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:var(--xanh-nhat);color:var(--xanh)}
.bkt-cho h2{margin:0 0 4px;font:800 24px/1.3 var(--tieu-de);color:var(--chu);text-transform:none;letter-spacing:0}
.bkt-cho-ten{margin:0 0 10px;font:600 16px var(--noi-dung)}
.bkt-cho #bkt-cho-nut{margin-top:12px}

/* ---- kết quả của tôi */
.bkt-kq-cau{padding:12px 14px}
.bkt-kq-dau{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bkt-kq-cau h3{margin:6px 0 10px;font:700 16px/1.45 var(--tieu-de);color:var(--chu);overflow-wrap:anywhere}
.bkt-kq-cau>.hc-phu{margin:8px 0 0}
.bkt-gt{margin:10px 0 0}

/* ---- sổ điểm, xếp hạng */
.bkt-diem-dong .hc-dong-cuoi b{font:800 18px var(--tieu-de);font-variant-numeric:tabular-nums}
.bkt-ky{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 12px}
.bkt-ky b{min-width:140px;text-align:center;font:800 17px var(--tieu-de)}
.bkt-ky-trong{display:inline-block;width:44px}
.bkt-hang{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--nen-2);color:var(--mo);font:800 15px var(--tieu-de);font-variant-numeric:tabular-nums}
.bkt-hang.h1{background:var(--vang);color:var(--cham-dam)}
.bkt-hang.h2{background:var(--chinh-nhat);color:var(--chinh)}
.bkt-hang.h3{background:var(--lac);color:var(--cham-dam)}
.bkt-xh-dong.toi{background:var(--vang-nhat)}
.bkt-xh .hc-dong-cuoi{display:flex;flex-direction:column;align-items:flex-end}
.bkt-xh .hc-dong-cuoi b{font:800 19px var(--tieu-de);font-variant-numeric:tabular-nums}
.bkt-xh .hc-dong-cuoi .hc-phu{font-size:11.5px}

/* ---- kết quả của đội */
.bkt-kq-so{margin:10px 0 0;font-size:14px;color:var(--mo)}
.bkt-kq-so b{font:800 18px var(--tieu-de);color:var(--chu)}
.bkt-kq-nut{margin:0 0 12px}
.bkt-hai-cot{display:grid;grid-template-columns:minmax(0,1fr);gap:0 24px;align-items:start}
@media (min-width:1100px){ body.hc-web .bkt-hai-cot{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)} }
.bkt-ds-nguoi .hc-dong-cuoi{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.bkt-ds-nguoi .hc-dong-cuoi b{font:800 17px var(--tieu-de)}
.bkt-sai-ds{padding:4px 14px}
.bkt-sai{padding:10px 0;border-bottom:1px solid var(--vien-2)}
.bkt-sai:last-child{border-bottom:0}
.bkt-sai p{margin:4px 0 6px;font-size:14px;line-height:1.45}
.bkt-sai .hc-phu{margin:4px 0 0;font-size:12.5px}

/* ---- quản lý: bảng / thẻ */
.bkt-ql-so{margin:0 0 12px}
.bkt-bang td{vertical-align:middle}
.bkt-bang td:first-child{min-width:240px;max-width:400px}
.bkt-bang-vai{min-width:110px;max-width:190px}
.bkt-bang-hl{white-space:nowrap}
.bkt-nut-hang{white-space:nowrap}
.bkt-nut-hang .hc-nut{margin:2px 4px 2px 0}
.bkt-the-nut{margin-top:10px;flex-wrap:wrap}
.bkt-the-nut .hc-nut{flex:1 0 auto}

/* ---- soạn bài */
body.hc-web #goc>main.hc-may.bkt-soan-man{max-width:1040px}
.bkt-soan-tt{margin:0 0 10px}
.bkt-soan{padding:14px 16px}
.bkt-f-luoi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
@media (min-width:900px){ body.hc-web .bkt-f-luoi{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:359px){ .bkt-f-luoi{grid-template-columns:minmax(0,1fr)} }
.bkt-f-lam-lai{margin:4px 0 2px}
.bkt-soan-cau{padding:12px 14px}
.bkt-soan-dau{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}
.bkt-soan-dau b{font:800 16px var(--tieu-de)}
.bkt-soan-nut{display:flex;gap:6px}
.bkt-soan-nut .hc-nut-tron:disabled{opacity:.35;cursor:default}
.bkt-xoa{color:var(--do)}
.bkt-soan-lc{margin:0 0 12px}
.bkt-soan-lc-nhan{font:600 13px var(--noi-dung);color:var(--mo);margin:0 0 6px}
.bkt-soan-lc-dong{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.bkt-soan-lc-dong input[data-lc]{flex:1;min-width:0;min-height:46px;font-size:16px}
label.bkt-dung{position:relative;flex:none;display:grid;place-items:center;width:46px;height:46px;margin:0;border:1.5px solid var(--vien);border-radius:12px;background:var(--the);cursor:pointer}
label.bkt-dung input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;margin:0;padding:0}
label.bkt-dung span{font:800 15px var(--tieu-de);color:var(--mo)}
label.bkt-dung.on{background:var(--xanh);border-color:var(--xanh)}
label.bkt-dung.on span{color:var(--the)}
label.bkt-dung:focus-within{outline:3px solid var(--chinh-nhat);outline-offset:1px}
.bkt-soan-anh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bkt-them-cau{margin:4px 0 12px;flex-wrap:wrap}
.bkt-them-cau>.hc-nut{flex:1 0 auto}
.bkt-chan-soan{width:100%}
.bkt-chan-soan>.hc-nut{flex:1}
body.hc-web .bkt-chan-soan{width:auto}
body.hc-web .bkt-chan-soan>.hc-nut{flex:0 0 auto;min-width:180px}
.bkt-sheet{max-width:760px}
.bkt-sheet textarea{font:15px/1.5 var(--noi-dung)}
.bkt-nn-loi{margin:6px 0 0;padding-left:18px}
.bkt-nn-loi li{margin:0 0 3px}

/* ---- trang chủ */
.bkt-tc .hc-the-dau{align-items:center}
.bkt-tc-giua{flex:1;min-width:0}
.bkt-tc-giua h3{margin:0 0 2px;font:800 16px/1.3 var(--tieu-de)}
.bkt-tc-giua p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}