.legal-page { min-height: 60vh; background: var(--color-surface); color: var(--color-on-surface); padding: clamp(6.5rem, 9vw, 9rem) var(--spacing-xl) var(--spacing-3xl); }
.legal-hero, .legal-company-card, .legal-section { width: min(100%, 76rem); margin-inline: auto; }
.legal-hero { padding: var(--spacing-2xl) 0; border-bottom: var(--divider-value); }
.legal-hero .section-title { margin-bottom: var(--spacing-md); }
.legal-company-card { margin-top: var(--spacing-xl); padding: var(--spacing-xl); background: var(--color-surface-elevated); border: 1px solid var(--color-border); border-radius: var(--border-radius-card); box-shadow: var(--shadow-level-1); }
.legal-company-card .section-subtitle { margin-bottom: var(--spacing-md); }
.legal-company-card p + p { margin-top: var(--spacing-xs); }
.legal-section { padding-top: var(--spacing-xl); }
.legal-section .section-subtitle { margin-bottom: var(--spacing-sm); }
.legal-section .section-content, .legal-company-card .section-content { overflow-wrap: anywhere; }
@media (max-width: 767px) { .legal-page { padding: 5.5rem var(--spacing-md) var(--spacing-2xl); } .legal-company-card { padding: var(--spacing-lg); } }

/* Shared navigation/component helpers moved out of legal-page inline styles. */
body.nav-open { overflow: hidden; }
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}