html, body { margin: 0; min-height: 100%; background: var(--color-surface); color: var(--color-on-surface); }
.legal-page { display: flex; flex-direction: column; }
.legal-main { flex: 1 0 auto; width: 100%; overflow: hidden; }
.legal-hero { padding: clamp(7rem, 12vw, 10rem) 1rem clamp(3rem, 7vw, 5rem); background: linear-gradient(135deg, var(--color-surface-elevated), var(--color-surface)); border-bottom: 1px solid var(--color-border); }
.legal-container { width: min(100% - 2rem, var(--content-max-width)); margin-inline: auto; }
.legal-eyebrow { color: var(--color-accent); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; font-size: var(--font-size-xs); }
.legal-hero h1 { margin: .75rem 0 1rem; font-family: var(--font-family-heading); font-size: var(--font-size-4xl); line-height: var(--line-height-heading); }
.legal-intro { max-width: 48rem; color: var(--color-on-surface-secondary); font-size: var(--font-size-lg); }
.legal-updated { margin-top: 1rem; }
.legal-layout { display: grid; grid-template-columns: minmax(15rem, 20rem) minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); padding-block: clamp(3rem, 7vw, 6rem); align-items: start; }
.legal-company-card { position: sticky; top: 6.5rem; padding: 1.5rem; border: 1px solid var(--color-border); border-radius: var(--border-radius-lg); background: var(--color-surface-elevated); box-shadow: var(--shadow-level-1); }
.legal-company-card h2 { font-size: var(--font-size-xl); margin-bottom: 1rem; }
.legal-company-card dl { display: grid; gap: 1rem; }
.legal-company-card dl > div { display: grid; gap: .2rem; }
.legal-company-card dt { font-weight: 700; color: var(--color-primary); }
.legal-company-card dd { margin: 0; color: var(--color-on-surface-secondary); overflow-wrap: anywhere; }
.legal-content { min-width: 0; }
.legal-content section { padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid color-mix(in srgb, var(--color-border) 70%, transparent); scroll-margin-top: 7rem; }
.legal-content section:last-of-type { border-bottom: 0; }
.legal-content h2 { margin: 0 0 .85rem; font-family: var(--font-family-heading); font-size: var(--font-size-2xl); line-height: var(--line-height-heading); color: var(--color-primary); }
.legal-content p, .legal-content li { color: var(--color-on-surface-secondary); line-height: 1.75; overflow-wrap: anywhere; }
.legal-content a, .legal-content a:visited, .legal-company-card a, .legal-company-card a:visited { color: var(--color-primary); text-decoration: none; font-weight: 650; }
.legal-content a:hover, .legal-company-card a:hover { color: var(--color-accent); }
.legal-home-link { margin-top: 2rem; }
.legal-home-link .btn { display: inline-flex; }
.legal-page .footer-root { width: 100%; }
@media (max-width: 900px) {
  .legal-layout { grid-template-columns: 1fr; }
  .legal-company-card { position: static; }
}
@media (max-width: 480px) {
  .legal-container { width: min(100% - 1.5rem, var(--content-max-width)); }
  .legal-hero { padding-top: 6rem; }
  .legal-company-card { padding: 1.1rem; }
}