/* The privacy, terms and not-found pages. They load /assets/site.css first: the landing page's
   own tokens, header, buttons and footer, taken from it at build time. Only the reading
   column is added here, and every value in it is one of those tokens. */
.site-header .nav { justify-content: space-between; }
.doc { padding-block: 56px 72px; }
.doc .wrap { max-width: 760px; }
.doc h1 { font-weight: 600; font-size: clamp(30px, 4.4vw, 40px); line-height: 1.2; letter-spacing: -.02em; margin: 12px 0 8px; }
.doc .updated { color: var(--muted); font-size: 14px; margin: 0 0 32px; }
.doc .summary { background: var(--primary-subtle); border: 1px solid var(--primary-subtle-border); border-radius: var(--r-card); padding: 16px 20px; margin: 0 0 40px; }
.doc .summary p { margin: 0; }
.doc .summary ul { margin: 8px 0 0; }
.doc h2 { font-weight: 600; font-size: 20px; line-height: 1.35; margin: 40px 0 10px; padding-top: 24px; border-top: 1px solid var(--border); }
.doc h2:first-of-type { border-top: 0; padding-top: 0; }
.doc p, .doc li { color: var(--text-2); line-height: 1.75; }
.doc ul { padding-inline-start: 22px; }
.doc li { margin-block: 4px; }
.doc p a, .doc li a, .doc .text-link { color: var(--primary); font-weight: 500; }
.doc p a:hover, .doc li a:hover, .doc .text-link:hover { color: var(--primary-hover); }
.doc strong { color: var(--text); font-weight: 600; }
.doc .ltr { direction: ltr; unicode-bidi: isolate; }
html[lang="ar"] .doc h1 { letter-spacing: 0; line-height: 1.35; }
html[lang="ar"] .doc p, html[lang="ar"] .doc li { line-height: 1.9; }
.doc .actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 28px; }
[data-lang]:not(.on) { display: none !important; }