
.legal-main { min-height: 60vh; background: var(--color-surface); color: var(--color-on-surface); }
.legal-container { width: min(100% - 3rem, var(--content-max-width)); margin: 0 auto; }
.legal-hero { padding: var(--spacing-4xl) 0 var(--spacing-2xl); background: linear-gradient(180deg, var(--color-surface-elevated), var(--color-surface)); border-bottom: 1px solid var(--color-border); }
.legal-hero .hero-title { margin-bottom: var(--spacing-md); }
.legal-eyebrow { margin-bottom: var(--spacing-sm); color: var(--color-primary); font-size: var(--font-size-sm); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.legal-lead { max-width: 52rem; color: var(--color-on-surface-secondary); }
.legal-updated { margin-top: var(--spacing-md); color: var(--color-on-surface-secondary); font-size: var(--font-size-sm); }
.legal-content { padding: var(--spacing-3xl) 0 var(--spacing-4xl); }
.legal-layout { display: grid; gap: var(--spacing-2xl); }
.legal-company-card { padding: var(--spacing-xl); border: 1px solid var(--color-border); background: var(--color-surface-elevated); box-shadow: var(--shadow-level-1); }
.legal-sections { display: grid; gap: var(--spacing-xl); }
.legal-section { padding-bottom: var(--spacing-xl); border-bottom: 1px solid color-mix(in srgb, var(--color-border) 55%, transparent); }
.legal-section:last-child { border-bottom: 0; }
.legal-section .section-title { margin-bottom: var(--spacing-md); font-size: var(--font-size-2xl); }
.legal-section .section-content { max-width: 66rem; color: var(--color-on-surface-secondary); }
.legal-main a, .legal-main a:visited { color: var(--color-primary); text-decoration: none; }
.legal-main a:hover { color: color-mix(in srgb, var(--color-primary) 82%, #000); }
.legal-main a:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
@media (max-width: 767px) {
  .legal-container { width: min(100% - 2rem, var(--content-max-width)); }
  .legal-hero { padding: var(--spacing-3xl) 0 var(--spacing-xl); }
  .legal-content { padding: var(--spacing-2xl) 0 var(--spacing-3xl); }
  .legal-company-card { padding: var(--spacing-lg); }
}
