/* The site's pages of plain text (privacy, support), on page.css's paper, ink and type. One column
   at the reading measure, under the same masthead as the landing page. */
.doc {
  max-width: var(--measure);
  margin: 0 auto;
  padding: calc(6.5rem + env(safe-area-inset-top)) 16px 4rem;
}
.doc h1 { font-size: clamp(2.2rem, 5vw, 3.2rem); }
.doc h2 { font-size: 1.45rem; margin: 2.6rem 0 .8rem; }
.doc h2::after { display: none; }
.doc .updated { font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; color: var(--ink-faint); margin-bottom: 2rem; }
.doc ul { padding-left: 1.2rem; margin: 0 0 1rem; }
.doc li { margin-bottom: .45rem; }
.doc a { color: var(--accent); text-underline-offset: .18em; }
.doc dt { font-style: italic; margin-top: 1.4rem; }
.doc dd { margin: .35rem 0 0; }
.masthead .wordmark { pointer-events: auto; }
@media (max-width: 820px) {
  /* page.css hides the masthead on phones, where the landing page has its own wordmark */
  .doc { padding-top: calc(2.5rem + env(safe-area-inset-top)); }
}