/* ── LEGAL PAGES (Terms & Conditions, Privacy Policy) ── */
/* Top padding clears the 72px fixed nav, which the dark hero used to do */
.legal-section { padding: 136px 8% 96px; }

/* Page heading, now sitting on the white background */
.legal-header { margin-bottom: 40px; }
.legal-header .section-sub { max-width: 100%; margin-top: 10px; }

.legal-body {
  max-width: 760px;
  margin: 0 auto;
  font-size: 0.95rem;
  line-height: 1.85;
  font-weight: 300;
  color: var(--text);
}

.legal-updated {
  font-size: 0.72rem; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--text-light);
  padding-bottom: 28px; margin-bottom: 44px;
  border-bottom: 1px solid var(--border);
}

/* Styling for the content written into .legal-body */
.legal-body h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.75rem; font-weight: 400; line-height: 1.25;
  color: var(--navy);
  margin: 52px 0 16px;
}
.legal-body h2:first-child { margin-top: 0; }
.legal-body h3 {
  font-size: 0.95rem; font-weight: 700;
  letter-spacing: 0.03em; color: var(--navy);
  margin: 32px 0 10px;
}
.legal-body p { margin-bottom: 18px; }
.legal-body ul, .legal-body ol { margin: 0 0 18px 22px; }
.legal-body li { margin-bottom: 9px; }
.legal-body strong { font-weight: 600; color: var(--navy); }
.legal-body a {
  color: var(--navy);
  text-decoration: underline;
  text-decoration-color: var(--gold);
  text-underline-offset: 3px;
}
.legal-body a:hover { color: var(--gold); }
.legal-body hr { border: none; border-top: 1px solid var(--border); margin: 44px 0; }

/* Placeholder box — delete it from the page once the text is written */
.legal-placeholder {
  padding: 56px 40px;
  background: var(--cream);
  border: 1px dashed var(--border);
  border-radius: 4px;
  text-align: center;
}
.legal-placeholder p { margin: 0; color: var(--text-light); }
.legal-placeholder p + p { margin-top: 10px; font-size: 0.82rem; }

@media (max-width: 640px) {
  .legal-section { padding: 116px 6% 72px; }
  .legal-placeholder { padding: 40px 24px; }
}