/**
 * templates.css — Inner page template styles
 * Legal pages, services overview page
 */

/* ── SERVICES PARENT PAGE ─────────────────────────────────────── */
.page-banner--services {
  padding-top: calc(var(--nav-height) + var(--space-20));
  padding-bottom: var(--space-20);
  text-align: center;
}

.page-banner--services .page-banner__title {
  font-size: var(--text-hero);
}

.page-banner--services .page-banner__subtitle {
  margin-inline: auto;
}

/* ── CONTACT PAGE ────────────────────────────────────────────── */
.page-banner--contact {
  padding-top: calc(var(--nav-height) + var(--space-16));
  padding-bottom: var(--space-12);
}

/* ── LEGAL PAGES ─────────────────────────────────────────────── */
.page-banner--legal {
  padding-top: calc(var(--nav-height) + var(--space-16));
  padding-bottom: var(--space-12);
}

.prose--legal {
  max-width: var(--container-prose);
  margin-inline: auto;
}

.prose--legal h2 {
  font-size: var(--text-2xl);
  margin-top: var(--space-12);
  margin-bottom: var(--space-4);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--color-border);
}

.prose--legal h3 {
  font-size: var(--text-xl);
  margin-top: var(--space-8);
  margin-bottom: var(--space-3);
}

.prose--legal p {
  margin-bottom: var(--space-5);
  max-width: none;
}

.prose--legal ul,
.prose--legal ol {
  list-style: disc;
  padding-left: var(--space-6);
  margin-bottom: var(--space-5);
}

.prose--legal li {
  color: var(--color-text-muted);
  margin-bottom: var(--space-2);
  line-height: var(--leading-loose);
}

/* ── MAIN CONTENT OFFSET (for fixed nav) ──────────────────────── */
.main-content {
  /* Pages without a hero section need top padding to clear nav */
  /* Individual sections handle their own padding */
}