:root { color-scheme: light; --legal-ink: #191827; --legal-muted: #656477; --legal-line: #e8e7ef; --legal-purple: #7138b5; --legal-lime: #8aa832; }
html.legal-page, .legal-page body { min-height: 100%; background: #fff; }
.legal-page body { margin: 0; color: var(--legal-ink); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.legal-shell { width: min(100% - 36px, 600px); margin: 0 auto; padding: max(20px, env(safe-area-inset-top)) 0 max(42px, env(safe-area-inset-bottom)); }
.legal-back { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; color: var(--legal-purple); font-size: 15px; font-weight: 650; text-decoration: none; }
.legal-back:focus-visible, .legal-page a:focus-visible { outline: 3px solid #b6d45b; outline-offset: 3px; border-radius: 4px; }
.legal-header { padding: 25px 0 21px; border-bottom: 1px solid var(--legal-line); }
.legal-eyebrow { margin: 0 0 8px; color: var(--legal-purple); font-size: 11px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.legal-header h1 { margin: 0; font-size: clamp(32px, 8vw, 42px); line-height: 1.08; letter-spacing: -.04em; }
.legal-date { margin: 11px 0 0; color: var(--legal-muted); font-size: 13px; }
.legal-content { padding-top: 8px; }
.legal-content section { padding: 21px 0 17px; border-bottom: 1px solid var(--legal-line); }
.legal-content h2 { margin: 0 0 8px; font-size: 18px; letter-spacing: -.015em; }
.legal-content p, .legal-content li { color: #454455; font-size: 15px; line-height: 1.65; }
.legal-content p { margin: 0; }
.legal-content p + p { margin-top: 9px; }
.legal-content ul { margin: 8px 0 0; padding-left: 21px; }
.legal-content li + li { margin-top: 4px; }
.legal-page a:not(.legal-back) { color: var(--legal-purple); font-weight: 600; text-underline-offset: 3px; }
.legal-footer { display: flex; flex-wrap: wrap; gap: 8px 18px; padding: 22px 0 0; font-size: 14px; }
.legal-footer a { min-height: 36px; display: inline-flex; align-items: center; }
@media (prefers-reduced-motion: no-preference) { .legal-shell { animation: legal-in .35s ease-out both; } @keyframes legal-in { from { opacity: .65; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } } }