
.legal-main { width:100%; background:var(--color-surface); color:var(--color-on-surface); font-family:var(--font-family-body); }
.legal-hero { padding:var(--spacing-4xl) var(--spacing-xl) var(--spacing-2xl); background:var(--color-surface-elevated); }
.legal-content { width:min(100% - 2 * var(--spacing-xl), 54rem); margin-inline:auto; }
.legal-hero .hero-title { margin:0; max-width:none; }
.legal-hero .hero-subtitle { margin-top:var(--spacing-sm); }
.legal-company-card { margin-top:var(--spacing-xl); padding:var(--spacing-lg); border:1px solid var(--color-border); border-radius:var(--border-radius-card); background:var(--color-surface); box-shadow:var(--shadow-level-1); }
.legal-company-card h2 { margin:0 0 var(--spacing-sm); font-size:var(--font-size-xl); }
.legal-company-card p { margin:.35rem 0; overflow-wrap:anywhere; }
.legal-section { padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-4xl); }
.legal-section h2 { margin:var(--spacing-xl) 0 var(--spacing-sm); font-size:var(--font-size-2xl); font-family:var(--font-family-heading); line-height:var(--line-height-heading); }
.legal-section p { margin:0 0 var(--spacing-md); line-height:var(--line-height-body); }
.legal-main a,.legal-main a:visited{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.legal-main a:hover{color:var(--color-accent-text)}.legal-main a:focus,.legal-main a:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.legal-main a:active{opacity:.85}
@media(max-width:767px){.legal-hero,.legal-section{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.legal-content{width:100%}.legal-company-card{padding:var(--spacing-md)}}
