/* ==========================================================================
   PAGES/PRIVACY-POLICY.CSS
   The rest of the site uses large, airy marketing typography (18px body,
   large headings, generous spacing) — appropriate for the promotional
   pages, but wrong for a page whose job is to be read as a reference
   legal document. This scopes a smaller, denser type treatment to just
   this page's content, without touching global typography anywhere else.
   ========================================================================== */

.legal-content {
  font-size: 0.85rem;   /* ~15.3px, down from the site's 18px body text */
  line-height: 1.55;    /* Slightly tighter than the site-wide 1.6 */
}

/* Page title — still an <h1>, but sized well below the site-wide h1 scale
   (which is tuned for a marketing headline, not a document title). */
.legal-content h1 {
  font-size: 1.75rem;
  margin-bottom: var(--space-4);
}

/* Numbered section headings ("1. Information We Collect", etc.) — sized
   as a modest document heading, not a page-section headline. Extra
   margin-top (the base site typography only defines margin-bottom on
   headings) gives each numbered section clear separation from the
   paragraph before it, which matters more here than on the marketing
   pages since this page has no separate background-tinted sections to
   do that visual separation for it. */
.legal-content h2 {
  font-size: 1.15rem;
  margin-top: var(--space-5);
  margin-bottom: var(--space-2);
}

/* (a) / (b) sub-clause headings */
.legal-content h3 {
  font-size: 1rem;
  margin-top: var(--space-3);
  margin-bottom: var(--space-2);
}

/* Tighter paragraph/list spacing to match the denser body text — the
   site-wide 24px gap (see 03-base.css) reads as too loose at this size. */
.legal-content p,
.legal-content ul,
.legal-content ol {
  margin-bottom: var(--space-3);
}