/* Nền trang, chữ, liên kết và các lớp tiện ích nhỏ */
*{box-sizing:border-box}
body{
  margin:0;color:var(--ink);font-family:var(--sans);font-size:14px;font-weight:500;line-height:1.45;
  background:var(--bg);
}
a{color:var(--neon-text);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3,p{margin:0}
button{color:inherit}
::selection{background:rgba(11,124,147,.22)}

.mono{font-family:var(--mono);font-size:13px}
.num{font-variant-numeric:tabular-nums}
.muted{color:var(--ink3);font-weight:500}
.right{text-align:right}
.row{display:flex;align-items:center;gap:12px}
.wrap{flex-wrap:wrap}
.sp{flex:1}
.grid{display:grid;gap:16px}
.divider{height:1px;background:var(--line2);margin:4px 0}
.scroll-x{overflow-x:auto}
.legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--ink2)}
.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}