/* Privacy, terms and support: one quiet reading column on the landing page's ground. */
.doc { max-width: 760px; margin: 0 auto; padding: 120px var(--gutter) 80px; }
.doc-kicker { font-weight: 700; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--glow); margin: 0 0 8px; }
.doc h1 { font-family: var(--display); font-weight: 400; font-size: clamp(44px, 8vw, 72px); line-height: 0.95; margin: 0 0 12px; }
.doc .updated { color: var(--faint); font-size: 15px; margin: 0 0 40px; }
.doc h2 { font-family: var(--display); font-weight: 400; font-size: 30px; letter-spacing: 0.01em; margin: 44px 0 10px; }
.doc h3 { font-size: 18px; font-weight: 700; margin: 26px 0 6px; }
.doc p, .doc li { color: var(--dim); }
.doc strong { color: var(--text); }
.doc ul { padding-left: 22px; }
.doc li { margin: 6px 0; }
.doc a { color: var(--glow); text-decoration: underline; text-underline-offset: 3px; }
.doc .callout { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 20px 24px; margin: 24px 0; }
.doc .callout p { margin: 0; }
.doc details { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 16px 22px; margin: 12px 0; }
.doc summary { cursor: pointer; font-weight: 700; color: var(--text); }
.doc details p { margin: 10px 0 0; }
.footer-links { display: flex; gap: 22px; flex-wrap: wrap; font-weight: 600; font-size: 14px; }
.footer-links a { color: var(--dim); }
.footer-links a:hover { color: var(--text); }