/* Plain reading pages (privacy policy, account deletion) that share the landing page's tokens and footer. */
.doc-header { padding-block: var(--s-6); border-bottom: 1px solid var(--separator); background: var(--bg); }
.doc-header .container { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); }
.doc-header a { color: inherit; text-decoration: none; }
.doc-back { font: 500 var(--type-foot)/var(--lh-body) var(--font); color: var(--accent) !important; }
.doc { max-width: 760px; margin-inline: auto; padding: var(--s-8) var(--s-5) var(--s-10); }
.doc h1 { font: 700 2rem/1.2 var(--font); letter-spacing: -0.02em; margin-bottom: var(--s-3); }
.doc h2 { font: 600 1.2rem/1.3 var(--font); margin-top: var(--s-8); margin-bottom: var(--s-3); }
.doc p, .doc li { font: 400 1rem/1.65 var(--font); color: var(--label); }
.doc p + p { margin-top: var(--s-3); }
.doc ul, .doc ol { margin: var(--s-3) 0 0; padding-left: 1.3em; }
.doc ul { list-style: disc; } .doc ol { list-style: decimal; }
.doc li + li { margin-top: var(--s-2); }
.doc .doc-meta { color: var(--label-2); font-size: 0.9rem; }
.doc .doc-note { margin-top: var(--s-6); padding: var(--s-4) var(--s-5); border-radius: 14px; background: var(--bg-2); }
.doc a { color: var(--accent); }
.footer__links { display: flex; flex-wrap: wrap; gap: var(--s-4); }
.footer__links a { font: 400 var(--type-foot)/var(--lh-body) var(--font); color: var(--label-2); text-decoration: none; }
.footer__links a:hover { color: var(--label); text-decoration: underline; }