/* ============================================================
   Resonant System v2 — Legal documents
   Privacy and Terms. Scoped to its own file rather than added to
   typography.css, so pages that will never render a legal document
   don't download rules for one — the same reasoning as article.css.
   ============================================================ */

/* The site's measure, not a width of its own. It was 680px against About's
   624 — the same 18.4px type at two line lengths, 56px apart: too close to
   read as a decision, far enough to make the site feel unsettled moving
   between pages. --measure exists to collapse exactly this. */
.legal {
  max-width: var(--measure);
  margin: 0 auto;
}

/* No eyebrow. It read LEGAL in --accent above the title — the only colour on
   the page, spent on a word that's pure filing category and that the title
   underneath already says. */

/* The About page's scale, not the homepage's. At 2.6rem this was within a
   whisker of the homepage headline, on the least important page on the site,
   and the step up from 13.6px of eyebrow to 41.6px of serif had nothing in
   between it. */
.legal h1 {
  font-family: 'Source Serif 4', serif;
  font-weight: 500;
  font-size: clamp(1.5rem, 3.5vw, 2rem);
  letter-spacing: -0.015em;
  color: var(--heading);
  line-height: 1.15;
  margin: 0 0 0.5rem;
}

.legal .updated {
  font-family: 'Inter', sans-serif;
  font-size: 0.95rem;
  color: var(--muted-strong);
  margin: 0 0 2.5rem;
}

.legal h2 {
  font-family: 'Source Serif 4', serif;
  font-weight: 500;
  font-size: 1.4rem;
  color: var(--heading);
  margin: 2.5rem 0 0.75rem;
}

.legal p,
.legal li {
  font-family: 'Source Serif 4', serif;
  font-size: 1.15rem;
  color: var(--body);
  line-height: 1.7;
}
.legal p { margin: 0 0 1.1rem; }
.legal li { margin: 0 0 0.5rem; }
.legal ul { margin: 0 0 1.1rem; padding-left: 1.4rem; }

.legal a { color: var(--accent); }
.legal strong { color: var(--heading); font-weight: 600; }

.legal code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.92em;
  background: var(--surface2);
  padding: 0.1em 0.35em;
  border-radius: 4px;
}