/* Kiểu cho các trang pháp lý: privacy, terms, xoá dữ liệu, mẫu chính sách shop.
 *
 * KHÔNG định nghĩa màu ở đây — mọi màu lấy từ /css/thuong-hieu.css.
 * Đổi màu thì đổi ở đó, không sửa file này.
 *
 * Trang công khai nên dùng tông tối theo đúng bộ nhận diện. Không có công tắc
 * đổi nền: đây là văn bản pháp lý, ít chữ, đọc một lần — không phải màn hình
 * nhân viên ngồi 8 tiếng.
 *
 * Không script, không cookie, không theo dõi, không gọi tài nguyên bên thứ ba.
 * Font tự host. Trang chính sách bảo mật mà tải font từ Google là gửi địa chỉ IP
 * người đọc sang bên thứ ba — vừa mỉa mai vừa khó giải thích nếu bị hỏi.
 */

*{box-sizing:border-box;margin:0;padding:0}

body{
  font-family:var(--font-than);
  background:var(--nen);
  color:var(--chu);
  font-size:16px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

.wrap{max-width:760px;margin:0 auto;padding:40px 24px 96px}

/* ---------------- điều hướng trên cùng ---------------- */

.top{
  border-bottom:1px solid var(--vien);
  margin-bottom:36px;padding-bottom:16px;
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
}
.top a.home{
  display:flex;align-items:center;gap:9px;
  font-family:var(--font-hieu);font-weight:700;font-size:18px;letter-spacing:-.02em;
  color:var(--chu);text-decoration:none;
}
.top a.home .m{
  width:26px;height:26px;display:block;
  /* Logo da la mau cam san — khong dat tren o vuong cam nua */
}
.top .sp{flex:1}
.top nav a{font-size:14px;color:var(--chu-2);text-decoration:none;margin-left:14px}
.top nav a:hover{color:var(--chu)}
.top nav a[aria-current]{color:var(--orange);font-weight:600}

/* ---------------- chữ ---------------- */

h1{
  font-family:var(--font-tieu-de);
  font-size:30px;line-height:1.25;letter-spacing:-.02em;font-weight:700;margin-bottom:6px;
}
h2{
  font-family:var(--font-tieu-de);
  font-size:20px;line-height:1.3;letter-spacing:-.01em;font-weight:700;
  margin:36px 0 10px;padding-top:4px;
}
h3{font-family:var(--font-tieu-de);font-size:16.5px;font-weight:600;margin:22px 0 6px}

.meta{color:var(--chu-3);font-size:14px;margin-bottom:8px;font-family:var(--font-so)}
p{margin-bottom:12px}
ul,ol{padding-left:22px;margin-bottom:12px}
li{margin:5px 0}
a{color:var(--orange)}
a:hover{color:var(--cam-hover)}
strong{font-weight:600;color:var(--chu)}
hr{border:0;border-top:1px solid var(--vien);margin:40px 0}
code,.mono{font-family:var(--font-so);font-size:.92em}

/* Tóm tắt đầu trang — dùng gradient thương hiệu ở viền trái vì đây là chỗ
   duy nhất trên trang đáng nhấn. Tỉ lệ 70·20·10: rất ít gradient. */
.tomtat{
  background:var(--be-mat);
  border:1px solid var(--vien);
  border-left:3px solid transparent;
  border-image:var(--grad) 1;
  border-radius:0 12px 12px 0;
  padding:16px 18px;margin:24px 0 32px;
  font-size:15px;color:var(--chu-2);
}
.tomtat b{color:var(--chu)}

/* ---------------- bảng ---------------- */

table{
  width:100%;border-collapse:collapse;margin:14px 0 18px;font-size:14.5px;
  display:block;overflow-x:auto;
}
th,td{
  text-align:left;padding:9px 12px;
  border-bottom:1px solid var(--vien);vertical-align:top;
}
th{
  font-family:var(--font-tieu-de);
  font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;
  color:var(--chu-2);background:var(--be-mat);white-space:nowrap;
}
td:first-child{font-weight:500;white-space:nowrap}

/* ---------------- hộp nhấn mạnh ----------------
   Bốn sắc, mỗi sắc một nghĩa cố định — xem bảng ý nghĩa trong thuong-hieu.css */

.hop{border-radius:10px;padding:14px 16px;margin:18px 0;font-size:15px;border-left:3px solid}
.hop b{display:block;margin-bottom:3px;color:var(--chu)}
.hop.canh{background:var(--ember-mo);border-color:var(--ember);color:var(--chu)}
.hop.quan{background:var(--iris-mo); border-color:var(--iris); color:var(--chu)}
.hop.cam {background:var(--do-mo);   border-color:var(--do);   color:var(--chu)}
.hop.duoc{background:var(--aqua-mo); border-color:var(--aqua); color:var(--chu)}

/* Chỗ chưa điền thông tin doanh nghiệp. Tô chói CỐ Ý để không ai lỡ tay
   đưa lên bản thật mà quên điền — reviewer Meta đọc thấy là trượt vòng. */
.dien{
  background:#FFE27A;color:#463A00;border:1px dashed #8A6D00;
  border-radius:5px;padding:1px 7px;font-weight:700;font-size:14.5px;white-space:nowrap;
}

/* ---------------- chân trang ---------------- */

.chan{
  margin-top:56px;padding-top:20px;border-top:1px solid var(--vien);
  font-size:14px;color:var(--chu-3);
}
.chan a{color:var(--chu-2)}
.chan a:hover{color:var(--chu)}