/* Boekpagina's: A5 (148 × 210 mm). Op het scherm verkleind met `zoom`, bij printen en PDF op ware grootte.
   Kleuren per categorie komen uit config.js (--cat); dit is de opmaak van het boek, niet de huisstijl van de site. */
.pagina {
  --cat: #9b3b32; --cat-l: #f6ece8; --cat-m: #f0dfd9; --cat-r: #dcbab4;
  --papier-b: #fffdf8;
  --inkt-b: #2a2420;
  --zacht: #665c54;  /* 23-10: donkerder voor contrast ≥ 4,5:1 op papier */
  --schaal: 1;
  width: 148mm; height: 210mm; box-sizing: border-box; overflow: hidden; position: relative;
  background: var(--papier-b); color: var(--inkt-b);
  font: calc(10.4pt * var(--schaal))/1.42 "Figtree", -apple-system, "Segoe UI", sans-serif;
  padding: 13mm 12mm 14mm;
  display: flex; flex-direction: column;
}
.pagina h1, .pagina h2, .pagina h3 { font-family: "Young Serif", Georgia, serif; font-weight: 400; margin: 0; letter-spacing: 0; }
.pagina .p-nr { position: absolute; bottom: 7mm; left: 0; right: 0; text-align: center; font-size: 8pt; color: var(--zacht); border: 0; padding: 0; font-variant-numeric: tabular-nums; }
.pagina svg { width: 1.6em; height: 1.6em; fill: none; stroke: var(--cat); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: none; }

/* voorkant */
.voorkant { background: var(--inkt-b); color: var(--papier-b); justify-content: center; text-align: center; padding: 20mm 16mm; }
.voorkant .vk-rand { position: absolute; inset: 7mm; border: 0.5mm solid rgba(255, 253, 248, .45); border-radius: 3mm; }
.voorkant .vk-boven { font-size: 11pt; letter-spacing: .14em; text-transform: uppercase; margin: 0 0 4mm; opacity: .8; }
.voorkant h1 { font-size: 36pt; line-height: 1.05; text-wrap: balance; }
.voorkant .vk-onder { font-family: "Caveat", cursive; font-size: 19pt; margin: 4mm 0 12mm; opacity: .9; }
.voorkant .vk-cats { list-style: none; padding: 0; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 2mm; max-width: 100mm; }
.voorkant .vk-cats li { font-size: 7.5pt; letter-spacing: .06em; text-transform: uppercase; padding: 1mm 3mm; border-radius: 9mm; background: var(--cat); color: #fff; }
.voorkant .vk-aantal { position: absolute; bottom: 12mm; left: 0; right: 0; font-size: 8.5pt; opacity: .7; margin: 0; }

/* opdracht */
.opdracht { justify-content: center; text-align: center; padding: 30mm 20mm; }
.opdracht .hand { font-family: "Caveat", cursive; font-size: 22pt; line-height: 1.25; margin: 0 0 8mm; text-wrap: balance; }
.opdracht .makers { color: var(--zacht); font-size: 9pt; margin: 0; }

/* inhoud */
.inhoud h2 { font-size: 24pt; margin-bottom: 6mm; }
.inhoud ol { list-style: none; padding: 0; margin: 0; }
.inhoud li { display: flex; align-items: baseline; gap: 2mm; padding: .9mm 0; font-variant-numeric: tabular-nums; }
.inhoud li span { min-width: 0; }
.inhoud li em { font-style: normal; color: var(--zacht); font-size: .88em; }
.inhoud li i { flex: 1; border-bottom: 0.3mm dotted #b9aea4; transform: translateY(-1mm); }
.inhoud li.i-kop { margin-top: 3.5mm; font-family: "Young Serif", Georgia, serif; font-size: 11.5pt; color: var(--cat); border-bottom: 0.4mm solid var(--cat); justify-content: space-between; }
.inhoud li.i-kop:first-child { margin-top: 0; }

/* scheidingspagina per categorie */
.scheiding { background: var(--cat); color: #fff; justify-content: flex-end; padding: 16mm 14mm 26mm; }
.scheiding h2 { font-size: 34pt; line-height: 1.05; text-wrap: balance; }
.scheiding p { font-size: 9pt; letter-spacing: .14em; text-transform: uppercase; opacity: .85; margin: 0 0 3mm; }
.scheiding .p-nr { color: rgba(255, 255, 255, .75); }

/* receptpagina: de infographic */
.recept { gap: calc(4mm * var(--schaal)); padding-top: 0; }
.r-kop { margin: 0 -12mm; padding: 9mm 12mm 5mm; background: var(--cat-l); border-bottom: 0.6mm solid var(--cat); }
.r-cat { font-size: 7.5pt; letter-spacing: .14em; text-transform: uppercase; color: color-mix(in srgb, var(--cat) 80%, #000); font-weight: 700; }
.r-kop h2 { font-size: calc(21pt * var(--schaal)); line-height: 1.08; margin-top: 1mm; text-wrap: balance; }
.r-van { font-family: "Caveat", cursive; font-size: 14pt; margin: 1mm 0 0; color: var(--zacht); }
.r-feiten { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2mm; }
.r-feiten li { display: flex; align-items: center; gap: 2mm; padding: 2mm 2.5mm; border: 0.3mm solid var(--cat-r); border-radius: 2mm; }
.r-feiten span { display: flex; flex-direction: column; font-size: 7.5pt; color: var(--zacht); line-height: 1.2; }
.r-feiten b { font-size: 10pt; color: var(--inkt-b); font-weight: 700; }
.sterren { display: flex; gap: 1mm; padding: .6mm 0; }
.sterren i { width: 2.4mm; height: 2.4mm; border-radius: 50%; border: 0.35mm solid var(--cat); }
.sterren i.aan { background: var(--cat); }
.r-romp { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: calc(5mm * var(--schaal)); }
.r-romp h3 { font-size: 11pt; color: var(--cat); margin-bottom: 2mm; }
.r-ing ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 1.4mm; }
.r-ing li { display: grid; grid-template-columns: 16mm 4.6mm 1fr; align-items: center; gap: 2mm; }
.r-ing li b { text-align: center; font-size: .86em; font-weight: 700; padding: .8mm .5mm; border-radius: 1.5mm; background: var(--cat-m); color: color-mix(in srgb, var(--cat) 75%, #000); font-variant-numeric: tabular-nums; }
.r-stap ol { list-style: none; padding: 0; margin: 0; counter-reset: st; position: relative; }
.r-stap ol::before { content: ""; position: absolute; left: 2.9mm; top: 3mm; bottom: 3mm; width: 0.35mm; background: var(--cat-r); }
.r-stap li { counter-increment: st; position: relative; padding: 0 0 calc(2.4mm * var(--schaal)) 9mm; }
.r-stap li::before { content: counter(st); position: absolute; left: 0; top: -.2mm; width: 6mm; height: 6mm; border-radius: 50%; background: var(--cat); color: #fff; font-weight: 700; font-size: 7.5pt; line-height: 6mm; text-align: center; }
.r-tip { display: flex; gap: 2.5mm; align-items: flex-start; padding: 3mm 3.5mm; border-radius: 2mm; background: var(--cat-l); margin-bottom: 4mm; }
.r-tip p { margin: 0; font-family: "Caveat", cursive; font-size: calc(13.5pt * var(--schaal)); line-height: 1.15; }
.glas { margin: 3mm 0 0; }
.glas svg { width: 100%; height: auto; stroke: none; color: var(--inkt-b); }
.glas .glas-label { font: 12px "Figtree", sans-serif; fill: var(--inkt-b); }
.pagina.te-lang::after { content: "Te lang voor één pagina — maak de samenvatting korter"; position: absolute; left: 4mm; right: 4mm; bottom: 2mm; background: #9b1c1c; color: #fff; font-size: 8pt; text-align: center; padding: 1mm; border-radius: 1mm; }

/* boekweergave op het scherm */
.boekvak { display: flex; flex-wrap: wrap; gap: 18px; justify-content: center; padding: 18px 0; }
.boekvak .pagina { zoom: var(--zoom, .62); box-shadow: 0 1px 2px rgba(0,0,0,.12), 0 6px 22px rgba(0,0,0,.1); border-radius: 1mm; }
@media (max-width: 640px) { .boekvak { --zoom: .52; } }

@media print {
  @page { size: 148mm 210mm; margin: 0; }
  body > *:not(#printvak) { display: none !important; }
  #printvak { display: block !important; }
  #printvak .pagina { zoom: 1; box-shadow: none; border-radius: 0; break-after: page; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}
#printvak { display: none; }
.r-notities { flex: 1; min-height: 0; overflow: hidden; margin-bottom: 5mm; padding-top: 1mm; }
.r-notities i { display: block; height: 7.2mm; border-bottom: 0.25mm solid var(--cat-r); }
.r-notities h3 { font-family: "Caveat", cursive; font-size: 13pt; color: var(--zacht); background: var(--papier-b); display: block; margin: 0; }

/* ingrediënt-iconen */
.pagina .ing-i { width: 4.6mm; height: 4.6mm; stroke: var(--inkt-b); stroke-width: 1.5; }

/* beeldpagina (links in de spread) */
.beeld { padding: 0; background: var(--cat-l); }
.b-illu { position: relative; flex: 1; min-height: 0; margin: 10mm 10mm 0; }
.b-illu { display: flex; align-items: center; justify-content: center; }
.b-illu > svg.b-gerecht { width: 76mm; height: 76mm; stroke: none; }
.b-ring { list-style: none; margin: 0; padding: 0; position: absolute; inset: 0; }
.b-ring li { position: absolute; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 1mm; width: 24mm; text-align: center; }
.b-ring li .ing-i { width: 13mm; height: 13mm; padding: 0; box-sizing: border-box; border-radius: 50%; background: var(--papier-b); border: 0.35mm solid var(--cat-r); stroke: var(--cat); stroke-width: 1.4; }
.b-ring li span { font-size: 8.5pt; font-weight: 700; line-height: 1.15; color: var(--inkt-b); }
.b-foto { flex: 1; min-height: 0; margin: 0; overflow: hidden; }
.b-foto img { width: 100%; height: 100%; object-fit: cover; display: block; max-width: none; }
.b-tekst { padding: 6mm 12mm 16mm; background: var(--papier-b); border-top: 0.6mm solid var(--cat); }
.b-cat { margin: 0; font-size: 7.5pt; letter-spacing: .14em; text-transform: uppercase; color: var(--cat); font-weight: 700; }
.b-tekst h2 { font-size: 24pt; line-height: 1.05; margin: 1.5mm 0 1mm; text-wrap: balance; }
.b-van { font-family: "Caveat", cursive; font-size: 16pt; margin: 0; color: var(--zacht); }
.b-kort { margin: 2.5mm 0 0; font-size: 8.5pt; color: var(--zacht); font-variant-numeric: tabular-nums; }

/* hoofdstuk links */
.hfst-links { background: var(--cat-l); justify-content: center; padding: 16mm 14mm; }
.hl-kop { font-family: "Caveat", cursive; font-size: 18pt; color: var(--cat); margin: 0 0 4mm; }
.hfst-links ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 3mm; }
.hfst-links li { display: grid; grid-template-columns: 8mm 1fr auto; align-items: center; gap: 3mm; padding-bottom: 3mm; border-bottom: 0.3mm solid var(--cat-r); }
.hfst-links li .ing-i { width: 8mm; height: 8mm; padding: 0; box-sizing: border-box; border-radius: 50%; background: var(--papier-b); stroke: var(--cat); }
.hfst-links li span { font-family: "Young Serif", Georgia, serif; font-size: 12pt; line-height: 1.15; }
.hfst-links li em { display: block; font-family: "Caveat", cursive; font-style: normal; font-size: 12pt; color: var(--zacht); }
.hfst-links li b { color: var(--cat); font-variant-numeric: tabular-nums; }

/* invulpagina en achterkant */
.invul h2 { font-family: "Caveat", cursive; font-size: 22pt; color: var(--zacht); margin-bottom: 3mm; }
.invul .iv-lab { margin: 4mm 0 0; font-size: 7.5pt; letter-spacing: .12em; text-transform: uppercase; color: var(--zacht); }
.invul i { display: block; height: 7mm; border-bottom: 0.25mm solid #d8cfc4; }
.achterkant { background: var(--inkt-b); color: var(--papier-b); justify-content: flex-end; align-items: center; text-align: center; padding-bottom: 22mm; }
.achterkant p { margin: 0; font-family: "Young Serif", Georgia, serif; font-size: 13pt; }
.achterkant .ak-klein { font-family: "Figtree", sans-serif; font-size: 8pt; opacity: .7; margin-top: 2mm; }

/* bladerboek */
.bladervak { padding: 18px 0 8px; outline: none; }
.blader-boek { margin: 0 auto; }
.blader-boek .blad { background: #fffdf8; overflow: hidden; }
.blader-boek .blad .pagina { zoom: var(--z); box-shadow: none; border-radius: 0; }
.blader-knoppen { display: flex; justify-content: center; align-items: center; gap: 16px; margin-top: 18px; }
.blader-knoppen .teller { min-width: 150px; text-align: center; font-variant-numeric: tabular-nums; }
.blader-hint { text-align: center; margin: 8px 0 0; }
.bladervak.blader-raster .blader-boek { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; }
.bladervak.blader-raster .blad .pagina { zoom: .5; }
.b-iconen { list-style: none; padding: 0; margin: 3mm 0 0; display: flex; gap: 1.6mm; flex-wrap: wrap; }
.b-iconen .ing-i { width: 7.5mm; height: 7.5mm; padding: 0; box-sizing: border-box; border-radius: 50%; background: var(--cat-l); stroke: var(--cat); }
.pagina .ing-i { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; stroke: var(--inkt-b); stroke-width: 1.5; fill: none; flex: none; }
.pagina .ing-i svg { width: 100%; height: 100%; stroke: inherit; stroke-width: inherit; fill: none; }
.b-ring li .ing-i, .b-iconen .ing-i, .hfst-links li .ing-i { stroke: var(--cat); }
.b-ring li .ing-i svg, .b-iconen .ing-i svg, .hfst-links li .ing-i svg { width: 62%; height: 62%; }
#printvak .b-iconen { display: none; } /* html2canvas tekent deze iconenrij niet goed; in de PDF weglaten */
@media (max-width: 520px) { .blader-knoppen { gap: 8px; } .blader-knoppen .teller { min-width: 0; flex: 1; font-size: 14px; } .blader-knoppen .knop { padding: 10px 16px; font-size: 15px; } }

/* Proefversie (gratis PDF/printen): PROEF op elke pagina; het betaalde boek heeft dit niet. */
#printvak.proef .pagina { position: relative; }
#printvak.proef .pagina::after { content: "PROEF"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-35deg); font: 800 34mm/1 system-ui, sans-serif; letter-spacing: 4mm; color: rgba(140, 140, 140, .38); pointer-events: none; z-index: 9; }

/* Verbeterronde 17-10 (concurrentie): verhaal bij recept, voorwoord, wie kookte mee, register */
.b-verhaal { margin: 2.5mm 0 0; padding: 0 0 0 3mm; border-left: 0.6mm solid var(--cat); font-family: "Caveat", cursive; font-size: 13pt; line-height: 1.2; color: var(--inkt-b); }
.voorwoord { padding: 22mm 18mm; }
.voorwoord h2 { font-size: 20pt; margin-bottom: 6mm; }
.voorwoord p { margin: 0 0 4mm; font-size: 10.5pt; line-height: 1.55; }
.koks h2, .register h2 { font-size: 20pt; margin-bottom: 5mm; }
.koks ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 3.5mm; }
.koks li b { display: block; font-family: "Caveat", cursive; font-size: 16pt; font-weight: 400; }
.koks li span { font-size: 8.5pt; color: var(--zacht); }
.koks li em { font-style: normal; font-variant-numeric: tabular-nums; color: var(--inkt-b); }
.register ul { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 7mm; font-size: 8.5pt; }
.register li { display: flex; justify-content: space-between; gap: 2mm; break-inside: avoid; padding: .4mm 0; }
.register li b { font-weight: 400; color: var(--zacht); font-variant-numeric: tabular-nums; white-space: nowrap; }
.register .rg-kop { display: block; font-family: "Young Serif", Georgia, serif; font-size: 10.5pt; margin: 2.5mm 0 1mm; break-after: avoid; }

/* ===== Boekstijlen (17-10). Klassiek = de basis hierboven. Ingesteld met data-stijl op <body>. ===== */
/* Fris: wit papier, strakke letter, lichte voorkant met kleurband */
[data-stijl="fris"] .pagina { --papier-b: #ffffff; --inkt-b: #1d2327; --zacht: #505b62; }
[data-stijl="fris"] .pagina h1, [data-stijl="fris"] .pagina h2, [data-stijl="fris"] .pagina h3,
[data-stijl="fris"] .hfst-links li span, [data-stijl="fris"] .inhoud li.i-kop, [data-stijl="fris"] .register .rg-kop { font-family: "Figtree", -apple-system, "Segoe UI", sans-serif; font-weight: 800; letter-spacing: -.01em; }
[data-stijl="fris"] .voorkant { background: #ffffff; color: #1d2327; justify-content: flex-end; text-align: left; padding: 18mm 14mm 26mm; }
[data-stijl="fris"] .voorkant::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 58%; background: linear-gradient(135deg, #e9eef0 0%, #dfe7ea 100%); }
[data-stijl="fris"] .voorkant > * { position: relative; }
[data-stijl="fris"] .voorkant .vk-rand { display: none; }
[data-stijl="fris"] .voorkant h1 { font-size: 40pt; }
[data-stijl="fris"] .voorkant .vk-cats { margin: 0; justify-content: flex-start; }
[data-stijl="fris"] .voorkant .vk-aantal { left: 14mm; right: auto; color: #5e6a71; opacity: 1; }
[data-stijl="fris"] .r-kop { background: #ffffff; border-bottom-width: 1.2mm; }
[data-stijl="fris"] .r-feiten li { border-radius: 9mm; background: var(--cat-l); border-color: transparent; }
[data-stijl="fris"] .scheiding { background: var(--cat-l); color: var(--cat); }
[data-stijl="fris"] .scheiding .p-nr { color: var(--zacht); }
[data-stijl="fris"] .beeld, [data-stijl="fris"] .hfst-links { background: #f4f6f7; }
[data-stijl="fris"] .b-tekst { border-top-width: 1.2mm; }
[data-stijl="fris"] .achterkant { background: #ffffff; color: #1d2327; }

/* Schrift: oud receptenschrift — gelinieerd papier, rode kantlijn, handschrift voor de koppen, kartonnen kaft */
[data-stijl="schrift"] .pagina { --papier-b: #fbf6e8; --inkt-b: #23324a; --zacht: #5a5446;
  background-color: #fbf6e8;
  background-image: linear-gradient(90deg, transparent 15mm, rgba(196, 69, 54, .45) 15mm, rgba(196, 69, 54, .45) 15.3mm, transparent 15.3mm),
    repeating-linear-gradient(180deg, transparent 0, transparent 7.1mm, rgba(80, 120, 170, .28) 7.1mm, rgba(80, 120, 170, .28) 7.35mm);
  padding-left: 19mm; }
[data-stijl="schrift"] .pagina h1, [data-stijl="schrift"] .pagina h2, [data-stijl="schrift"] .pagina h3,
[data-stijl="schrift"] .hfst-links li span, [data-stijl="schrift"] .inhoud li.i-kop, [data-stijl="schrift"] .register .rg-kop { font-family: "Caveat", cursive; font-weight: 700; }
[data-stijl="schrift"] .r-kop h2 { font-size: calc(27pt * var(--schaal)); }
[data-stijl="schrift"] .b-tekst h2 { font-size: 30pt; }
[data-stijl="schrift"] .r-romp h3 { font-size: 15pt; }
[data-stijl="schrift"] .voorkant { background: #b48a5e; background-image: none; color: #2b2116; padding: 20mm 16mm; }
[data-stijl="schrift"] .voorkant .vk-rand { inset: 30mm 14mm auto; height: 62mm; background: #fbf6e8; border: 0.5mm solid #2b2116; border-radius: 2mm; }
[data-stijl="schrift"] .voorkant { justify-content: flex-start; padding-top: 38mm; }
[data-stijl="schrift"] .voorkant > *:not(.vk-rand) { position: relative; }
[data-stijl="schrift"] .voorkant h1 { font-size: 34pt; }
[data-stijl="schrift"] .voorkant .vk-cats { margin-top: 22mm; }
[data-stijl="schrift"] .voorkant .vk-aantal { color: #2b2116; opacity: .8; }
[data-stijl="schrift"] .r-kop { background: transparent; margin: 0 -12mm 0 -19mm; padding-left: 19mm; }
[data-stijl="schrift"] .scheiding, [data-stijl="schrift"] .achterkant { background-color: #b48a5e; background-image: none; color: #2b2116; padding-left: 14mm; }
[data-stijl="schrift"] .scheiding .p-nr { color: rgba(43, 33, 22, .7); }
[data-stijl="schrift"] .beeld, [data-stijl="schrift"] .hfst-links { background-color: #fbf6e8; }
[data-stijl="schrift"] .beeld { padding-left: 0; background-image: none; }
[data-stijl="schrift"] .b-tekst { background: transparent; }
[data-stijl="schrift"] .r-feiten li, [data-stijl="schrift"] .r-tip { background: rgba(255, 255, 255, .55); }
[data-stijl="schrift"] .r-notities i, [data-stijl="schrift"] .invul i { border-bottom-color: transparent; }
[data-stijl="schrift"] .r-notities h3 { background: transparent; }

/* ===== Ronde 2 (21-10): lange titels en ingrediëntnamen lopen niet over de pagina ===== */
/* Lange woorden breken af als ze niet passen. word-break: break-word kent ook de PDF-maker (html2canvas). */
.pagina { overflow-wrap: break-word; word-break: break-word; }
.r-romp { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); }
.r-ing li > span, .r-stap li, .inhoud li span, .hfst-links li span, .register li span, .koks li, .b-tekst, .r-kop { min-width: 0; }
.register li b { white-space: normal; text-align: right; flex: 0 1 auto; max-width: 45%; }
.b-ring li span { max-width: 100%; }
/* Veel of lange tekst op andere pagina's: lettergrootte schaalt mee met --schaal (zie pasIn in boek.js). */
.voorkant h1 { font-size: calc(36pt * var(--schaal)); }
[data-stijl="fris"] .voorkant h1 { font-size: calc(40pt * var(--schaal)); }
[data-stijl="schrift"] .voorkant h1 { font-size: calc(34pt * var(--schaal)); }
.voorkant .vk-onder { font-size: calc(19pt * var(--schaal)); }
.opdracht .hand { font-size: calc(22pt * var(--schaal)); }
.opdracht .makers { font-size: calc(9pt * var(--schaal)); }
.voorwoord p { font-size: calc(10.5pt * var(--schaal)); }
.inhoud li.i-kop { font-size: calc(11.5pt * var(--schaal)); }
.b-tekst h2 { font-size: calc(24pt * var(--schaal)); }
[data-stijl="schrift"] .b-tekst h2 { font-size: calc(30pt * var(--schaal)); }
.b-van { font-size: calc(16pt * var(--schaal)); }
.b-verhaal { font-size: calc(13pt * var(--schaal)); }
.hl-kop { font-size: calc(18pt * var(--schaal)); }
.hfst-links ol { gap: calc(3mm * var(--schaal)); }
.hfst-links li { padding-bottom: calc(3mm * var(--schaal)); }
.hfst-links li span, .hfst-links li em { font-size: calc(12pt * var(--schaal)); }
.register ul { font-size: calc(8.5pt * var(--schaal)); }
.register .rg-kop { font-size: calc(10.5pt * var(--schaal)); }
.koks li b { font-size: calc(16pt * var(--schaal)); }
.koks li span { font-size: calc(8.5pt * var(--schaal)); }
.pagina.te-lang:not(.recept)::after { content: "Te veel tekst voor één pagina — maak de tekst korter"; }
.hfst-links li.hl-rest { grid-template-columns: 1fr; border-bottom: 0; }
.hfst-links li.hl-rest span { font-family: inherit; font-size: calc(10pt * var(--schaal)); color: var(--zacht); }
/* Fris en Schrift: "… recepten" onder de soorten in plaats van er (bij veel soorten) overheen */
[data-stijl="fris"] .voorkant .vk-aantal, [data-stijl="schrift"] .voorkant .vk-aantal { position: static; margin-top: 4mm; }