/* ============================================================
   Legal pages — disclaimer.html, privacy-policy.html, terms-of-use.html
   Loads after styles.css (shared tokens, top-bar, site-header, footer).

   Previously each of these three pages carried its own identical
   inline <style> block using Georgia + hardcoded grays, disconnected
   from the rest of the site's design system. This consolidates that
   into one file and switches to the shared fonts/colors.
   ============================================================ */

.legal-wrap {
  max-width: 780px;
  margin: 0 auto;
  padding: 56px 24px 72px;
}

.legal-wrap h1 {
  font-family: var(--font-d);
  font-size: 2rem;
  font-weight: 500;
  color: var(--ink);
  margin-bottom: 6px;
}

.legal-meta {
  font-size: 0.88rem;
  color: var(--stone);
  margin-bottom: 36px;
  border-bottom: 1px solid var(--rule);
  padding-bottom: 16px;
}

.legal-wrap h2 {
  font-family: var(--font-d);
  font-size: 1.15rem;
  font-weight: 500;
  color: var(--ink);
  margin: 36px 0 8px;
}

.legal-wrap p {
  margin: 0 0 14px;
  color: var(--ink-mid);
  line-height: 1.7;
}

.legal-wrap p:last-of-type { margin-bottom: 0; }