/* Privacy policy and terms: a quiet reading page in Embox's look. */
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--background); color: var(--foreground); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
.legal { max-width: 680px; margin: 0 auto; padding: 56px 24px 96px; font-size: 15px; line-height: 1.65; }
.legal-home { display: inline-flex; align-items: center; gap: 10px; color: var(--foreground); font-weight: 600; text-decoration: none; }
.legal-tube { width: 3px; height: 22px; border-radius: 999px; background: linear-gradient(#38bdf8, #a78bfa 35%, #fb923c 68%, #ef4444); box-shadow: 0 0 1px #a78bfa, 0 0 8px -1px color-mix(in oklab, #fb923c 70%, transparent); }
.legal h1 { margin: 40px 0 4px; font-size: 28px; line-height: 1.25; letter-spacing: -.025em; }
.legal .legal-date { margin: 0 0 32px; color: var(--muted-foreground); font-size: 13px; }
.legal h2 { margin: 36px 0 8px; font-size: 17px; letter-spacing: -.01em; }
.legal p, .legal li { color: color-mix(in oklab, var(--foreground) 88%, var(--muted-foreground)); }
.legal ul { padding-left: 20px; }
.legal li + li { margin-top: 6px; }
.legal a { color: var(--foreground); text-underline-offset: 3px; text-decoration-color: color-mix(in oklab, var(--foreground) 35%, transparent); }
.legal strong { color: var(--foreground); font-weight: 600; }
.legal .legal-callout { margin: 20px 0; padding: 14px 16px; border-radius: 12px; background: color-mix(in oklab, var(--foreground) 3.5%, transparent); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--border) 70%, transparent); }
.legal footer { margin-top: 56px; padding-top: 20px; border-top: 1px solid color-mix(in oklab, var(--border) 60%, transparent); color: var(--muted-foreground); font-size: 13px; }
.legal footer a { color: var(--muted-foreground); }
@media (max-width: 640px) { .legal { padding: 32px 18px 64px; font-size: 16px; } }