.legal-page { background: var(--color-surface); color: var(--color-on-surface); }
.legal-hero { padding: clamp(3rem, 8vw, 6rem) 1.25rem 2rem; background: var(--color-surface-elevated); border-bottom: var(--divider-value); }
.legal-hero__inner, .legal-content { width: min(100%, 920px); margin: 0 auto; }
.legal-kicker { color: var(--color-primary); font-size: var(--font-size-sm); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: .75rem; }
.legal-title { font-family: var(--font-family-heading); font-size: clamp(2.1rem, 6vw, 3.6rem); line-height: 1.1; margin: 0 0 1rem; }
.legal-meta { color: var(--color-on-surface-secondary); max-width: 760px; }
.legal-content { padding: clamp(2rem, 5vw, 4.5rem) 1.25rem; }
.legal-section { padding: 0 0 2rem; margin-bottom: 2rem; border-bottom: var(--divider-value); }
.legal-section:last-child { border-bottom: 0; }
.legal-section h2 { font-family: var(--font-family-heading); color: var(--color-on-surface); font-size: clamp(1.35rem, 3.5vw, 1.8rem); line-height: 1.25; margin: 0 0 .9rem; }
.legal-section p { color: var(--color-on-surface-secondary); margin: 0 0 1rem; line-height: 1.75; }
.legal-section ul { padding-left: 1.25rem; color: var(--color-on-surface-secondary); line-height: 1.7; }
.legal-back { margin-top: 1rem; }
@media (max-width: 768px) { .legal-hero { padding-top: 2.5rem; } .legal-title { font-size: clamp(1.9rem, 9vw, 2.5rem); } .legal-content { padding-left: 1rem; padding-right: 1rem; } }

/* Shared header/footer component compatibility for standalone legal pages */
.legal-page {
  margin: 0;
  font-family: var(--font-family-body);
  font-size: var(--font-size-base);
  line-height: var(--line-height-body);
}
.legal-page a { color: inherit; text-decoration: none; }
.legal-page .navigation-wrapper,
.legal-page .navigation-container1,
.legal-page .navigation-navlink10,
.legal-page .navigation-navlink11,
.legal-page .navigation-navlink12,
.legal-page .navigation-navlink13,
.legal-page .navigation-navlink14,
.legal-page .navigation-navlink15,
.legal-page .navigation-navlink16,
.legal-page .navigation-navlink17,
.legal-page .navigation-navlink18,
.legal-page .navigation-navlink19,
.legal-page .navigation-navlink20,
.legal-page .navigation-navlink21,
.legal-page .footer-wrapper,
.legal-page .footer-container1,
.legal-page .footer-link1,
.legal-page .footer-link2 { display: contents; }
.legal-page .footer-text19,
.legal-page .footer-text21,
.legal-page .footer-text23 { font-weight: 700; }