/* /privacy and /terms share one reading column. These rules used to live in
   account.css, which only loads with accounts on; both pages are public now.
   The account-only parts of /privacy (its data table, the retention note)
   are still styled there, because they only render when it loads. */

.privacy-shell {
  max-width: 860px;
  margin-inline: auto;
  padding: clamp(16px, 4vw, 32px) clamp(12px, 4vw, 24px) var(--s-8);
}

.privacy-shell h1 { margin-block: 0 var(--s-3); }

.privacy-updated {
  margin-block: 0 var(--s-5);
  color: var(--muted);
  font-size: 14px;
}

.privacy-lead {
  max-width: var(--measure);
  color: var(--text-soft);
  line-height: 1.6;
  margin-block: 0 var(--s-5);
}

.privacy-block {
  margin-block-start: var(--s-7);
  padding-block-start: var(--s-6);
  border-block-start: 1px solid var(--rule);
}

.privacy-block h2 { font-size: var(--fs-h3); margin-block: 0 var(--s-4); }
.privacy-block ul { margin: 0; padding-inline-start: var(--s-6); display: grid; gap: var(--s-3); max-width: var(--measure); }
.privacy-block li,
.privacy-block p { max-width: var(--measure); line-height: 1.65; color: var(--text-soft); }

.privacy-promises {
  background: color-mix(in srgb, var(--good) 7%, transparent);
  border: 1px solid color-mix(in srgb, var(--good) 30%, var(--border));
  border-radius: var(--r-md);
  padding: var(--s-5);
  border-block-start-width: 1px;
}

html[lang="ar"] .privacy-lead,
html[lang="ar"] .privacy-block li,
html[lang="ar"] .privacy-block p { line-height: 1.9; }