html, body { margin: 0; min-height: 100%; background: var(--color-surface); }
.legal-page { min-height: 50vh; background: var(--color-surface); color: var(--color-on-surface); font-family: var(--font-family-body); }
.legal-shell { width: min(100% - 2 * var(--spacing-xl), 72rem); margin: 0 auto; }
.legal-hero { background: var(--color-primary); color: #fff; padding: var(--spacing-3xl) 0 var(--spacing-2xl); }
.legal-hero h1 { margin: 0 0 var(--spacing-md); font-family: var(--font-family-heading); font-size: var(--font-size-4xl); line-height: var(--line-height-heading); overflow-wrap: anywhere; }
.legal-hero p { margin: 0; max-width: 60rem; color: rgba(255,255,255,.78); font-size: var(--font-size-lg); }
.legal-eyebrow { display: block; margin-bottom: var(--spacing-sm); color: var(--color-accent); font-size: var(--font-size-xs); font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.legal-layout { padding-top: var(--spacing-2xl); padding-bottom: var(--spacing-4xl); }
.legal-company-card { border: 1px solid var(--color-outline); border-radius: var(--border-radius-xl); padding: var(--spacing-xl); background: var(--color-surface-elevated); box-shadow: var(--shadow-level-1); }
.legal-company-card h2 { margin: 0 0 var(--spacing-md); font-family: var(--font-family-heading); font-size: var(--font-size-2xl); }
.legal-company-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--spacing-md); }
.legal-company-grid p { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.legal-company-grid strong, .legal-company-grid span { display: block; }
.legal-company-grid strong { color: var(--color-on-surface); font-size: var(--font-size-sm); }
.legal-company-grid span { color: var(--color-on-surface-secondary); margin-top: .25rem; }
.legal-content { margin-top: var(--spacing-2xl); }
.legal-content section { padding: var(--spacing-xl) 0; border-bottom: 1px solid var(--color-outline); }
.legal-content h2 { margin: 0 0 var(--spacing-md); font-family: var(--font-family-heading); font-size: var(--font-size-2xl); line-height: 1.3; }
.legal-content p, .legal-content li { color: var(--color-on-surface-secondary); line-height: 1.75; overflow-wrap: anywhere; }
.legal-content p { margin: 0; }
.legal-content a, .legal-content a:visited { color: var(--color-secondary); text-decoration: none; font-weight: 700; }
.legal-content a:hover, .legal-content a:focus, .legal-content a:active { color: color-mix(in srgb, var(--color-secondary) 75%, #000); text-decoration: none; }
@media(max-width:767px){ .legal-shell { width: min(100% - 2 * var(--spacing-lg), 72rem); } .legal-company-card { padding: var(--spacing-lg); } .legal-company-grid { grid-template-columns: 1fr; } .legal-content section { padding: var(--spacing-lg) 0; } }