/*
 * The plain pages (privacy, terms, and the note for the old web app's addresses): the landing's
 * colours, type, header and footer from site.css, with one readable column of text.
 */
.site-head { position: static; justify-content: space-between; }
.doc { max-width: 720px; margin: 0 auto; padding: 48px 6% 96px; }
.doc h1 { font-size: clamp(36px, 4vw, 52px); margin: 0 0 12px; }
.doc h2 { font-size: 22px; line-height: 1.3; letter-spacing: -.01em; margin: 44px 0 4px; scroll-margin-top: 24px; }
.doc .updated { margin: 0 0 32px; font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.doc p, .doc li { font-size: 15.5px; line-height: 1.7; color: var(--ink-soft); }
.doc p strong, .doc li strong { color: var(--ink); font-weight: 600; }
.doc ul { padding-left: 20px; margin: 8px 0 16px; }
.doc li { margin: 6px 0; }
.doc a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.doc table { width: 100%; border-collapse: collapse; margin: 12px 0 8px; font-size: 14.5px; }
.doc th, .doc td { text-align: left; vertical-align: top; padding: 10px 12px 10px 0; border-bottom: 1px solid var(--border); color: var(--ink-soft); line-height: 1.55; }
.doc th { font-family: var(--mono); font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.doc td:first-child { color: var(--ink); font-weight: 600; white-space: nowrap; }
.doc .lead { font-size: 18px; color: var(--ink); }
.doc .pill { display: inline-flex; align-items: center; gap: 10px; margin: 8px 0 24px; padding: 15px 24px; border-radius: 999px; background: var(--accent); color: var(--on-accent); font-weight: 600; text-decoration: none; }
.doc .pill:hover { filter: brightness(1.05); }

@media (max-width: 600px) {
  .doc { padding: 24px 6% 72px; }
  .doc td:first-child { white-space: normal; }
}