/* Shared inline CSS extracted from privacy.html and terms.html (Task 11).
 * The two pages carried byte-identical blocks except for one rule
 * (.legal-content h3), which privacy.html needs and terms.html does not
 * use (it has no <h3> in its body), so the rule ships here for both rather
 * than being split out: harmless on terms.html since nothing on that page
 * matches the selector.
 *
 * .legal-wrap is 46rem, the same measure the shared .site-footer uses, and
 * that landed in the final review's fix wave on 2026-09-02. It had been
 * 760px since Task 10's re-theme of these two pages, which left the footer
 * inset 12px per side from the text column directly above it: measured, the
 * wrap painted 260..1020 while the footer painted 272..1008 on both privacy
 * and terms, and every other footer page already matched at 46rem. A rem
 * also tracks the reader's own font size, which a pixel measure does not.
 */
*{ box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink-2); font-family: var(--font-sans); line-height: 1.6; }
.legal-wrap { max-width: 46rem; margin: 0 auto; padding: 5rem 1.5rem 6rem; }
.legal-eyebrow {
  font-family: var(--font-mono);
  font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--orange-deep); font-weight: 600;
  margin-bottom: 1rem;
}
.legal-title {
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 800; color: var(--ink); letter-spacing: -0.01em;
  margin: 0 0 0.5rem;
}
.legal-meta {
  font-family: var(--font-mono);
  font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ink-muted);
  margin-bottom: 2.5rem;
  border-bottom: 1px solid var(--rule-soft); padding-bottom: 1.25rem;
}
.legal-content h2 {
  font-size: 1.25rem; font-weight: 700; color: var(--ink);
  margin: 2.5rem 0 0.75rem; letter-spacing: -0.005em;
}
.legal-content h3 {
  font-size: 1rem; font-weight: 600; color: var(--ink);
  margin: 1.5rem 0 0.5rem;
}
.legal-content p, .legal-content li {
  font-size: 1rem; line-height: 1.7; color: var(--ink-2);
  margin: 0 0 1rem;
}
.legal-content ul { padding-left: 1.25rem; margin: 0 0 1rem; }
.legal-content li { margin-bottom: 0.4rem; }
.legal-content a { color: var(--orange-deep); text-decoration: underline; text-underline-offset: 3px; }
.legal-content strong { color: var(--ink); font-weight: 600; }
.legal-footer-note {
  margin-top: 3.5rem; padding-top: 1.5rem; border-top: 1px solid var(--rule-soft);
  font-family: var(--font-mono);
  font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--ink-muted); line-height: 1.7;
}