/* Trang pháp lý (/terms, /privacy): tờ giấy dó trên nền gỗ như landing, chữ hệ thống cho dễ đọc văn bản dài. */
@font-face { font-family: "Baloo 2"; font-weight: 800; font-display: swap; src: url(/phong/baloo-2-latin-800-normal.woff2) format("woff2"); }

:root {
  --nen: #3b2414;
  --giay: #e6e1cf;
  --muc: #2b1a0e;
  --muc-phu: #5e4a36;
  --do: #c8363a;
  --la: #4f6b2a;
  --le: clamp(16px, 3vw, 40px);
  color-scheme: light;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--nen); color: var(--muc); font: 400 1.0625rem/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; overflow-x: hidden; }
:focus-visible { outline: 3px solid var(--do); outline-offset: 3px; }

.to-giay { max-width: 820px; margin: var(--le) auto; padding: clamp(20px, 5vw, 56px); background: var(--giay); border-radius: 6px; box-shadow: 0 18px 50px rgb(0 0 0 / 35%); }
.dau { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: baseline; justify-content: space-between; margin-bottom: 28px; font-size: 0.9375rem; }
.dau a { color: var(--la); font-weight: 600; }
h1, h2 { font-family: "Baloo 2", system-ui, sans-serif; font-weight: 800; letter-spacing: -0.01em; line-height: 1.1; text-wrap: balance; }
h1 { font-size: clamp(2rem, 1.4rem + 2.6vw, 3rem); margin: 0 0 6px; }
h2 { font-size: clamp(1.25rem, 1.1rem + 0.7vw, 1.6rem); margin: 34px 0 10px; }
p, ul { margin: 0 0 14px; }
ul { padding-left: 1.3em; }
li { margin-bottom: 6px; }
a { color: var(--la); overflow-wrap: anywhere; }
.ngay { color: var(--muc-phu); font-size: 0.9375rem; margin-bottom: 22px; }
.cuoi { margin-top: 40px; padding-top: 16px; border-top: 1px solid rgb(43 26 14 / 20%); color: var(--muc-phu); font-size: 0.9375rem; }