/* Trang pháp lý (policy.html, kidagent-privacy.html). Nạp SAU css/style.css và css/pages.css —
   chỉ bổ sung, không ghi đè token màu. */

/* Cột chữ hẹp để dòng không quá ~75 ký tự; mục lục hẹp hơn mặc định của .page-grid. */
.legal .prose { max-width: 70ch; }
/* Lưới 1 cột trên điện thoại: không để bảng rộng (min-width) kéo giãn cột → cuộn ngang cả trang. */
.legal .page-grid { grid-template-columns: minmax(0, 1fr); }
.legal .page-grid > * { min-width: 0; }
@media (min-width: 1000px) {
  .legal .page-grid { grid-template-columns: minmax(0, 1fr) 300px; gap: 56px; }
}

/* Mục lục: trên điện thoại hiện TRƯỚC nội dung để biết trang có gì. */
.legal .page-aside { order: -1; }
@media (min-width: 1000px) { .legal .page-aside { order: 0; } }
.legal .toc { padding: 20px 22px; }
.legal .toc ol { padding-left: 22px; }
.legal .toc a { color: var(--ink); font-weight: 500; line-height: 1.45; }
.legal .toc li { padding-left: 2px; }
/* Đề mục đã tự đánh số (kidagent-privacy) — bỏ số của danh sách để khỏi "1. 1." */
.legal .toc .toc-plain { list-style: none; padding-left: 0; }
.legal .toc a:hover { color: var(--blue); }

/* Bộ chọn ngôn ngữ trong dải tiêu đề (trang chính sách app — người kiểm duyệt cần thấy ngay). */
.legal-lang { margin-top: 18px; padding-top: 0; flex-wrap: wrap; }
.page-meta strong { color: #fff; }
.page-meta code { color: #fff; }
.eyebrow-dark { font-size: 13px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--on-dark); margin-bottom: 8px; }

/* Khối phụ trong nội dung */
.prose code { font-size: 0.92em; background: var(--surface); padding: 1px 6px; border-radius: 6px; overflow-wrap: anywhere; }
.prose .callout p + p { margin-top: 8px; }
.prose .contact-block { padding: 16px 18px; border-radius: 12px; background: var(--surface); }

/* Bảng dữ liệu (kidagent-privacy Mục 3) */
.legal .table-wrap { border: 1px solid var(--card-border); border-radius: 12px; }
.legal .prose table { font-size: 15px; line-height: 1.55; min-width: 560px; }
.legal .prose th { font-size: 13px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted); }
.legal .prose td:first-child { color: var(--ink); font-weight: 700; }
.legal .prose tr:last-child td { border-bottom: 0; }

/* Không để chữ dài (email, URL) đẩy ngang trang ở 360px */
.legal .prose p, .legal .prose li { overflow-wrap: break-word; }