/* ══════════════════════════════════════════════════════════════════════
   THANH SỨC NẶNG — BỀ RỘNG MỨC TÔ, dùng chung (dời khỏi xep-hang.css ở L699 · M.780 §H).

   🔴 NGUỒN DUY NHẤT của 101 luật `[data-p="N"]`. Nạp ở MỌI trang có vẽ thanh:
     · /xep-hang?bang=kim-chu   (L698 §D2)
     · trang chủ, khối ghép đôi (L699 §H)
   🔴 ⛔ chép các luật này sang tệp khác — hai bản sẽ lệch nhau ngay lần sửa đầu (§9 một nguồn).
   🔴 ⛔ THAY BẰNG style="" NỘI TUYẾN: CSP bản NGHIÊM khai `style-src 'self' 'nonce-…'` mà nonce
     ⛔ áp được cho THUỘC TÍNH style="" ⇒ mỗi style="" mới là thêm một tệp nữa chặn đường bật
     ENFORCE nghiêm (SecurityHeaders:125).
   🔴 BƯỚC 1%, ⛔ gom nhóm 5% — thanh dài theo tỷ lệ thật. Sinh cơ học.
     ⚪ L704 (M.832 §F): chữ dưới thanh KHÔNG còn in phần trăm (chỉ nói vị thế «Dẫn đầu / Theo sát /
       Đồng hành») ⇒ luật cũ «thanh lệch chữ là thanh nói dối» HẾT hiệu lực: nay có VỆT TỐI THIỂU
       (dưới đây) đôn thanh của người tỷ lệ rất nhỏ lên ~4px — cố ý, ⛔ nói dối con số nào vì ⛔ còn số.
   ⚠️ Trang dựng thanh mà QUÊN nạp tệp này thì mọi thanh về `width:0` (luật gốc `.kc-muc`) —
     trông như «ai cũng 0%», ⛔ vỡ trang, ⛔ cổng DOM nào kêu. Đó là lỗi CÂM: nhớ nạp.
   ══════════════════════════════════════════════════════════════════════ */
/* 🔴 LUẬT GỐC CỦA MỨC TÔ — dời từ xep-hang.css ở L699. PHẢI nằm CÙNG tệp với dải bề rộng dưới:
   tách hai nơi thì trang nào nạp một nửa sẽ có `width:N%` trên một span INLINE ⇒ bề rộng ⛔ áp được
   ⇒ thanh rộng 0px và ⛔ nền ⇒ TÀNG HÌNH, mà mọi cổng DOM vẫn xanh. Đã cắn thật 17/09.
   ⚠️ `width:0` (⛔ min-width) là mặc định an toàn: THIẾU HẲN `data-p` thì vẽ SỐ KHÔNG, ⛔ vẽ thanh đầy. */
.kc-muc{display:block;height:100%;border-radius:999px;background:var(--g-nut);width:0}

/* 🔴 L704 (M.832 §F) — VỆT TỐI THIỂU: người có ruby > 0 ⛔ bao giờ có thanh 0px (mọi người TRÊN bảng
   Kim Chủ đều đã tiêu > 0). Neo `[data-p]` (CÓ thuộc tính, mọi giá trị kể cả "0") ⇒ ⛔ đụng 101 luật
   width bên dưới, và GIỮ mặc-định-0 cho ca thiếu hẳn data-p (lỗi câm vẫn hiện 0). ⛔ nâng quá ~4px:
   thanh của p nhỏ mà dày quá đọc thành «gần bằng hạng trên» — sai vị thế. */
.kc-muc[data-p]{min-width:4px}

.kc-muc[data-p="0"]{width:0%}
.kc-muc[data-p="1"]{width:1%}
.kc-muc[data-p="2"]{width:2%}
.kc-muc[data-p="3"]{width:3%}
.kc-muc[data-p="4"]{width:4%}
.kc-muc[data-p="5"]{width:5%}
.kc-muc[data-p="6"]{width:6%}
.kc-muc[data-p="7"]{width:7%}
.kc-muc[data-p="8"]{width:8%}
.kc-muc[data-p="9"]{width:9%}
.kc-muc[data-p="10"]{width:10%}
.kc-muc[data-p="11"]{width:11%}
.kc-muc[data-p="12"]{width:12%}
.kc-muc[data-p="13"]{width:13%}
.kc-muc[data-p="14"]{width:14%}
.kc-muc[data-p="15"]{width:15%}
.kc-muc[data-p="16"]{width:16%}
.kc-muc[data-p="17"]{width:17%}
.kc-muc[data-p="18"]{width:18%}
.kc-muc[data-p="19"]{width:19%}
.kc-muc[data-p="20"]{width:20%}
.kc-muc[data-p="21"]{width:21%}
.kc-muc[data-p="22"]{width:22%}
.kc-muc[data-p="23"]{width:23%}
.kc-muc[data-p="24"]{width:24%}
.kc-muc[data-p="25"]{width:25%}
.kc-muc[data-p="26"]{width:26%}
.kc-muc[data-p="27"]{width:27%}
.kc-muc[data-p="28"]{width:28%}
.kc-muc[data-p="29"]{width:29%}
.kc-muc[data-p="30"]{width:30%}
.kc-muc[data-p="31"]{width:31%}
.kc-muc[data-p="32"]{width:32%}
.kc-muc[data-p="33"]{width:33%}
.kc-muc[data-p="34"]{width:34%}
.kc-muc[data-p="35"]{width:35%}
.kc-muc[data-p="36"]{width:36%}
.kc-muc[data-p="37"]{width:37%}
.kc-muc[data-p="38"]{width:38%}
.kc-muc[data-p="39"]{width:39%}
.kc-muc[data-p="40"]{width:40%}
.kc-muc[data-p="41"]{width:41%}
.kc-muc[data-p="42"]{width:42%}
.kc-muc[data-p="43"]{width:43%}
.kc-muc[data-p="44"]{width:44%}
.kc-muc[data-p="45"]{width:45%}
.kc-muc[data-p="46"]{width:46%}
.kc-muc[data-p="47"]{width:47%}
.kc-muc[data-p="48"]{width:48%}
.kc-muc[data-p="49"]{width:49%}
.kc-muc[data-p="50"]{width:50%}
.kc-muc[data-p="51"]{width:51%}
.kc-muc[data-p="52"]{width:52%}
.kc-muc[data-p="53"]{width:53%}
.kc-muc[data-p="54"]{width:54%}
.kc-muc[data-p="55"]{width:55%}
.kc-muc[data-p="56"]{width:56%}
.kc-muc[data-p="57"]{width:57%}
.kc-muc[data-p="58"]{width:58%}
.kc-muc[data-p="59"]{width:59%}
.kc-muc[data-p="60"]{width:60%}
.kc-muc[data-p="61"]{width:61%}
.kc-muc[data-p="62"]{width:62%}
.kc-muc[data-p="63"]{width:63%}
.kc-muc[data-p="64"]{width:64%}
.kc-muc[data-p="65"]{width:65%}
.kc-muc[data-p="66"]{width:66%}
.kc-muc[data-p="67"]{width:67%}
.kc-muc[data-p="68"]{width:68%}
.kc-muc[data-p="69"]{width:69%}
.kc-muc[data-p="70"]{width:70%}
.kc-muc[data-p="71"]{width:71%}
.kc-muc[data-p="72"]{width:72%}
.kc-muc[data-p="73"]{width:73%}
.kc-muc[data-p="74"]{width:74%}
.kc-muc[data-p="75"]{width:75%}
.kc-muc[data-p="76"]{width:76%}
.kc-muc[data-p="77"]{width:77%}
.kc-muc[data-p="78"]{width:78%}
.kc-muc[data-p="79"]{width:79%}
.kc-muc[data-p="80"]{width:80%}
.kc-muc[data-p="81"]{width:81%}
.kc-muc[data-p="82"]{width:82%}
.kc-muc[data-p="83"]{width:83%}
.kc-muc[data-p="84"]{width:84%}
.kc-muc[data-p="85"]{width:85%}
.kc-muc[data-p="86"]{width:86%}
.kc-muc[data-p="87"]{width:87%}
.kc-muc[data-p="88"]{width:88%}
.kc-muc[data-p="89"]{width:89%}
.kc-muc[data-p="90"]{width:90%}
.kc-muc[data-p="91"]{width:91%}
.kc-muc[data-p="92"]{width:92%}
.kc-muc[data-p="93"]{width:93%}
.kc-muc[data-p="94"]{width:94%}
.kc-muc[data-p="95"]{width:95%}
.kc-muc[data-p="96"]{width:96%}
.kc-muc[data-p="97"]{width:97%}
.kc-muc[data-p="98"]{width:98%}
.kc-muc[data-p="99"]{width:99%}
.kc-muc[data-p="100"]{width:100%}