/*
Legal Page template — styles unique to this page only (Privacy Policy,
Terms of Service, and any similar plain-text page assigned this template).
Everything else it needs (reset, :root palette, body/html, nav, hamburger,
mobile menu, footer, .fade-in, the shared .page-header/.crumb/.page-eyebrow/
.page-title block, the shared .content-meta bar, and the shared .prose
long-form typography -- also used by blog posts) already lives in the
shared style.css and loads on every page via ironwood_enqueue_styles().
This file is enqueued ONLY on pages using the Legal Page template (see the
is_page_template() check in functions.php) so it never adds weight to the
rest of the site.
*/

/* ── LEGAL CONTENT ── */
.legal-wrap {
  padding: 76px 80px 110px;
  max-width: 900px;
  margin: 0 auto;
}
.legal-content { max-width: 720px; }
.legal-callout {
  background: var(--cream-warm);
  border-left: 3px solid var(--gold);
  padding: 20px 26px;
  margin: 0 0 44px;
  font-family: 'EB Garamond', serif;
  font-size: 15.5px;
  font-style: italic;
  line-height: 1.7;
  color: var(--text-mid);
}

@media (max-width: 1024px) {
  .legal-wrap { padding: 60px 40px 90px; }
}
@media (max-width: 768px) {
  .legal-wrap { padding: 48px 20px 72px; }
  .legal-content h2 { margin-top: 40px; }
}