/* ============================================================
   Privacy Policy / Terms of Service — shared document styling.
   These are the only two pages on the site with full bilingual
   paragraph content (everywhere else swaps short strings via
   data-i18n), so instead of splitting every sentence into the
   i18n dictionary, each block carries both languages and CSS
   shows only the one that matches <html data-lang="...">,
   same attribute i18n.js already sets on every toggle.
   English is the default until i18n.js runs (matches the rest
   of the site, which also defaults to English), so it ships
   visible and Persian starts hidden — no flash of double content.
   ============================================================ */
[data-lang-content="fa"] { display: none; }
html[data-lang="fa"] [data-lang-content="fa"] { display: block; }
html[data-lang="fa"] [data-lang-content="en"] { display: none; }

.legal-page {
  position: relative; z-index: 1;
  max-width: 760px;
  margin: 0 auto;
  padding: 48px 0 80px;
}
.legal-page h1 {
  font-family: var(--font-display);
  font-size: 34px;
  margin: 0 0 6px;
}
.legal-updated {
  font-size: 13px;
  color: var(--ink-faint);
  margin: 0 0 36px;
}
.legal-doc h2 {
  font-family: var(--font-display);
  font-size: 19px;
  margin: 36px 0 12px;
  color: var(--ink);
}
.legal-doc h2:first-child { margin-top: 0; }
.legal-doc p {
  font-size: 14.5px;
  line-height: 1.85;
  color: var(--ink-dim);
  margin: 0 0 14px;
}
.legal-doc ul {
  margin: 0 0 16px;
  padding-inline-start: 22px;
}
.legal-doc li {
  font-size: 14.5px;
  line-height: 1.8;
  color: var(--ink-dim);
  margin-bottom: 8px;
}
.legal-doc strong { color: var(--ink); font-weight: 600; }
.legal-doc a { color: var(--signal-1); text-decoration: none; }
.legal-doc a:hover { text-decoration: underline; }
.legal-doc[data-lang-content="fa"] {
  font-family: var(--font-body);
  direction: rtl;
  text-align: right;
}
.legal-doc[data-lang-content="fa"] ul { padding-inline-start: 0; padding-inline-end: 22px; }

.legal-contact {
  margin-top: 40px;
  padding: 20px 22px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
.legal-contact p { margin: 0; }