/* Rustige, leesbare pagina's; alles komt uit /basis/basis.css. */
:root {
  --accent: light-dark(#2f6f5e, #7cc4ae);
  --paper:  light-dark(#f6f5f1, #121413);
  --page-max: 38rem;
}

.page { padding-block: var(--space-7) var(--space-8); }
h1 { font-size: var(--text-2xl); margin-bottom: var(--space-4); }
h2 { font-size: var(--text-lg); margin: var(--space-6) 0 var(--space-2); }
p + p, ul + p { margin-top: var(--space-3); }
ul { padding-left: 1.25rem; margin: var(--space-2) 0 0; }
li + li { margin-top: var(--space-1); }
.lede { font-size: var(--text-lg); color: var(--ink-soft); }
.nav { display: flex; gap: var(--space-4); margin-bottom: var(--space-7); font-size: var(--text-sm); }
.meta { margin-top: var(--space-7); font-size: var(--text-sm); color: var(--ink-faint); }