/* Self-contained, light styling for the privacy and terms page. */
:root { color-scheme: light; --paper: #f6f6f2; --ink: #191820; --muted: #62616b; --accent: #6254d8; --rule: #deded8; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 16px/1.68 system-ui, -apple-system, "Segoe UI", sans-serif; }
.legal-page { width: min(100% - 40px, 980px); margin: 0 auto; padding: 32px 0 72px; }
.legal-home { display: inline-block; margin: 0 0 28px; color: var(--accent); font-weight: 650; text-decoration: none; }
.legal-home:hover { text-decoration: underline; }
.legal-logo { display: block; width: min(230px, 60vw); height: auto; margin: 0 0 36px; }
h1 { margin: 0 0 12px; font: 700 clamp(2.25rem, 6vw, 3.5rem)/1.08 Georgia, "Times New Roman", serif; letter-spacing: -.035em; }
.legal-date { margin: 0; color: var(--muted); font-size: .94rem; }
nav[aria-label="Page contents"] { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0 46px; }
nav[aria-label="Page contents"] a { padding: 8px 16px; border: 1px solid var(--rule); border-radius: 999px; color: var(--ink); font-size: .93rem; font-weight: 650; text-decoration: none; }
nav[aria-label="Page contents"] a:hover { border-color: var(--accent); color: var(--accent); }
section { max-width: 74ch; margin: 0 0 56px; }
h2 { margin: 0 0 22px; font-size: 1.65rem; line-height: 1.2; }
h3 { margin: 30px 0 8px; font-size: 1.08rem; line-height: 1.35; }
p { margin: 0 0 16px; color: #35343c; }
p a { color: #4f43b4; text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid #9d95ef; outline-offset: 3px; }
@media (max-width: 620px) { .legal-page { width: min(100% - 32px, 980px); padding-top: 24px; } .legal-logo { width: 200px; margin-bottom: 28px; } nav[aria-label="Page contents"] { margin-bottom: 36px; } }