/* IELTS X — Privacy Policy / Terms of Service (assets/css/legal.css). Uses the topbar and colour tokens of login.css. */
.doc-stage { flex: 1; padding: 8px 20px 48px; }
.doc { max-width: 760px; margin: 0 auto; background: var(--lg-card); border: 1px solid var(--lg-line); border-radius: 16px; padding: 36px 40px; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06); }
.doc h1 { font-size: 28px; margin-bottom: 4px; }
.doc .updated { margin: 0 0 24px; color: var(--lg-muted); font-size: 13px; }
.doc h2 { margin: 28px 0 8px; font-size: 18px; line-height: 1.3; }
.doc p, .doc li { font-size: 15px; line-height: 1.65; }
.doc p { margin: 0 0 12px; }
.doc ul { margin: 0 0 12px; padding-left: 22px; }
.doc li { margin-bottom: 6px; }
.doc a { color: #2563eb; text-underline-offset: 2px; }
html.dark-mode .doc a { color: #93c5fd; }
.doc .toc { margin: 0 0 8px; padding: 14px 18px; border-radius: 12px; background: var(--lg-soft); font-size: 14px; }
.doc .toc a { color: inherit; }
.doc-foot { max-width: 760px; margin: 16px auto 0; display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; color: var(--lg-muted); font-size: 13px; }
@media (max-width: 600px) {
    .doc { padding: 24px 18px; border-radius: 14px; }
    .doc h1 { font-size: 24px; }
}