/* Legal pages - compact, readable layout
   Uses !important to override main.css global section/p padding (10rem, 1.5rem) */
.page-legal section,
.legal-page section,
.legal-content section {
  padding: 0 !important;
  margin-bottom: 0.75rem !important;
}
.page-legal .legal-content p,
.legal-content p {
  margin: 0 0 0.5rem !important;
}
.legal-page { padding: var(--space-lg, 2rem) 0; }
.legal-back { display: inline-block; margin-bottom: 0.75rem; color: var(--color-gray-700); text-decoration: none; font-size: 0.9375rem; }
.legal-back:hover { color: var(--color-gold); }
.legal-content {
  padding: var(--space-lg);
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.65;
}
.legal-content h1 { font-family: var(--font-heading); font-size: 1.5rem; margin-bottom: 0.25rem; }
.legal-content h2 { font-size: 1.1rem; margin: 0.75rem 0 0.35rem !important; color: var(--color-gold); font-weight: 600; }
.legal-content h3 { font-size: 1rem; margin: 0.6rem 0 0.3rem !important; font-weight: 600; }
.legal-content ul { margin: 0 0 0.5rem; padding-left: 1.25rem; }
.legal-content li { margin-bottom: 0.2rem; }
.legal-meta { font-size: 0.8125rem; color: var(--color-gray-500); margin-bottom: 1rem; }
.legal-content a { color: var(--color-gold); text-decoration: underline; text-underline-offset: 2px; }
.legal-content a:hover { text-decoration: none; }