.legal-page { background: var(--color-surface); color: var(--color-on-surface); }
.legal-hero { padding: clamp(7rem, 12vw, 10rem) var(--spacing-xl) var(--spacing-3xl); background: linear-gradient(135deg, var(--color-primary), #13263e); color: var(--color-on-primary); text-align: center; }
.legal-hero__inner { width: 100%; max-width: var(--content-max-width); margin: 0 auto; }
.legal-hero h1 { max-width: 900px; margin: 0 auto var(--spacing-md); }
.legal-hero p { max-width: 760px; margin: 0 auto; color: rgba(255,255,255,.88); }
.legal-content { padding: var(--spacing-4xl) var(--spacing-xl); }
.legal-content__inner { width: 100%; max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--spacing-2xl); }
.legal-section { padding: var(--spacing-xl); background: var(--color-surface-elevated); border: 1px solid var(--color-border); border-radius: var(--border-radius-lg); box-shadow: var(--shadow-level-1); }
.legal-section h2 { margin-bottom: var(--spacing-md); color: var(--color-primary); }
.legal-section h3 { margin: var(--spacing-lg) 0 var(--spacing-sm); color: var(--color-primary); }
.legal-section p + p { margin-top: var(--spacing-md); }
.legal-section ul { margin: var(--spacing-md) 0 0; padding-left: 1.25rem; }
.legal-section li + li { margin-top: var(--spacing-xs); }
.legal-contact { font-style: normal; line-height: 1.8; }
.legal-actions { display: flex; justify-content: center; padding-top: var(--spacing-md); }
@media (max-width: 767px) {
  .legal-hero { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
  .legal-content { padding: var(--spacing-3xl) var(--spacing-md); }
  .legal-section { padding: var(--spacing-lg); }
  .legal-section h1, .legal-section h2, .legal-section h3 { text-align: center; }
}