/* Long-form legal documents.
   Loaded AFTER styles.css and built entirely from its tokens — no new colours,
   no new type scale, no new design system. styles.css has classes for a
   marketing page and nothing for a 100-paragraph contract, which is the whole
   gap this file fills. */

/* padding-BLOCK, never the `padding` shorthand. This element is also
   .container, whose padding-inline is the only thing keeping body text off the
   viewport edge on a phone; the shorthand silently reset it to 0 and the text
   ran edge-to-edge at 390px. No overflow, no failing check — it just looked
   wrong, which is the kind of defect a screenshot catches and a selector
   assertion does not. */
.legal {
  padding-block: clamp(32px, 6vw, 72px) clamp(48px, 8vw, 96px);
  max-width: 820px;          /* a measure, not the 1160px marketing container */
}

/* The PDF is the binding version and the page says so before the text, not
   after it. Above the <h1> deliberately: a reader who only skims the top must
   still leave knowing which document governs. */
.legal-official {
  background: var(--orange-soft);
  border: 1px solid var(--orange);
  border-radius: var(--radius-sm);
  padding: 14px 16px;
  margin: 0 0 28px;
  font-size: 15px;
  color: var(--ink);
}
.legal-official a { color: var(--orange-deep); font-weight: 600; }

.legal h1 {
  font-size: clamp(28px, 4vw, 38px);
  line-height: 1.2;
  color: var(--ink);
  margin: 0 0 24px;
}

.legal-toc {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 20px 24px;
  margin-bottom: 36px;
}
.legal-toc-title { font-size: 17px; margin: 0 0 12px; color: var(--ink); }
/* No markers at all — see the OL/UL note in the generator. A disc would be
   harmless, but a bare list reads as navigation rather than as structure the
   document claims to have. */
.legal-toc ul { margin: 0; padding: 0; list-style: none; }
.legal-toc li { margin-bottom: 8px; font-size: 15px; }
.legal-toc a { color: var(--ink-mute); text-decoration: none; }
.legal-toc a:hover { color: var(--orange-deep); text-decoration: underline; }

.legal-body { color: var(--ink); }

/* scroll-margin so a #sec-n jump does not tuck the heading under nothing —
   and leaves room if a sticky header is ever added to these pages. */
.legal-body h2 {
  font-size: clamp(20px, 2.6vw, 24px);
  line-height: 1.3;
  margin: 40px 0 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border);
  scroll-margin-top: 24px;
}
.legal-body h3 {
  font-size: 18px;
  margin: 26px 0 10px;
  scroll-margin-top: 24px;
}

.legal-body p {
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.85;         /* Hebrew legal prose at length; below ~1.8 it packs */
  text-align: justify;
}

/* The bullet is what the SOURCE shows. Word's auto-numbering was flattened to
   literal "•" characters by the export, so the numbers the PDFs display exist
   in no source file — see the script's docstring. Rendering a bullet from CSS
   reproduces the source; rendering a number would invent one. */
.legal-body ul {
  margin: 0 0 18px;
  padding-inline-start: 22px;
  list-style: disc;
}
.legal-body li {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.85;
  text-align: justify;
}

.legal-body a { color: var(--orange-deep); word-break: break-word; }
.legal-body u { text-underline-offset: 3px; }

.legal-related {
  margin-top: 56px;
  padding-top: 24px;
  border-top: 1px solid var(--border-strong);
}
.legal-related h2 { font-size: 18px; margin: 0 0 12px; color: var(--ink); }
.legal-related ul { margin: 0; padding: 0; list-style: none; }
.legal-related li { margin-bottom: 10px; font-size: 15px; }
.legal-related a { color: var(--ink-mute); }
.legal-related a:hover { color: var(--orange-deep); }
.legal-pdf-inline { color: var(--text-mute); font-size: 13px; }

@media print {
  .nav, .footer, .legal-toc, .legal-related { display: none; }
  .legal { max-width: none; padding: 0; }
}