/* BEE ENGLISH PERFORMANCE LAB — brand vàng/đen/trắng Bee's Home.
   Chữ vàng trên nền sáng dùng bản đậm AA #8a6a00 (luật đã trả giá). */
:root{--vang:#FFC020;--vang-dam:#8a6a00;--den:#151515;--nen:#FCFAF4;
--ln:#E6E2D6;--chu:#2A2A2A;--phu:#5F6673;--xanh:#1E7A3C;--do:#B3372B}
*{box-sizing:border-box}
body{margin:0;background:var(--nen);color:var(--chu);
font-family:"Be Vietnam Pro","Segoe UI",system-ui,Arial,sans-serif;
font-size:16px;line-height:1.55}
.dau{background:var(--den);color:#fff;padding:14px 18px;display:flex;
align-items:center;gap:10px;flex-wrap:wrap}
.dau .logo{background:var(--vang);color:var(--den);font-weight:900;
padding:4px 10px;border-radius:8px;letter-spacing:.5px}
.dau .ten{font-weight:800}
.dau .phu-de{font-size:12.5px;opacity:.75;width:100%}
.khung{max-width:860px;margin:0 auto;padding:18px 14px 60px}
.the{background:#fff;border:1px solid var(--ln);border-radius:14px;
padding:18px;margin:14px 0;box-shadow:0 1px 4px rgba(0,0,0,.04)}
h1{font-size:22px;margin:8px 0}
h2{font-size:17px;margin:0 0 10px;color:var(--vang-dam)}
.nut{display:block;width:100%;min-height:56px;border:0;border-radius:14px;
background:var(--vang);color:var(--den);font-size:19px;font-weight:900;
cursor:pointer;padding:14px}
.nut:active{transform:scale(.985);background:#e8ac12}
.nut-phu{background:#fff;border:2px solid var(--ln);color:var(--chu);
font-size:16px;font-weight:700;min-height:48px}
.nut-phu:active{background:#f2efe6}
input[type=text]{width:100%;min-height:52px;font-size:18px;padding:10px 14px;
border:2px solid var(--ln);border-radius:12px;background:#fff}
input[type=text]:focus{outline:none;border-color:var(--vang)}
.pa{display:block;width:100%;text-align:left;margin:8px 0;padding:13px 15px;
min-height:48px;border:2px solid var(--ln);border-radius:12px;background:#fff;
font-size:16.5px;cursor:pointer}
.pa:active{background:#FFF6DC;border-color:var(--vang)}
.pa.chon{background:#FFF1C9;border-color:var(--vang);font-weight:700}
.pa.dung{background:#E7F5EB;border-color:var(--xanh)}
.pa.sai{background:#FBEAE8;border-color:var(--do)}
.nhan{display:inline-block;background:var(--vang);color:var(--den);
font-weight:800;font-size:12.5px;padding:3px 9px;border-radius:99px}
.nhan-xam{background:#EEEBE0;color:var(--phu)}
.tb-dung{color:var(--xanh);font-weight:800}
.tb-sai{color:var(--do);font-weight:800}
.goi-y{background:#FFF6DC;border-left:4px solid var(--vang);padding:10px 12px;
border-radius:8px;margin:10px 0;font-size:15px}
.thanh{height:10px;background:#EEEBE0;border-radius:99px;overflow:hidden}
.thanh>i{display:block;height:100%;background:var(--vang)}
table{width:100%;border-collapse:collapse;font-size:14.5px}
th,td{padding:8px 6px;border-bottom:1px solid var(--ln);text-align:left}
th{color:var(--phu);font-size:12.5px;text-transform:uppercase}
.phu{color:var(--phu);font-size:13.5px}
.an{display:none}
@media (hover:hover){.nut:hover{background:#e8ac12}.pa:hover{border-color:var(--vang)}}

/* NGỮ LIỆU — bài đọc / bài nghe (xem ngu-lieu.js). Thêm 31/08/2026 vì
   54 câu đọc-hiểu và nghe trước đó không hề hiện bài, học sinh đoán mò. */
.ngulieu{background:rgba(0,0,0,.04);border-left:4px solid var(--vang,#FDBE21);
  border-radius:10px;padding:14px 16px;margin:0 0 14px;font-size:16px;
  line-height:1.65;max-height:44vh;overflow-y:auto}
.ngulieu b{display:block;margin-bottom:8px;font-size:17px}
.ngulieu p{margin:0 0 10px}
.ngulieu-nghe{max-height:none}
.ngulieu-nghe .pa{margin-top:6px}
@media (prefers-color-scheme:dark){.ngulieu{background:rgba(255,255,255,.06)}}

/* BH-TIEP-CAN */
/* DUNG/SAI KHONG DUOC CHI PHAN BIET BANG MAU — xem chu thich dau file. */
.pa button.dung::before, .pa.dung::before,
button.pa.dung::before { content: "\2713\00a0"; font-weight: 800; }
.pa button.sai::before, .pa.sai::before,
button.pa.sai::before { content: "\2717\00a0"; font-weight: 800; }
.pa button.dung, .pa.dung, button.pa.dung,
.pa button.sai,  .pa.sai,  button.pa.sai { color: #1a1a1a !important; }
/* vien net DUT cho cau sai — kenh thu hai, doc duoc ca khi in trang den */
.pa button.sai, .pa.sai, button.pa.sai { border-style: dashed !important; }
.pa button.dung, .pa.dung, button.pa.dung { border-style: solid !important; }
/* vung thong bao cho trinh doc man hinh — khong chiem cho tren man hinh */
.bh-doc-man-hinh {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}