/* Inherits design tokens from the main style.css */
/* This file adds legal-page-specific overrides */

.legal-page { min-height: 100vh; }

.legal-hero {
  padding: calc(var(--nav-h) + var(--space-lg)) 0 var(--space-lg);
  background: var(--bg2);
  border-bottom: 1px solid var(--border);
}

.legal-hero-inner {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 var(--space-md);
}

.legal-content {
  max-width: 720px;
  margin: 0 auto;
  padding: var(--space-xl) var(--space-md) var(--space-2xl);
}

.legal-content h2:first-of-type { margin-top: 0; }

@media (max-width: 640px) {
  .legal-content { padding: var(--space-lg) var(--space-md); }
}