/* =============================================================================
   DOMI Technology — Kiểu trình bày dùng chung cho các trang PHÁP LÝ
   (điều khoản sử dụng · chính sách bảo vệ dữ liệu · thanh toán & hoàn tiền)
   Văn bản pháp lý cần đọc được, tra được, in được — không cần trang trí.
   ========================================================================== */

/* --- Dải cảnh báo bản dự thảo (tự biến mất khi điền hết chỗ treo) --------- */
.pl-canhbao {
  position: sticky; top: 0; z-index: 1000;
  background: #7A1220; color: #FFE4E8;
  padding: 13px 0; font-size: .9rem; line-height: 1.55;
}
.pl-canhbao b { color: #fff; }
.pl-canhbao code { background: rgba(255,255,255,.12); padding: 1px 6px; }

/* --- Đầu trang ----------------------------------------------------------- */
.pl-hero { padding: 76px 0 60px; }
.pl-hero .container { display: block; max-width: var(--maxw-narrow); }
.pl-hero h1 { font-size: clamp(1.9rem, 3.6vw, 2.9rem); text-wrap: balance; }
.pl-hero .lead { margin-top: 20px; }

/* --- Thân văn bản -------------------------------------------------------- */
.pl-vanban { max-width: 46em; }
.pl-vanban h1 { font-size: 1.9rem; margin-bottom: 8px; }
.pl-vanban h2 {
  margin-top: 54px; padding-top: 22px;
  border-top: 1px solid var(--line);
  font-size: 1.3rem; scroll-margin-top: 90px; text-wrap: balance;
}
.pl-vanban h3 { margin-top: 34px; font-size: 1.06rem; }
.pl-vanban p { margin-top: 14px; color: var(--text-soft); line-height: 1.75; }
.pl-vanban ul, .pl-vanban ol { margin-top: 14px; padding-left: 22px; }
.pl-vanban li { margin: 9px 0; color: var(--text-soft); line-height: 1.7; }
.pl-vanban ul { list-style: disc; }
.pl-vanban ol { list-style: decimal; }
.pl-vanban strong { color: var(--text); }
.pl-vanban code {
  background: var(--bg-soft); border: 1px solid var(--line);
  padding: 1px 6px; font-size: .92em;
}
.pl-vanban hr { border: 0; border-top: 1px solid var(--line); margin: 44px 0; }
.pl-vanban a { color: var(--blue-600); text-decoration: underline; text-underline-offset: 3px; }

/* Mục lục ở đầu văn bản — danh sách liên kết neo */
.pl-vanban h2#muc-luc + ul,
.pl-vanban ul.pl-mucluc { columns: 2; column-gap: 40px; }
@media (max-width: 700px) { .pl-vanban ul.pl-mucluc { columns: 1; } }

.pl-quote {
  margin-top: 20px; padding: 16px 22px;
  background: var(--bg-soft); border-left: 3px solid var(--blue-500);
  color: var(--text-soft); line-height: 1.7;
}

.pl-bang { width: 100%; font-size: .95rem; }
.pl-bang th {
  background: var(--navy-950); color: #fff; text-align: left;
  padding: 12px 14px; font-weight: 600; font-size: .88rem;
}
.pl-bang td { padding: 12px 14px; border-bottom: 1px solid var(--line); color: var(--text-soft); vertical-align: top; }

/* Chỗ chưa chốt — tô vàng, không thể bỏ sót khi đọc lại */
.pl-treo {
  background: #FFE9A8; color: #6B4A00;
  padding: 1px 7px; font-weight: 600; font-size: .92em;
  border-bottom: 2px solid #E0A800;
}

/* --- Khối liên quan cuối trang ------------------------------------------- */
.pl-lienquan {
  margin-top: 64px; padding: 26px 28px;
  border: 1px solid var(--line); background: var(--bg-soft);
}
.pl-lienquan h2 { font-size: 1.05rem; }
.pl-lienquan ul { margin-top: 12px; list-style: none; display: grid; gap: 9px; }
.pl-lienquan a { color: var(--blue-600); }

/* --- Bảng quyền của chủ thể dữ liệu (trang chính sách bảo mật) ------------ */
.pl-quyen { display: grid; gap: 0; margin-top: 22px; border: 1px solid var(--line); }
.pl-quyen > div {
  display: grid; grid-template-columns: 200px 1fr; gap: 20px;
  padding: 18px 22px; border-bottom: 1px solid var(--line); background: #fff;
}
.pl-quyen > div:last-child { border-bottom: 0; }
.pl-quyen dt { font-weight: 600; color: var(--text); }
.pl-quyen dd { color: var(--text-soft); line-height: 1.7; }
@media (max-width: 700px) { .pl-quyen > div { grid-template-columns: 1fr; gap: 6px; } }

/* --- In ra giấy ---------------------------------------------------------- */
@media print {
  .site-header, .site-footer, .pl-canhbao, .pl-lienquan, .dm-banner { display: none !important; }
  .pl-hero { padding: 0 0 20px; background: #fff !important; color: #000 !important; }
  .pl-hero h1, .pl-hero .lead, .pl-hero .eyebrow { color: #000 !important; }
  .pl-vanban { max-width: none; }
  .pl-vanban h2 { page-break-after: avoid; }
  .pl-treo { background: none; border-bottom: 1px dashed #000; }
}