.legal-page { min-height: 100vh; display: flex; flex-direction: column; background: var(--color-surface); }
.legal-main { flex: 1; width: 100%; padding: clamp(2.5rem, 6vw, 5rem) 0; }
.legal-container { width: min(100% - 2rem, 62rem); margin-inline: auto; }
.legal-hero { margin-bottom: var(--spacing-2xl); padding-bottom: var(--spacing-xl); border-bottom: var(--divider-value); }
.legal-eyebrow { color: var(--color-primary); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); letter-spacing: .08em; text-transform: uppercase; }
.legal-hero h1 { margin: .45rem 0 var(--spacing-md); font-family: var(--font-family-heading); font-size: var(--font-size-4xl); line-height: var(--line-height-heading); }
.legal-updated { color: var(--color-on-surface-secondary); }
.legal-company-card { margin: 0 0 var(--spacing-3xl); padding: clamp(1.25rem, 3vw, 2rem); border: var(--divider-value); border-radius: var(--border-radius-lg); background: var(--color-surface-elevated); }
.legal-company-card h2 { margin-bottom: var(--spacing-lg); font-family: var(--font-family-heading); font-size: var(--font-size-2xl); }
.legal-content { display: grid; gap: var(--spacing-2xl); }
.legal-section { scroll-margin-top: 6rem; }
.legal-section h2 { margin-bottom: var(--spacing-md); font-family: var(--font-family-heading); font-size: var(--font-size-2xl); }
.legal-section h3 { margin: var(--spacing-lg) 0 var(--spacing-sm); font-size: var(--font-size-lg); }
.legal-section p, .legal-section li { color: var(--color-on-surface-secondary); overflow-wrap: anywhere; }
.legal-section p { margin-bottom: var(--spacing-md); }
.legal-section ul, .legal-section ol { margin: var(--spacing-md) 0; padding-left: 1.35rem; }
.legal-section li + li { margin-top: .55rem; }
.legal-back { display: inline-flex; margin-top: var(--spacing-2xl); align-items: center; gap: .5rem; font-weight: var(--font-weight-medium); color: var(--color-primary); }
.legal-main a, .legal-main a:visited { color: var(--color-primary); text-decoration: none; }
.legal-main a:hover { text-decoration: none; color: var(--color-on-surface); }
@media (max-width: 480px) { .legal-container { width: min(100% - 1.25rem, 62rem); } .legal-main { padding-top: 2rem; } }