/* Legal pages (privacy): plain reading layout on the canvas, with the dark nav and footer. */
.legal-page .nav { background: var(--field-0); box-shadow: 0 1px 0 rgba(255,255,255,.08); }
.legal { padding: calc(var(--nav-h) + clamp(40px, 7vw, 88px)) var(--gutter) clamp(64px, 9vw, 120px); }
.legal-wrap { width: min(760px, 100%); margin: 0 auto; }
.legal h1 { font-family: var(--display); font-weight: 300; font-size: clamp(40px, 6vw, 64px); letter-spacing: -.035em; line-height: 1.02; margin: 8px 0 10px; }
.legal .updated { color: var(--ink-3); font-size: 14px; margin: 0 0 32px; }
.legal h2 { font-family: var(--display); font-weight: 600; font-size: 24px; letter-spacing: -.02em; margin: 44px 0 12px; scroll-margin-top: calc(var(--nav-h) + 16px); }
.legal h3 { font-size: 16px; font-weight: 600; margin: 24px 0 6px; }
.legal p, .legal li { color: var(--ink-2); font-size: 16px; line-height: 1.65; }
.legal ul { padding-left: 20px; display: grid; gap: 6px; }
.legal a { color: var(--brand-deep); }
.legal strong { color: var(--ink); }
.legal table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14.5px; display: block; overflow-x: auto; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 12px 14px 12px 0; border-bottom: 1px solid var(--hair); color: var(--ink-2); }
.legal th { color: var(--ink); font-weight: 600; }
@media (max-width: 640px) { .legal-page .nav-cta .ghost-light { display: none; } }