/* Type scale for the text-only pages (privacy, 404). Loaded on top of site.css,
   which already supplies the tokens, footer and .eyebrow. */

.page-head {
  padding: clamp(24px, 3vw, 40px) var(--gutter);
  border-bottom: 1px solid var(--rule);
}

.page-head__home {
  font-family: var(--font-mono);
  font-size: clamp(11px, 0.9vw, 13px);
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--fg-muted);
}
.page-head__home:hover { color: var(--accent); text-decoration: none; }

.prose {
  max-width: 68ch;
  padding: clamp(48px, 6vw, 88px) var(--gutter) clamp(56px, 7vw, 104px);
}

.prose .eyebrow { margin-bottom: 20px; }

.prose__title {
  margin: 0 0 24px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(30px, 3.6vw, 52px);
  line-height: 1.08;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

.prose__lede {
  margin: 0 0 8px;
  font-size: clamp(16px, 1.3vw, 19px);
  line-height: 1.55;
  color: var(--fg-muted);
}

.prose h2 {
  margin: 44px 0 12px;
  font-family: var(--font-mono);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--accent);
}

.prose p {
  margin: 0 0 16px;
  line-height: 1.65;
  color: var(--fg-muted);
}

.prose code {
  font-family: var(--font-mono);
  font-size: 0.88em;
  padding: 2px 6px;
  background: oklch(1 0 0 / 0.06);
  color: var(--fg);
}

/* Narrow screens cannot fit four columns; let the table scroll rather than
   forcing the page body to. */
.prose__table {
  display: block;
  overflow-x: auto;
  width: 100%;
  margin: 0 0 16px;
  border-collapse: collapse;
  font-size: 14px;
}
.prose__table th,
.prose__table td {
  padding: 10px 16px 10px 0;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--rule);
  color: var(--fg-muted);
}
.prose__table th {
  font-family: var(--font-mono);
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fg);
  white-space: nowrap;
}

.prose__updated {
  margin-top: 44px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}