
.legal-main { width:100%; background:var(--color-surface); padding:var(--spacing-3xl) 0 var(--spacing-4xl); }
.legal-content { width:min(100% - 2rem, 72rem); margin:0 auto; }
.legal-back { display:inline-flex; margin-bottom:var(--spacing-xl); color:var(--color-secondary); font-weight:600; }
.legal-back:hover { color:var(--color-primary); }
.legal-eyebrow { display:block; margin-bottom:.75rem; color:var(--color-primary); font-size:var(--font-size-xs); letter-spacing:.14em; font-weight:700; }
.legal-main h1 { margin:0 0 var(--spacing-md); font-family:var(--font-family-heading); color:var(--color-on-surface); }
.legal-lead { max-width:52rem; margin:0 0 var(--spacing-xl); color:var(--color-on-surface-secondary); font-size:var(--font-size-lg); }
.legal-company-card { margin:0 0 var(--spacing-2xl); border-color:color-mix(in srgb,var(--color-border) 55%,transparent); background:var(--color-surface-elevated); color:var(--color-on-surface); }
.legal-company-card a { color:var(--color-secondary); text-decoration:none; }
.legal-section { padding:var(--spacing-xl) 0; border-top:1px solid color-mix(in srgb,var(--color-border) 45%,transparent); }
.legal-section h2 { margin:0 0 var(--spacing-md); font-family:var(--font-family-heading); color:var(--color-on-surface); }
.legal-section p, .legal-section li { color:var(--color-on-surface-secondary); line-height:var(--line-height-body); }
.legal-section a { color:var(--color-secondary); text-decoration:underline; text-underline-offset:3px; }
.legal-section a:visited { color:var(--color-secondary); }
.legal-section a:hover { color:var(--color-primary); }
.legal-section a:focus-visible, .legal-back:focus-visible { outline:2px solid var(--color-accent); outline-offset:3px; }
.legal-section code { padding:.1rem .35rem; border-radius:var(--border-radius-sm); background:var(--color-surface-tint); font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.legal-updated { margin-top:var(--spacing-xl); font-size:var(--font-size-sm); color:var(--color-on-surface-secondary); }
@media(max-width:767px){ .legal-main{padding-top:var(--spacing-2xl)}.legal-content{width:min(100% - 1.5rem,72rem)}.legal-section{padding:var(--spacing-lg) 0} }
