/* ============================================================
   FUNDORA SOLUTIONS — LEGAL PAGES (Privacy Policy, Terms)
   Scope: privacy.html, terms.html
   ============================================================ */

/* ── HERO ── */
.legal-hero {
  padding: calc(var(--nav-h) + 80px) 0 40px;
  text-align: left;
  background: var(--g-hero);
}

.legal-hero__headline {
  font-family: var(--font-head);
  font-size: var(--t-3xl);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.1;
  color: var(--c-text);
  margin-top: var(--s-3);
}

.legal-hero__effective {
  font-family: var(--font-mono);
  font-size: var(--t-sm);
  color: var(--c-text-3);
  margin-top: var(--s-4);
  letter-spacing: 0.02em;
}


/* ── CONTENT BODY ── */
.legal-content {
  padding-top: var(--s-8);
  padding-bottom: var(--s-20);
}

.legal-body {
  max-width: 680px;
}

.legal-section {
  margin-bottom: var(--s-12);
}

.legal-section:last-child {
  margin-bottom: 0;
}

.legal-section h2 {
  font-family: var(--font-head);
  font-size: var(--t-lg);
  font-weight: 700;
  color: var(--c-text);
  letter-spacing: -0.02em;
  margin-bottom: var(--s-4);
}

.legal-section h3 {
  font-family: var(--font-head);
  font-size: var(--t-md);
  font-weight: 600;
  color: var(--c-green);
  margin-top: var(--s-6);
  margin-bottom: var(--s-3);
}

.legal-section p {
  font-family: var(--font-body);
  font-size: var(--t-base);
  line-height: 1.75;
  color: var(--c-text-2);
  margin-bottom: var(--s-4);
}

.legal-section p:last-child {
  margin-bottom: 0;
}

.legal-section strong {
  color: var(--c-text);
  font-weight: 600;
}

.legal-section a {
  color: var(--c-green);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(76, 185, 68, 0.3);
  transition: text-decoration-color 0.2s ease;
}

.legal-section a:hover {
  text-decoration-color: var(--c-green);
}


/* ── RESPONSIVE ── */
@media (max-width: 640px) {
  .legal-hero {
    padding: calc(var(--nav-h) + 48px) 0 24px;
  }

  .legal-hero__headline {
    font-size: var(--t-2xl);
  }

  .legal-content {
    padding-bottom: var(--s-12);
  }

  .legal-section {
    margin-bottom: var(--s-8);
  }
}