.legal-page { display: flex; min-height: 100vh; flex-direction: column; background: var(--color-surface); color: var(--color-on-surface); }
.legal-main { flex: 1 0 auto; }
.legal-container { width: min(calc(100% - 2 * var(--spacing-xl)), 68rem); margin-inline: auto; }
.legal-hero { padding: clamp(3rem, 7vw, 6rem) 0 var(--spacing-2xl); background: var(--color-surface-elevated); }
.legal-hero h1 { margin: var(--spacing-lg) 0 var(--spacing-sm); font: var(--font-weight-heading) var(--font-size-4xl)/var(--line-height-heading) var(--font-family-heading); }
.legal-back-link { display: inline-flex; align-items: center; font-weight: 700; color: var(--color-primary); }
.legal-updated { color: var(--color-on-surface-secondary); font-size: var(--font-size-sm); }
.legal-lead { max-width: 56rem; margin-top: var(--spacing-xl); font-size: var(--font-size-lg); }
.legal-hero .company-legal-card { width: 100%; margin: var(--spacing-2xl) 0 0; background: var(--color-surface); }
.legal-sections { padding: var(--spacing-3xl) 0; }
.legal-article { display: grid; gap: var(--spacing-2xl); }
.legal-article article { padding-bottom: var(--spacing-xl); border-bottom: 1px solid var(--color-border); }
.legal-article article:last-child { border-bottom: 0; }
.legal-article h2 { margin-bottom: var(--spacing-md); font: var(--font-weight-heading) var(--font-size-2xl)/var(--line-height-heading) var(--font-family-heading); }
.legal-article p, .legal-article li { color: var(--color-on-surface-secondary); overflow-wrap: anywhere; }
.legal-article a, .legal-article a:visited { color: var(--color-primary); font-weight: 700; text-decoration: none; }
.legal-article a:hover { color: var(--color-secondary); }
.legal-page .footer-wrapper { width: 100%; }
@media (max-width: 767px) { .legal-container { width: min(calc(100% - 2 * var(--spacing-md)), 68rem); } .legal-hero { padding-top: var(--spacing-2xl); } }