/* The three plain pages: credits, privacy, terms. Same tokens and the same dark
   bar as the landing page, a single reading column, nothing else. */

.doc {
  max-width: 680px;
  margin: 0 auto;
  padding: clamp(120px, 16vh, 160px) var(--pad) clamp(80px, 12vw, 140px);
}

.doc h1 { font-size: clamp(40px, 6vw, 64px); line-height: 1; letter-spacing: -0.04em; }
.doc .stamp { margin-top: 14px; color: var(--dim); font-size: 14px; font-variant-numeric: tabular-nums; }
.doc h2 { margin-top: 48px; font-size: 22px; letter-spacing: -0.02em; }
.doc p, .doc li { margin-top: 14px; color: var(--muted); font-size: 17px; line-height: 1.6; }
.doc p b, .doc li b { color: var(--text); font-weight: 600; }
.doc ul { margin: 0; padding-left: 1.1em; }
.doc a { color: var(--text); text-underline-offset: 3px; }
.doc code { font: 15px/1 ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--text); }

.doc table { width: 100%; margin-top: 18px; border-collapse: collapse; font-size: 15px; }
.doc th, .doc td { padding: 12px 12px 12px 0; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.doc th { color: var(--dim); font-weight: 500; }
.doc td { color: var(--muted); }
.doc td:first-child { color: var(--text); font-weight: 500; white-space: nowrap; }

@media (max-width: 560px) {
  .doc table, .doc tbody, .doc tr, .doc td { display: block; }
  .doc thead { display: none; }
  .doc td { padding: 2px 0; border: 0; }
  .doc tr { padding: 12px 0; border-bottom: 1px solid var(--line); }
}