/* Kiểu chung cho ba trang pháp lý.
 *
 * Một tệp, không phông ngoài, không script bên thứ ba. Trang này bị App Review
 * mở từ một mạng lạ ở một múi giờ lạ; thứ duy nhất chắc chắn tải được là thứ
 * nằm cùng chỗ với nó.
 *
 * Màu lấy từ icon app (`ios/SolveApp/Tools/veIcon.swift`): #E8342B → #B01E17.
 */

:root {
  --do: #e8342b;
  --do-dam: #b01e17;
  --nen: #ffffff;
  --nen2: #f7f7f8;
  --chu: #16181d;
  --chu-nhat: #5c6270;
  --vien: #e3e5ea;
  --rong: 46rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --nen: #101216;
    --nen2: #181b21;
    --chu: #eceef2;
    --chu-nhat: #9aa1ae;
    --vien: #2a2e37;
  }
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 0 1.25rem 5rem;
  background: var(--nen);
  color: var(--chu);
  font: 400 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, sans-serif;
}

.bao { max-width: var(--rong); margin: 0 auto; }

/* Đầu trang */

header {
  padding: 2.5rem 0 1.75rem;
  border-bottom: 1px solid var(--vien);
  margin-bottom: 2rem;
}

.hieu {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  text-decoration: none;
  color: inherit;
}

.hieu .dau {
  width: 2.1rem;
  height: 2.1rem;
  border-radius: .55rem;
  background: linear-gradient(135deg, var(--do), var(--do-dam));
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 1.1rem;
  font-weight: 700;
}

.hieu .ten { font-weight: 600; letter-spacing: -.01em; }

h1 {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: -.02em;
  margin: 1.5rem 0 .5rem;
}

.ngay { color: var(--chu-nhat); font-size: .9rem; margin: 0; }

/* Nút đổi ngôn ngữ */

.doi-tieng {
  display: flex;
  gap: .35rem;
  margin-top: 1.5rem;
  padding: .3rem;
  background: var(--nen2);
  border: 1px solid var(--vien);
  border-radius: .7rem;
  width: fit-content;
}

.doi-tieng button {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--chu-nhat);
  font: inherit;
  font-size: .9rem;
  font-weight: 600;
  padding: .35rem .9rem;
  border-radius: .5rem;
  cursor: pointer;
  min-height: 2.4rem;
}

.doi-tieng button[aria-selected="true"] {
  background: var(--nen);
  color: var(--chu);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
}

/* Thân bài */

h2 {
  font-size: 1.25rem;
  letter-spacing: -.01em;
  margin: 2.5rem 0 .75rem;
  padding-top: .5rem;
}

h3 { font-size: 1.02rem; margin: 1.5rem 0 .4rem; }

p, li { color: var(--chu); }

p { margin: 0 0 1rem; }

ul, ol { margin: 0 0 1rem; padding-left: 1.4rem; }

li { margin-bottom: .45rem; }

a { color: var(--do); text-decoration-thickness: .07em; text-underline-offset: .15em; }

@media (prefers-color-scheme: dark) { a { color: #ff7a70; } }

strong { font-weight: 650; }

code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .88em;
  background: var(--nen2);
  border: 1px solid var(--vien);
  border-radius: .3rem;
  padding: .1em .35em;
}

/* Bảng — cuộn ngang riêng, không đẩy cả trang */

.bang-cuon { overflow-x: auto; margin: 0 0 1.25rem; }

table { border-collapse: collapse; width: 100%; min-width: 34rem; font-size: .93rem; }

th, td {
  text-align: left;
  vertical-align: top;
  padding: .6rem .75rem;
  border-bottom: 1px solid var(--vien);
}

th { font-weight: 650; color: var(--chu-nhat); font-size: .85rem; }

/* Khối nhấn */

.khoi {
  background: var(--nen2);
  border: 1px solid var(--vien);
  border-radius: .8rem;
  padding: 1.1rem 1.25rem;
  margin: 0 0 1.5rem;
}

.khoi p:last-child, .khoi ul:last-child { margin-bottom: 0; }

/* Chân trang */

footer {
  margin-top: 3.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--vien);
  color: var(--chu-nhat);
  font-size: .88rem;
}

footer a { color: var(--chu-nhat); }

footer nav { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: .75rem; }

/* Chưa có JavaScript thì HIỆN CẢ HAI bản. Trang pháp lý không được phép trống
 * chỉ vì trình duyệt tắt script. */
.tieng { display: block; }

body.co-js .tieng { display: none; }
body.co-js .tieng.hien { display: block; }