/* Privacy policy page. Tokens and shared components come from the goodbye page's copy of tokens.css. */
.page {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  background:
    radial-gradient(60% 40% at var(--ax, 100%) 0%, rgba(95, 70, 220, 0.16), transparent 65%),
    linear-gradient(180deg, var(--bg-2), var(--bg));
}
[dir="rtl"] .page { --ax: 0%; }
.page > * { position: relative; z-index: 2; }
.sheet { width: min(720px, 100%); margin-inline: auto; padding: 48px 24px 80px; }
.head { display: flex; align-items: center; gap: 14px; }
.logo { width: 48px; height: 48px; }
.brand { flex: 1; min-width: 0; }
.wordmark { display: block; font-size: 20px; }

.doc { margin-top: 48px; }
.doc[hidden] { display: none; }
.doc h1 { font: 700 40px/1.2 var(--display); letter-spacing: -0.02em; }
.doc[lang="ar"] h1 { letter-spacing: 0; line-height: 1.35; }
.meta { margin-top: 8px; color: var(--muted); font-size: 13px; }
.lead { margin-top: 28px; font-size: 17px; line-height: 1.75; color: var(--ink); }
.doc h2 { margin-top: 40px; font: 600 18px/1.45 var(--display); color: var(--ink); }
.doc p, .doc li { color: var(--soft); font-size: 15px; line-height: 1.85; }
.doc p { margin-top: 10px; }
.doc ul { margin: 12px 0 0; padding-inline-start: 20px; }
.doc li + li { margin-top: 8px; }
.doc b { color: var(--ink); font-weight: 600; }
.doc a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 640px) {
  .sheet { padding-top: 28px; }
  .doc { margin-top: 32px; }
  .doc h1 { font-size: 30px; }
}