/* ============================================================
   Legal/support pages (Privacy, Terms, Refund & Cancellation, Contact).
   Loaded alongside assets/css/styles.css for shared tokens, nav,
   footer and buttons — this file only adds long-form content
   typography, reusing the same color/font/spacing variables as the
   rest of the site.
   ============================================================ */

.legal-hero {
  background: var(--navy-900);
  padding: 40px 0 32px;
}
.legal-hero .shell { max-width: 760px; }
.legal-hero__eyebrow {
  display: inline-block;
  font-size: 12.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--teal-500);
  margin-bottom: 10px;
}
.legal-hero .section-heading { color: var(--cream-100); }
.legal-hero__meta {
  margin-top: 12px;
  font-size: 13px;
  color: rgba(245, 242, 233, 0.55);
}

.legal-content { padding: 40px 0 64px; }
.legal-content .shell { max-width: 760px; }

.legal-content h2 {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 700;
  color: var(--navy-900);
  margin: 34px 0 12px;
}
.legal-content h2:first-child { margin-top: 0; }

.legal-content p {
  font-size: 15.5px;
  line-height: 1.7;
  color: var(--ink-700);
  margin: 0 0 14px;
}

.legal-content ul {
  margin: 0 0 14px;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.legal-content li {
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--ink-700);
}

.legal-content a { color: var(--teal-600); font-weight: 600; text-decoration: underline; }
.legal-content strong { color: var(--navy-900); }

.legal-callout {
  margin-top: 32px;
  padding: 16px 18px;
  background: var(--bg-page);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--ink-500);
}

.legal-nav-back {
  font-size: 14px;
  font-weight: 600;
  color: var(--ink-700);
}
.legal-nav-back:hover { color: var(--navy-900); }