/* Bảy trang chính sách /chinh-sach/... (ADR-0046). Trang do máy chủ dựng (backend/app/public_pages.py policy_page): cột chữ đọc dễ (khoảng 70 ký tự mỗi dòng),
   khối Liên hệ của công ty ở cuối, danh sách bảy chính sách bên phải (dưới bài trên màn hình hẹp). Chữ qua --d-fs-* nên chữ to "Aa" tới cả trang. */

.d-legal-page { box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 320px); gap: 48px; align-items: start; max-width: 1232px; margin: 0 auto;
  padding: 24px 16px 72px; color: var(--d-ink); font-family: var(--d-font-sans); }
.d-legal-page h1, .d-legal-page h2, .d-legal-page h3 { letter-spacing: 0; }  /* styles.css kéo sát chữ của mọi tiêu đề */
.d-legal { min-width: 0; max-width: 780px; overflow-wrap: break-word; }
.d-legal__eyebrow { margin: 0; }
.d-legal h1 { margin: var(--d-space-3) 0 var(--d-space-2); color: var(--d-ink); font: 700 calc(clamp(30px, 3.4vw, 42px) * var(--d-text-scale)) / 1.18 var(--d-font-display); }
.d-legal__updated { margin: 0 0 var(--d-space-6); color: var(--d-muted); font: 500 var(--d-fs-caption) / 1.5 var(--d-font-sans); }
.d-legal__lead { margin: 0 0 var(--d-space-6); color: var(--d-ink-soft); font: 400 var(--d-fs-body-l) / 1.6 var(--d-font-sans); }
.d-legal h2 { margin: var(--d-space-9) 0 var(--d-space-3); color: var(--d-ink); font: 700 var(--d-fs-title-s) / 1.3 var(--d-font-display); scroll-margin-top: 96px; }
.d-legal h3 { margin: var(--d-space-6) 0 var(--d-space-2); color: var(--d-ink); font: 700 var(--d-fs-label) / 1.4 var(--d-font-sans); }
.d-legal .d-legal__part { padding-top: var(--d-space-5); border-top: 2px solid var(--d-ink); }
.d-legal p, .d-legal li { color: var(--d-ink-soft); font: 400 var(--d-fs-body) / 1.7 var(--d-font-sans); }
.d-legal p { margin: 0 0 var(--d-space-3); }
.d-legal ul { margin: 0 0 var(--d-space-3); padding-left: 1.3em; }
.d-legal li + li { margin-top: var(--d-space-2); }
.d-legal li::marker { color: var(--d-brand); }
.d-legal a { color: var(--d-brand-deep); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.d-legal a:focus-visible, .d-legal__nav a:focus-visible { outline: 3px solid var(--d-brand); outline-offset: 3px; border-radius: 4px; }
.d-legal__more { margin-top: var(--d-space-6); }

/* Liên hệ: thẻ giấy viền mực như các thẻ khác của Sân khấu. */
.d-legal__contact { margin-top: var(--d-space-9); padding: var(--d-space-5) var(--d-space-6); border: 2px solid var(--d-ink); border-radius: var(--d-radius-lg); background: var(--d-surface); }
.d-legal__contact h2 { margin-top: 0; }
.d-legal .d-legal__company { margin: 0 0 var(--d-space-2); color: var(--d-ink); font-weight: 700; }
.d-legal__contact ul { padding-left: 0; list-style: none; }
.d-legal__label { color: var(--d-muted); font-weight: 600; }

/* Danh sách bảy chính sách: dính khi cuộn trên màn hình rộng, mỗi mục cao ≥ 44px. */
.d-legal__nav { position: sticky; top: 24px; padding: var(--d-space-5); border: 2px solid var(--d-ink); border-radius: var(--d-radius-lg); background: var(--d-surface); }
.d-legal__nav h2 { margin: 0 0 var(--d-space-2); color: var(--d-ink); font: 700 var(--d-fs-label) / 1.3 var(--d-font-sans); }
.d-legal__nav ul { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
.d-legal__nav a { display: flex; align-items: center; min-height: var(--d-control-s); padding: 6px 10px; border-radius: var(--d-radius-sm); color: var(--d-ink); text-decoration: none;
  font: 500 var(--d-fs-caption) / 1.35 var(--d-font-sans); }
.d-legal__nav a:hover { background: var(--d-paper); text-decoration: underline; }
.d-legal__nav a[aria-current="page"] { background: var(--d-brand-tint); color: var(--d-brand-deep); font-weight: 700; }

@media (max-width: 900px) {
  .d-legal-page { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .d-legal__nav { position: static; }
}
@media (max-width: 600px) { .d-legal__contact { padding: var(--d-space-4); } }