/* KHO CỦA BÉ — xem kho-cua-be.js. Cỡ chữ ghi THẲNG vào từng thẻ (luật p{.92rem} của app sẽ đè nếu để kế thừa). */
#khoBe-wrap:empty{display:none}
.kb-the{display:grid;grid-template-columns:1fr auto;gap:2px 10px;width:100%;margin-top:16px;padding:20px 20px 16px;border:0;border-radius:26px;text-align:left;cursor:pointer;font:inherit;color:#fbf6ea;background:linear-gradient(160deg,#7E9067,#4f5f3d);box-shadow:0 14px 26px -18px rgba(43,52,32,.7)}
.kb-the .kb-nhan{grid-column:1/-1;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#f2d68f;font-weight:600}
.kb-the .kb-ten{grid-column:1/-1;font-family:var(--serif);font-size:27px;font-weight:600;line-height:1.15;margin-top:4px}
.kb-the .kb-phu{grid-column:1/-1;font-size:15px;opacity:.9}
.kb-the .kb-bia{grid-column:1/2;display:flex;gap:6px;margin-top:14px;min-width:0}
.kb-the .kb-bia img{width:42px;height:54px;object-fit:cover;border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.25)}
.kb-the .kb-mui{grid-column:2/3;align-self:end;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#f2d68f;color:#3a3020;font-size:22px;font-weight:700}

#kbLop{position:fixed;inset:0;z-index:9000;background:#f3efe6;overflow-y:auto;-webkit-overflow-scrolling:touch;color:#2b2118;padding-bottom:140px}
#kbLop .kb-dau{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;background:#f3efe6;border-bottom:1px solid #e2dabf}
#kbLop .kb-lui{width:42px;height:42px;border-radius:50%;border:1px solid #d8cdb8;background:#fffdf8;font-size:26px;line-height:1;color:#4c3b2e;cursor:pointer}
#kbLop .kb-dau-t{font-family:var(--serif);font-size:23px;font-weight:600;color:#2b3420}
#kbLop .kb-than{padding:6px 16px 0;max-width:640px;margin:0 auto}
#kbLop p.kb-loi{font-size:16px;line-height:1.55;margin:12px 0 4px;color:#4c3b2e}
#kbLop h3.kb-ke{font-family:var(--serif);font-size:22px;font-weight:600;margin:22px 0 2px;color:#2b3420}
#kbLop p.kb-ke-phu{font-size:15px;line-height:1.5;margin:2px 0 12px;color:#6b5a48}
#kbLop .kb-luoi{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
#kbLop .kb-sach{display:flex;flex-direction:column;gap:4px;border:0;background:none;padding:0;text-align:left;cursor:pointer;font:inherit}
#kbLop .kb-sach img{width:100%;aspect-ratio:36/46;object-fit:cover;border-radius:14px;box-shadow:0 10px 18px -12px rgba(43,33,24,.6)}
#kbLop .kb-sach-t{font-size:16px;font-weight:600;color:#2b2118}
#kbLop .kb-sach-p{font-size:14px;color:#6b5a48}
#kbLop .kb-phim{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;width:100%;margin-bottom:12px;padding:14px;border:1.5px solid #d8cdb8;border-radius:18px;background:#fffdf8;text-align:left;cursor:pointer;font:inherit}
#kbLop .kb-phim-so{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:#e2e8d8;color:#2b3420;font-family:var(--serif);font-size:24px;font-weight:700;line-height:1}
#kbLop .kb-phim-so small{font-family:inherit;font-size:12px;font-weight:500}
#kbLop .kb-phim-tx{display:flex;flex-direction:column;gap:2px}
#kbLop .kb-phim-t{font-size:17px;font-weight:600;color:#2b2118}
#kbLop .kb-phim-p{font-size:14px;color:#6b5a48}
#kbLop .kb-phim-mui{font-size:26px;color:#825c37}
#kbLop .kb-sach-dau{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;margin:14px 0 8px}
#kbLop .kb-sach-dau img{width:110px;border-radius:12px;box-shadow:0 10px 18px -12px rgba(43,33,24,.6)}
#kbLop .kb-sach-ten{font-family:var(--serif);font-size:24px;font-weight:600;color:#2b3420}
#kbLop .kb-sach-phu{font-size:15px;color:#6b5a48;margin-top:3px}
#kbLop .kb-ds{display:flex;flex-direction:column;gap:8px;margin-top:10px}
#kbLop .kb-bai{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid #e2dabf;border-radius:14px;background:#fffdf8;text-align:left;cursor:pointer;font:inherit}
#kbLop .kb-bai.dang{border-color:#7E9067;background:#eef2e6}
#kbLop .kb-bai-nut{width:34px;height:34px;border-radius:50%;background:#525d41;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px}
#kbLop .kb-bai-t{font-size:16px;line-height:1.35;color:#2b2118}
#kbLop .kb-may{position:fixed;left:0;right:0;bottom:0;z-index:3;padding:10px 16px calc(env(safe-area-inset-bottom) + 12px);background:#2b3420;color:#fbf6ea;box-shadow:0 -10px 24px -14px rgba(0,0,0,.5)}
#kbLop .kb-may-t{font-size:15px;font-weight:600;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#kbLop .kb-may audio{width:100%;height:40px}
#kbLop .kb-may-loi{font-size:14px;color:#f2d68f}
#kbLop .kb-may-loi:empty{display:none}
#kbLop .kb-khung{position:sticky;top:63px;z-index:1;background:#000}
#kbLop .kb-khung iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
#kbLop .kb-khung-t{font-size:15px;color:#fbf6ea;padding:8px 16px;background:#2b3420}