/*
 * Legal pages (privacy, terms), spec §10.3. Each page holds a Hebrew and an
 * English article; the article in the page's language comes first, the other
 * follows under its own anchor (#he, #en).
 */
.legal { padding-block: var(--s-8) var(--s-9); }
.legal:focus { outline: none; }
.legal__docs { display: flex; flex-direction: column; gap: var(--s-9); }
html[lang="en"] #en { order: -1; }

.legal__doc {
  max-inline-size: 46rem;
  margin-inline: auto;
  inline-size: 100%;
  scroll-margin-block-start: 96px;
}
.legal__head {
  display: grid;
  gap: var(--s-2);
  padding-block-end: var(--s-6);
  margin-block-end: var(--s-6);
  border-block-end: 1px solid var(--border);
}
.legal__kicker { color: var(--mint-400); font-size: var(--fs-sm); font-weight: var(--fw-bold); letter-spacing: .04em; }
.legal__doc h1 { font-size: clamp(var(--fs-2xl), 5vw, var(--fs-4xl)); font-weight: var(--fw-black); line-height: var(--lh-tight); letter-spacing: var(--tracking-display); }
.legal__date { color: var(--text-muted); font-size: var(--fs-sm); }
.legal__alt a { color: var(--violet-300); font-size: var(--fs-sm); font-weight: var(--fw-medium); }
.legal__doc section { display: grid; gap: var(--s-3); margin-block-end: var(--s-6); }
.legal__doc h2 { font-size: var(--fs-xl); font-weight: var(--fw-bold); line-height: var(--lh-snug); }
.legal__doc p, .legal__doc li { color: var(--ink-200); }
.legal__doc ul { display: grid; gap: var(--s-2); margin: 0; padding-inline-start: var(--s-5); }
.legal__doc li::marker { color: var(--violet-400); }
.legal__doc strong { color: var(--text); font-weight: var(--fw-bold); }
.legal__doc a { color: var(--violet-300); text-underline-offset: 3px; }