/* ============================================================================
   99 — THANG CỠ CHỮ

   ⚠⚠ FILE NÀY PHẢI NẠP CUỐI CÙNG. Nó là nơi DUY NHẤT đặt `font-size` cho giao
      diện. Nạp sớm hơn thì các luật phía sau đè mất, và người sửa sẽ ngồi đổi cỡ
      chữ ở đây mà "không thấy gì đổi".

   Quy ước dùng bậc nào ở đâu:
     --t1  chú thích rất nhỏ, dấu vết, nhãn phụ
     --t2  nhãn, chữ mờ, ô nhỏ trong bảng
     --t3  nút, ô nhập, chữ trong bảng, tab
     --t4  chữ thân (mặc định của body)
     --t5  tiêu đề thẻ (h2), số liệu nổi bật
     --t6  tiêu đề mục (h1 trong thẻ)
     --t7  tiêu đề trang

   Thêm thành phần mới thì thêm tên nó vào đúng một bậc ở đây, đừng gõ `font-size`
   rải rác — làm vậy là thang chữ vỡ và màn điện thoại không co theo nữa.
   ============================================================================ */

/* --- t1 --- */
.hint,.nav .footnote,.brand .k,.stat .s .l{font-size:var(--t1)}

/* --- t2 --- */
.navgrp,.pill,.field label,.mtop .mt-brand,
table.grid.cardable>tbody>tr>td[data-lb]::before{font-size:var(--t2)}

/* --- t3 ---
   ⚠ `button` phải có mặt ở đây. Trình duyệt KHÔNG cho nút kế thừa cỡ chữ của
     trang — thiếu dòng này là mọi nút rơi ra ngoài thang. */
button,.btn,.ntbtn,.selp,.field input,.field select,.field textarea,
.tabs button,.cellinput,table.grid th,table.grid td,
.lmsw button,.ledger .lrow{font-size:var(--t3)}

/* --- t4 --- */
body,.card .sub,.head p{font-size:var(--t4)}

/* --- t5 --- */
h2,.card h2,.stat .s .v,.mtop .mt-title,
table.grid.cardable>tbody>tr>td.cd-title{font-size:var(--t5)}

/* --- t6 --- */
h1,.head h1{font-size:var(--t6)}

/* --- t7 --- */
.trang-lon h1{font-size:var(--t7)}