/* The native app's navy, white, gold and rounded type, scoped to legal pages. */
.legal-page { --bg: #090c16; --card: #131825; --ink: #f3f5f9; --ink-2: #a3aabc; --accent: #ddb052; --accent-2: #fccb66; --line: #303746; font-family: ui-rounded, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.legal-page a { color: #fccb66; text-underline-offset: 4px; }
.legal-page .brand { color: #f3f5f9; }
.legal-page .prose { max-width: 820px; }
.legal-page .eyebrow { color: #a3aabc; font-size: .75rem; font-weight: 600; letter-spacing: .12em; }
.legal-page h1 { font-size: clamp(2rem, 6vw, 3.4rem); line-height: 1.1; letter-spacing: -.035em; }
.legal-page .meta { color: #a3aabc; margin-bottom: 40px; }
.legal-page section { margin: 32px 0; }
.legal-page h2 { color: #f3f5f9; font-size: 1.35rem; line-height: 1.3; }
.legal-page p { color: #a3aabc; }
.legal-page aside { background: #131825; border: 1px solid #303746; border-radius: 22px; padding: 24px; margin-top: 40px; }
.legal-page a:focus-visible { outline: 2px solid #fccb66; outline-offset: 5px; }
@media (max-width: 420px) { .legal-page header .wrap { flex-wrap: wrap; gap: 16px; } .legal-page header nav a { margin: 0 16px 0 0; } }