/* plain pages: privacy, terms, 404. Light, under site.css: a kicker in mono, the home page's headline, a readable column. */
.page { width: min(100% - 40px, 720px); margin: 0 auto; padding: 64px 0 104px; }
.page .kicker { display: block; margin: 0 0 14px; font-family: var(--s-mono); font-size: 11.5px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--s-mute); }
.page h1 { font-weight: 500; font-size: clamp(2.4rem, 5.4vw, 3.6rem); line-height: 1.04; letter-spacing: -.038em; margin: 0 0 14px; text-wrap: balance; }
.page .updated { font-family: var(--s-mono); font-size: 12.5px; color: var(--s-mute); margin: 0 0 44px; }
.page h2 { font-weight: 500; font-size: 1.45rem; line-height: 1.2; letter-spacing: -.02em; margin: 48px 0 12px; }
.page p, .page li { font-size: 17px; line-height: 1.7; color: var(--s-ink-2); }
.page p { margin: 0 0 1em; }
.page ul { margin: 0 0 1.1em; padding-left: 1.2em; }
.page li { margin-bottom: .45em; }
.page a { color: var(--s-ink); text-decoration: underline; text-decoration-color: rgba(9, 9, 11, .25); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.page a:hover { text-decoration-color: var(--s-ink); }
.page strong { font-weight: 600; color: var(--s-ink); }
.page .lead { font-size: 19px; line-height: 1.6; color: var(--s-ink); }
.page.center { text-align: center; padding-top: 120px; min-height: calc(100vh - 180px); }
.page .go { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 30px; }
.page .go a { padding: 9px 16px; border: 1px solid #e4e4e7; border-radius: 980px; font-size: 15px; text-decoration: none; transition: border-color .2s ease; }
.page .go a:hover { border-color: #a1a1aa; }
@media (max-width: 760px) { .page { padding-top: 36px; } .page.center { padding-top: 72px; } }