/* ==========================================================================
   Prentenboekpakket — accent tokens only (standard pakket-page layout).
   Shared rules live in pakket.css / pakket-mobile.css. Enqueued AFTER
   pakket.css so these vars are set for the .kpt-* / .kpm-pakket-* rules.
   Colour canon = the prentenboek card on the pakketten overview page.
   ========================================================================== */
:root {
    --pakket-accent: #00AA55;
    --pakket-on-accent: var(--color-white);
}

/* Mobile hero intro spacing. HISTORY: the old fanned-covers PNG (hp-prentenboek.png)
   carried ~18% transparent space on its bottom edge, so the intro was pulled up
   -60px to close the baked gap. That image was replaced (2026-06) with a tight
   crop, Pakketten-mobiel-prentenboek.png (470×413, only ~2px = 0.5% bottom
   whitespace), so the -60px pull now yanks the intro text ONTO the book covers —
   the mobile overlap Willem reported 2026-08-26. The tight image needs no pull;
   the shared __books margin-bottom (20px) is already a clean reading gap. A fixed
   px pull against a width-scaling image is fragile, so we don't reintroduce one.
   Prentenboek-only: this stylesheet is enqueued solely on the prentenboek page,
   and .kpm-pakket-collectie is mobile-only markup. */
.kpm-pakket-collectie__desc {
    margin-top: 0;
}