/* ============================================================
   Legal pages — privacy-policy.php, terms-and-conditions.php
   Simple centered document layout: heading + paragraphs, no
   sidebar/columns. Matches the site's pine/brass/cream palette.
   ============================================================ */

.legal-page {
  padding: 56px 0 88px;
}

.legal-page h1 {
  font-family: 'Sora', system-ui, sans-serif;
  font-weight: 800;
  color: var(--pine, #17402e);
  margin-bottom: 32px;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  border-bottom: 3px solid var(--brass, #b98a2f);
  padding-bottom: 18px;
}

.legal-updated {
  color: var(--muted, #8a8577);
  font-size: .85rem;
  font-weight: 600;
  margin-top: -18px;
  margin-bottom: 28px;
}

/* Body content is real HTML from the admin's Quill editor
   (tp-admin.php "Website Content" -> Legal Pages) — bold, underline,
   headings, lists and links all need real rendering rules here. */
.legal-body {
  max-width: 860px;
}
.legal-body p {
  color: var(--ink, #22271f);
  line-height: 1.8;
  margin-bottom: 1.25rem;
  font-size: .98rem;
}
.legal-body h2, .legal-body h3 {
  color: var(--pine, #17402e);
  font-weight: 700;
  margin: 2rem 0 1rem;
}
.legal-body h2 { font-size: 1.4rem; }
.legal-body h3 { font-size: 1.15rem; }
.legal-body ul, .legal-body ol {
  color: var(--ink, #22271f);
  line-height: 1.8;
  margin-bottom: 1.25rem;
  padding-left: 1.4rem;
}
.legal-body a { color: var(--pine, #17402e); text-decoration: underline; }
.legal-body a:hover { color: var(--brass, #b98a2f); }
.legal-body strong { font-weight: 700; }
.legal-body u { text-decoration: underline; }