/* Familiar README-style typography inspired by GitHub Primer. */
:where(:root) {
  --md-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", sans-serif;
  --md-text: #1f2328;
  --md-muted: #59636e;
  --md-accent: #0969da;
  --md-surface: #f6f8fa;
  --md-border: #d1d9e0;
  --md-radius: 6px;
  --md-content-width: 80ch;
}
:where(body) { font-size: 16px; line-height: 1.5; }
:where(h1) { font-size: 2rem; }
:where(h1, h2) { border-bottom: 1px solid var(--md-border); padding-bottom: .3em; }
:where(h1, h2, h3) { font-weight: 600; letter-spacing: normal; }
:where(h2) { font-size: 1.5rem; margin-top: 1.5rem; }
:where(h3) { margin-top: 1.5rem; }
:where(p, ul, ol, blockquote, pre, table) { margin-block: 1rem; }
:where(blockquote) { border-left-width: 4px; padding-inline: 1rem; }
:where(pre) { border: none; padding: 1rem; }
:where(th, td) { border: 1px solid var(--md-border); padding: .4rem .8rem; }
:where(tr:nth-child(even)) { background: var(--md-surface); }
@media (prefers-color-scheme: dark) {
  :where(:root) {
    --md-bg: #0d1117;
    --md-text: #f0f6fc;
    --md-muted: #9198a1;
    --md-accent: #4493f8;
    --md-surface: #151b23;
    --md-border: #3d444d;
  }
}