.navigation-wrapper, .navigation-container1, .navigation-navlink10, .navigation-navlink17 { display: contents; }
.navigation-container2 { display: none; }

.legal-page {
  min-height: 100vh;
  padding: clamp(3rem, 7vw, 6rem) var(--spacing-xl);
  background: var(--color-surface);
}
.legal-page__container {
  width: min(100%, 900px);
  margin: 0 auto;
}
.legal-page__header {
  margin-bottom: var(--spacing-3xl);
  padding-bottom: var(--spacing-xl);
  border-bottom: var(--divider-value);
}
.legal-page__eyebrow { color: var(--color-primary); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.legal-page__intro { max-width: 760px; margin-top: var(--spacing-lg); color: var(--color-on-surface-secondary); }
.legal-content { display: grid; gap: var(--spacing-2xl); }
.legal-section { display: grid; gap: var(--spacing-md); }
.legal-section h2 { color: var(--color-primary); font-size: var(--font-size-2xl); font-family: var(--font-family-heading); line-height: 1.3; }
.legal-section h3 { color: var(--color-on-surface); font-size: var(--font-size-xl); font-family: var(--font-family-heading); }
.legal-section p, .legal-section li { color: var(--color-on-surface); font-size: var(--font-size-base); line-height: 1.75; }
.legal-section ul, .legal-section ol { display: grid; gap: .65rem; padding-left: 1.4rem; }
.legal-contact-card { padding: var(--spacing-xl); border: 1px solid var(--color-border); border-radius: var(--border-radius-card); background: var(--color-surface-elevated); }
.legal-back { margin-top: var(--spacing-3xl); }
@media (max-width: 768px) {
  .legal-page { padding: 2.5rem var(--spacing-md); }
  .legal-contact-card { padding: var(--spacing-lg); }
}