:root{
  --teal:#008EB0;        /* chi dung cho mang khong chua chu */
  --teal-text:#00728d;   /* chu/nut - do tuong phan 5,54:1 dat chuan AA */
  --nen:#FAFAFA; --vien:#e3e6e8; --do:#b3261e; --xanh:#1a7f37; --vang:#8a5a00;
}
*{box-sizing:border-box}
img{max-width:100%}
body{margin:0;background:var(--nen);color:#1c1f21;
     font:400 15px/1.5 "Open Sans",system-ui,sans-serif;
     overflow-x:hidden}
header,main,footer{max-width:1180px;margin:0 auto;padding:16px 20px}
header{border-bottom:3px solid var(--teal)}
h1{font-size:22px;margin:0 0 4px}
h2{font-size:17px;color:var(--teal-text);margin:24px 0 8px}
#canh-bao-goc{background:#fdecea;border:2px solid var(--do);color:var(--do);
  border-radius:6px;padding:12px 16px;margin-top:10px;font-weight:700;font-size:16px}
#canh-bao-goc p{margin:4px 0}
.ghi-chu{font-size:13px;color:#4a5054;margin:0 0 8px}
.cot-doi{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}
.the{background:#fff;border:1px solid var(--vien);border-left:4px solid var(--teal);
     border-radius:6px;padding:12px;margin-bottom:10px}
.the.canh-bao{border-left-color:var(--do)}
.the.thieu-du-lieu{border-left-color:var(--vang)}
.the b{font-size:16px}
.the ul{margin:6px 0 0;padding-left:18px;font-size:13px;color:#4a5054}
.dat{color:var(--xanh)} .truot{color:var(--do)}
.rong{color:#6a7075;font-style:italic}
.cuon{overflow-x:auto;max-width:100%}
table{border-collapse:collapse;width:100%;background:#fff;font-size:13px}
th,td{border:1px solid var(--vien);padding:6px 8px;text-align:right;white-space:nowrap}
th{background:#f0f4f6;color:var(--teal-text);text-align:right;position:sticky;top:0}
th:first-child,td:first-child{text-align:left}
input#loc{padding:7px 10px;border:1px solid var(--vien);border-radius:4px;
          margin-bottom:8px;width:220px;max-width:100%;font:inherit}
footer{border-top:1px solid var(--vien);margin-top:32px;font-size:13px;color:#4a5054}
footer ul{padding-left:18px}
details summary{cursor:pointer;color:var(--teal-text);font-weight:600}

/* --- Phan loai mau o bang top 50 -----------------------------------------
   Mau chi la lop bo tro cho cot "Kết luận" bang chu (in den trang / mu mau
   van doc duoc). Nen to rat nhat de khong lam chu so kho doc; dai mau ben
   trai moi la dau hieu chinh. */
#bang tbody tr{border-left:4px solid transparent}
#bang tbody tr.kl-trong-ro{background:#f2f9f4;border-left-color:var(--xanh)}
#bang tbody tr.kl-du-phong{background:#f1f8fa;border-left-color:var(--teal)}
#bang tbody tr.kl-khong-dat{background:#fff}
#bang tbody tr.kl-thieu-du-lieu{background:#fdf6e8;border-left-color:var(--vang)}
#bang tbody tr.kl-hose-loai{background:#fdecea;border-left-color:var(--do)}
#bang td .nhan{font-weight:600}
#bang tr.kl-trong-ro td .nhan{color:var(--xanh)}
#bang tr.kl-du-phong td .nhan{color:var(--teal-text)}
#bang tr.kl-khong-dat td .nhan{color:#4a5054;font-weight:400}
#bang tr.kl-thieu-du-lieu td .nhan{color:var(--vang)}
#bang tr.kl-hose-loai td .nhan{color:var(--do)}
.chu-giai{list-style:none;display:flex;flex-wrap:wrap;gap:14px;
          margin:0 0 8px;padding:0;font-size:12.5px;color:#4a5054}
.chu-giai li{display:flex;align-items:center}
.chu-giai li::before{content:"";width:12px;height:12px;border-radius:3px;
  margin-right:6px;border:1px solid var(--vien)}
.chu-giai .kl-trong-ro::before{background:var(--xanh);border-color:var(--xanh)}
.chu-giai .kl-du-phong::before{background:var(--teal);border-color:var(--teal)}
.chu-giai .kl-khong-dat::before{background:#fff}
.chu-giai .kl-thieu-du-lieu::before{background:var(--vang);border-color:var(--vang)}
.chu-giai .kl-hose-loai::before{background:var(--do);border-color:var(--do)}
#bang tbody tr.kl-dat-ngoai-ro{background:#f7fbfc;border-left-color:#8fc6d4}
#bang tr.kl-dat-ngoai-ro td .nhan{color:var(--teal-text);font-weight:400}
.chu-giai .kl-dat-ngoai-ro::before{background:#8fc6d4;border-color:#8fc6d4}

/* --- Khoi dinh nghia chi tieu -------------------------------------------- */
#dinh-nghia{margin:0 0 12px;font-size:13px}
#dinh-nghia h3{font-size:13.5px;color:var(--teal-text);margin:14px 0 6px}
#dinh-nghia dl{margin:0;display:grid;grid-template-columns:minmax(150px,190px) 1fr;
               gap:6px 14px;align-items:start}
#dinh-nghia dt{font-weight:600;color:#1c1f21}
#dinh-nghia dd{margin:0;color:#4a5054;max-width:78ch}
#dinh-nghia dd small{color:#6a7075;white-space:nowrap}
#dinh-nghia dt[class^="kl-"]{display:flex;align-items:flex-start}
#dinh-nghia dt[class^="kl-"]::before{content:"";flex:0 0 auto;width:11px;height:11px;
  border-radius:3px;margin:4px 6px 0 0;border:1px solid var(--vien)}
#dinh-nghia dt.kl-trong-ro::before{background:var(--xanh);border-color:var(--xanh)}
#dinh-nghia dt.kl-du-phong::before{background:var(--teal);border-color:var(--teal)}
#dinh-nghia dt.kl-dat-ngoai-ro::before{background:#8fc6d4;border-color:#8fc6d4}
#dinh-nghia dt.kl-khong-dat::before{background:#fff}
#dinh-nghia dt.kl-thieu-du-lieu::before{background:var(--vang);border-color:var(--vang)}
#dinh-nghia dt.kl-hose-loai::before{background:var(--do);border-color:var(--do)}
@media (max-width:640px){#dinh-nghia dl{grid-template-columns:1fr;gap:2px}
  #dinh-nghia dd{margin-bottom:8px}}