/* Goedgekeurd handschrift voor de binnenpagina's en toegangsschermen.
   Historische bestands-/klassenaam behouden; de kaftknop kiest Kalam apart. */
@font-face {
  font-family: 'Kalam';
  src: url('./fonts/Kalam-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Kalam';
  src: url('./fonts/Kalam-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
.handwriting-preview { --handwriting-font: 'Kalam', cursive; }
.handwriting-preview .book-content,
.handwriting-preview #membership-panel,
.handwriting-preview .skip-link,
.handwriting-preview .noscript-note { font-family: var(--handwriting-font); font-weight: 400; }
.handwriting-preview .book-content :is(h1,h2,h3),
.handwriting-preview #membership-panel :is(h1,h2,h3) { font-family: var(--handwriting-font); font-weight: 700; line-height: 1.3; letter-spacing: 0; }
.handwriting-preview .inside-copy>p,
.handwriting-preview .empty-drawing>span { font-family: var(--handwriting-font); }
.handwriting-preview .navigation>a { font-family: var(--handwriting-font); font-size: .95rem; }
.handwriting-preview .navigation>a[aria-current="page"] { font-weight: 700; }
.handwriting-preview .heading-row { flex-wrap: wrap; gap: .3rem .5rem; }
.handwriting-preview .heading-row>h1 { max-width: 100%; }
.handwriting-preview .book-content :is(.intro,.empty-state>p,.book-details,label) { font-size: 1rem; }
.handwriting-preview :is(.filters>button,.primary-button,.back-button) { font-size: .9rem; font-weight: 700; }
.handwriting-preview :is(.content-note,.form-note,.field-help,.proof-note) { font-size: .85rem; }
.handwriting-preview :is(.count,.card-meta,.page-label,.page-footer) { font-size: .85rem; }
.handwriting-preview #membership-panel h2 { font-size: 1.55rem; }
.handwriting-preview #new-recovery-code,
.handwriting-preview #invitation-code,
.handwriting-preview #join-code { font-family: var(--handwriting-font); }