/* ════════════════════════════════════════════════════════════════════════════
   NBRE · policy.css — khuôn chung cho BA trang chính sách
   ────────────────────────────────────────────────────────────────────────────
   chinh-sach-bao-mat.html · dieu-khoan-dich-vu.html · chinh-sach-thong-tin-cong-khai.html

   Một file dùng chung cho cả ba, KHÔNG chép CSS ba lần: ba trang này phải trông
   giống hệt nhau, mà ba bản sao thì sớm muộn lệch nhau.
   Kế thừa toàn bộ token từ base.css (nạp trước) nên tự theo chế độ sáng/tối.
   ════════════════════════════════════════════════════════════════════════════ */

.pol {
  max-width: 820px;
  margin: 0 auto;
  padding: clamp(1.6rem, 5vw, 3.5rem) clamp(1.1rem, 4vw, 2rem) 5rem;
}
.pol-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: clamp(2rem, 6vw, 3.4rem);
}
.pol-top .brand img {
  height: 30px;
  width: auto;
  display: block;
}
.pol-top .back {
  font-size: var(--fs-sm);
  color: var(--muted);
  text-decoration: none;
  transition: color 0.4s var(--ease);
}
.pol-top .back:hover { color: var(--gold); }

.pol h1 {
  font-family: var(--display);
  font-weight: 400;
  font-size: clamp(1.9rem, 5.5vw, 3rem);
  line-height: 1.1;
  letter-spacing: -0.01em;
  margin: 0;
  text-wrap: balance;
}
.pol .lede {
  font-size: var(--fs-lg);
  color: var(--muted);
  max-width: 62ch;
  margin-top: 1.1rem;
  line-height: 1.6;
}
/* Ngày hiệu lực — bắt buộc có trên mọi trang chính sách. Một chính sách không
   ngày tháng thì không ai biết mình đang đồng ý với bản nào. */
.pol .meta {
  margin-top: 1.4rem;
  font-size: var(--fs-2xs);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted-2);
}
.pol .rule {
  height: 1px;
  background: linear-gradient(90deg, var(--gold), transparent);
  border: 0;
  margin: 2.6rem 0;
  opacity: 0.5;
}
.pol section { margin-top: 2.6rem; }
.pol h2 {
  font-family: var(--display);
  font-weight: 400;
  font-size: clamp(1.25rem, 3vw, 1.55rem);
  margin: 0 0 0.7rem;
  letter-spacing: -0.01em;
}
.pol p {
  color: var(--text-soft);
  line-height: 1.75;
  max-width: 70ch;
  margin: 0 0 0.9rem;
}
.pol ul { margin: 0 0 1rem; padding-left: 1.15rem; }
.pol li {
  color: var(--text-soft);
  line-height: 1.7;
  margin-bottom: 0.45rem;
  max-width: 68ch;
}
.pol a { color: var(--gold-bright); }
.pol strong { font-weight: var(--w-mid); }

/* Bảng kê dữ liệu — cột trái là DỮ KIỆN, cột phải là MỤC ĐÍCH. Bảng nói rõ hơn
   mọi đoạn văn: khách quét mắt là thấy NBRE giữ gì và vì sao. */
.pol-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.2rem 0 1.4rem;
  font-size: var(--fs-sm);
}
.pol-table th,
.pol-table td {
  text-align: left;
  vertical-align: top;
  padding: 0.72rem 0.9rem;
  border: 1px solid var(--line);
}
.pol-table th {
  font-weight: var(--w-mid);
  color: var(--muted);
  font-size: var(--fs-2xs);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: var(--ink-2);
}
.pol-wrap { overflow-x: auto; } /* bảng không được đẩy vỡ trang trên điện thoại */

.pol .callout {
  border-left: 2px solid var(--gold);
  padding: 0.9rem 1.1rem;
  margin: 1.3rem 0;
  background: var(--ink-2);
  font-size: var(--fs-sm);
  line-height: 1.7;
  color: var(--muted);
}
.pol .foot {
  margin-top: 3.4rem;
  padding-top: 1.4rem;
  border-top: 1px solid var(--line);
  font-size: var(--fs-2xs);
  color: var(--muted-2);
  line-height: 1.7;
}