/* Hallmark · document page · same system, prose measure */
.doc {
  max-width: 46rem;
  padding-block: var(--space-2xl) var(--space-4xl);
}
.doc h1 { font-size: var(--text-display-s); }
.doc-date { margin-top: var(--space-xs); font-size: var(--text-sm); color: var(--color-neutral); }
.doc-lede { margin-top: var(--space-lg); font-size: var(--text-lg); color: var(--color-muted); }
.doc h2 {
  margin-top: var(--space-2xl); padding-top: var(--space-lg);
  border-top: var(--rule); font-size: var(--text-xl);
}
.doc h3 { margin-top: var(--space-xl); font-size: var(--text-md); }
.doc p, .doc li { color: var(--color-muted); }
.doc p { margin-top: var(--space-md); }
.doc ul, .doc ol { margin-top: var(--space-md); padding-left: 1.2em; }
.doc li { margin-bottom: var(--space-2xs); }
.doc strong { color: var(--color-ink); font-weight: 600; }
.doc a { color: var(--color-accent-ink); }
.doc-table { width: 100%; border-collapse: collapse; margin-top: var(--space-md); font-size: var(--text-base); }
.doc-table th, .doc-table td { text-align: left; padding: var(--space-sm) var(--space-xs); border-bottom: var(--rule); vertical-align: top; }
.doc-table th { font-weight: 500; color: var(--color-ink); width: 34%; }
.doc-table td { color: var(--color-muted); }
@media (max-width: 40rem) {
  .doc-table th, .doc-table td { display: block; width: auto; border-bottom: 0; padding-inline: 0; }
  .doc-table td { padding-top: 0; padding-bottom: var(--space-md); border-bottom: var(--rule); }
}