/* The site's other pages (privacy, support, not found): the home page's header and footer around one column of text,
   in the site's own type (style.css): an eyebrow, a serif title with an italic turn, a lede, then sections */
.doc-main { max-width: var(--content); margin: 0 auto; padding: 0 var(--gutter); }
.doc-article { max-width: 680px; margin: 0 auto; padding-block: clamp(48px, 8vw, 96px) 0; display: grid; gap: 40px; }
.doc-head { display: grid; gap: 16px; }
.doc-head :is(.display-2, .section-lede, .eyebrow) { margin: 0; }
.doc-sec { display: grid; gap: 12px; }
.doc-sec h2 { margin: 0; font: 400 28px/1.15 var(--f-serif); letter-spacing: -0.01em; color: var(--ink); }
.doc-sec p { margin: 0; max-width: 62ch; font-size: 16px; line-height: 1.6; color: var(--ink-2); }
.doc-sec p a:not(.btn) { color: var(--ink); text-decoration: underline; text-decoration-color: var(--ink-3); text-underline-offset: 3px; }
.doc-sec p a:not(.btn):hover { text-decoration-color: var(--ink); }
.doc-updated { margin: 0; font-size: 13px; color: var(--ink-3); }
.footer-row a[aria-current="page"] { color: var(--ink); }
/* the top bar's links, which the home page shows only on its start screen */
body.doc :is(.nav-link, .nav-cta) { display: inline-flex; }
@media (max-width: 640px) { .doc .nav-link { display: none; } }