/* Page-specific styles for Terms & Conditions (kept minimal; builds on base.css) */
.legal-hero { margin-top: var(--space-11); margin-bottom: var(--space-7); padding: var(--space-9) var(--space-7); background: var(--color-surface); border: 1px solid var(--gray-200); border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); }
.legal-hero .lead { color: var(--color-text-muted); max-width: var(--measure); }
.legal-hero .legal-cta { margin-top: var(--space-6); display: flex; gap: var(--space-4); flex-wrap: wrap; }
.legal-hero .meta-updated { margin-top: var(--space-4); font-size: var(--fs-sm); color: var(--gray-600); }

.legal-content { margin-bottom: var(--space-12); }
.legal-content h2 { margin-top: var(--space-7); }
.legal-links p { margin: 0; color: var(--color-text-muted); }
.legal-links a { color: var(--color-primary-700); }
.legal-links a:hover { color: var(--color-accent-700); }

@media (max-width: 640px) {
  .legal-hero { padding: var(--space-8) var(--space-6); }
}