.legal-page-container{width:100%;min-height:100vh}.legal-main{background:var(--color-surface)}.legal-hero{color:var(--color-surface);padding:clamp(5.5rem,10vw,8.5rem) var(--spacing-xl) var(--spacing-3xl);background:linear-gradient(135deg,var(--color-on-surface),var(--color-primary))}.legal-hero-inner{width:100%;max-width:62rem;margin:0 auto;text-align:center}.legal-eyebrow{color:var(--color-accent);margin-bottom:var(--spacing-sm);font-weight:700;text-transform:uppercase;letter-spacing:.12em}.legal-intro{max-width:52rem;margin:var(--spacing-lg) auto 0;color:color-mix(in srgb,var(--color-surface) 88%,transparent)}.legal-content-section{padding:var(--spacing-3xl) var(--spacing-xl)}.legal-layout{width:100%;max-width:64rem;margin:0 auto}.legal-article{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.legal-section{padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--color-border);border-radius:var(--border-radius-card);background:var(--color-surface-elevated);box-shadow:var(--shadow-level-1)}.legal-section .section-title{color:var(--color-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg)}.legal-section .section-content{color:var(--color-on-surface-secondary);margin-top:var(--spacing-md);overflow-wrap:anywhere}.legal-section .section-content:first-of-type{margin-top:0}.legal-back-link{align-self:flex-start;margin-top:var(--spacing-md)}@media(max-width:767px){.legal-hero{padding-inline:var(--spacing-md)}.legal-content-section{padding-inline:var(--spacing-md)}.legal-section{padding:var(--spacing-lg)}.legal-section .section-title{text-align:center;font-size:clamp(1.35rem,6.5vw,1.75rem)}.legal-back-link{width:100%;align-self:stretch}}

/* Shared header and footer wrapper behavior for legal pages */
.navigation-container1,.navigation-navlink10,.navigation-navlink15,.navigation-navlink16,.navigation-navlink21,
.footer-wrapper,.footer-container1,.footer-link1,.footer-link2,.footer-link3,.footer-navlink1,.footer-link4,
.footer-navlink2,.footer-navlink3,.footer-link5,.footer-link6,.footer-link7{display:contents}
.navigation-container2,.footer-container2{display:none}
.navigation-container3,.footer-container3{display:contents}
@media(max-width:767px){
  .legal-hero .hero-title{font-size:clamp(1.65rem,8vw,2rem);overflow-wrap:anywhere}
}