/**
 * Leespagina: boekbespreking en essay.
 *
 * Opzet is een bladzijde uit een boek. Warm papier als ondergrond, de tekst op
 * een vel met een zachte schaduw, een titelpagina met ornament, en links en
 * rechts bladerknoppen naar het vorige en volgende deel.
 */

.enno-leespagina {
    --papier: #f2ece2;
    --vel: #fffdf9;
    --inkt: #24211c;
    --inkt-zacht: #6f665b;

    position: relative;
    background:
        /* Nauwelijks zichtbare vlekjes: papier is nooit egaal. */
        radial-gradient(circle at 18% 22%, rgba(160, 140, 110, 0.05) 0, transparent 45%),
        radial-gradient(circle at 82% 68%, rgba(160, 140, 110, 0.045) 0, transparent 42%),
        var(--papier);
}

/* Even zwaar als de breedte-override in blog.css, anders komt deze onderruimte
   niet aan. */
body:not([class*="elementor-page-"]) .site-main.enno-leespagina {
    padding: 0 0 90px;
}

/* ==========================================================================
   Leesvoortgang
   ========================================================================== */
.enno-leesbalk {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(49, 63, 48, 0.09);
    z-index: 1000;
}

.enno-leesbalk span {
    display: block;
    height: 100%;
    width: 0;
    background: var(--accent-color);
    transition: width 0.1s linear;
}

/* ==========================================================================
   Het vel: even breed als de header (1450px met 40px marge)
   ========================================================================== */
.enno-vel {
    position: relative;
    max-width: 1450px;
    margin: 118px auto 0;
    padding: 70px 40px 70px;
    background: var(--vel);
    border: 1px solid rgba(180, 165, 140, 0.35);
    box-shadow:
        0 1px 2px rgba(60, 50, 35, 0.04),
        0 30px 70px -35px rgba(60, 50, 35, 0.5);
    box-sizing: border-box;
}

.enno-kruimels {
    font-family: var(--font-body);
    font-size: 0.66rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #b0a698;
    text-align: center;
    margin-bottom: 46px;
}

.enno-kruimels a { color: #a1978a; }
.enno-kruimels a:hover { color: var(--primary-color); }
.enno-kruimels span { margin: 0 10px; }

/* ==========================================================================
   Titelpagina van een boek: omslag naast het titelblok
   ========================================================================== */
/* Omslag, titelblok en duimregister; de rechtermarge stond leeg. */
.enno-spread {
    display: grid;
    grid-template-columns: minmax(170px, 280px) minmax(0, 1fr) 210px;
    gap: 52px;
    align-items: center;
    padding-bottom: 48px;
    border-bottom: 1px solid rgba(180, 165, 140, 0.4);
}

/* ==========================================================================
   Duimregister naast de titel
   ========================================================================== */
.enno-register {
    align-self: center;
    padding-left: 30px;
    border-left: 1px solid rgba(180, 165, 140, 0.45);
}

.enno-register-kop {
    font-family: var(--font-body);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    color: #b0a698;
    margin: 0 0 14px;
}

/* De alfabetcomponent hergebruiken, maar zonder paneel: hier is het een index.
   Zeven kolommen: 27 letters worden dan 7/7/7/6 in plaats van een losse rij van 2. */
.enno-register .enno-alfabet {
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    padding: 0;
    max-width: none;
    border: 0;
    background: transparent;
}

.enno-register .enno-letter {
    height: 27px;
    font-size: 0.76rem;
    font-weight: 500;
    border-radius: 2px;
}

/* Korte reeks (essays: 10 letters): vijf kolommen geeft twee volle rijen. */
.enno-register .enno-alfabet.is-kort {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.enno-register .enno-alfabet.is-kort .enno-letter { width: auto; }

.enno-register .enno-letter.is-actief {
    background: var(--primary-color);
    color: #fff;
}

.enno-register .enno-letter.is-leeg { color: #d3cabd; }

.enno-register-voet {
    margin: 16px 0 0;
    font-family: var(--font-body);
    font-size: 0.7rem;
}

.enno-register-voet a {
    color: var(--accent-color);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.enno-register-voet a:hover { color: var(--primary-color); }

.enno-spread-omslag {
    margin: 0;
    /* De template zet --enno-omslag-breedte inline; een inline max-width zou de
       mobiele bovengrens hieronder verslaan. */
    max-width: var(--enno-omslag-breedte, 300px);
}

.enno-spread-omslag { justify-self: center; }

.enno-spread-tekst { max-width: 620px; }

.enno-tp-auteur,
.enno-tp-rubriek {
    font-family: var(--font-body);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--accent-color);
    margin: 0 0 14px;
}

/* Haarlijnen weerszijden van de rubriek. */
.enno-tp-rubriek {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.enno-tp-rubriek::before,
.enno-tp-rubriek::after {
    content: '';
    width: 46px;
    height: 1px;
    background: rgba(192, 120, 88, 0.45);
}

.enno-tp-titel {
    font-family: var(--font-heading);
    font-size: 3.4rem;
    line-height: 1.06;
    letter-spacing: -0.6px;
    color: var(--inkt);
    margin: 0;
}

.enno-tp-uitgever {
    font-family: var(--font-lees);
    font-style: italic;
    font-size: 1.12rem;
    color: var(--inkt-zacht);
    margin: 14px 0 0;
}

.enno-tp-streep {
    width: 44px;
    height: 1px;
    background: var(--accent-color);
    margin: 22px 0 18px;
}

.enno-tp-meta {
    font-family: var(--font-body);
    font-size: 0.78rem;
    color: #9a9084;
    margin: 0;
}

.enno-tp-meta span[aria-hidden] { margin: 0 9px; }
.enno-tp-meta a { color: #9a9084; text-decoration: underline; text-underline-offset: 3px; }
.enno-tp-meta a:hover { color: var(--primary-color); }
.enno-tp-auteur-inline { font-weight: 600; color: var(--inkt-zacht); }

/* Essay gebruikt dezelfde spread als een boek; alleen de titel is iets kleiner. */
.enno-tp-titel.is-essay { font-size: 3rem; }

/* Passe-partout: een randje crème met een haarlijn eromheen. */
.enno-lijst {
    display: block;
    padding: 10px;
    background: #fffefb;
    border: 1px solid rgba(180, 165, 140, 0.5);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.8) inset,
        0 18px 34px -20px rgba(60, 50, 35, 0.55);
}

.enno-lijst img {
    display: block;
    width: 100%;
    height: auto;
}

.enno-spread-omslag .enno-lijst { padding: 8px; }

/* ==========================================================================
   Drie kolommen: plank, tekst, plank
   ========================================================================== */
.enno-body {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr) 210px;
    gap: 60px;
    align-items: start;
    margin-top: 10px;
}

.enno-kolom {
    /* 700px bij 20,5px EB Garamond geeft ongeveer 78 tekens per regel. */
    max-width: 700px;
    margin: 0 auto;
    width: 100%;
}

/* ==========================================================================
   Ornament tussen titelpagina en tekst
   ========================================================================== */
.enno-ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 46px 0 44px;
}

.enno-ornament span {
    display: block;
    width: 64px;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(160, 140, 110, 0.75), transparent);
}

.enno-ornament i {
    display: block;
    width: 6px;
    height: 6px;
    background: var(--accent-color);
    transform: rotate(45deg);
}

/* ==========================================================================
   De tekst
   ========================================================================== */
.enno-lees {
    font-family: var(--font-lees);
    font-size: 1.28rem;
    line-height: 1.75;
    color: var(--inkt);
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
}

.enno-lees > *:first-child { margin-top: 0; }

.enno-lees p { margin: 0 0 1.1em; }

/* Alinea's zonder witregel maar met inspringing, zoals in een roman. */
.enno-lees p + p {
    text-indent: 1.6em;
    margin-top: -0.35em;
}

/* Kapitaal bij essays; de eerste regel in kleinkapitaal als aanloop. */
.enno-lees.heeft-kapitaal > p:first-of-type::first-letter {
    float: left;
    font-family: var(--font-heading);
    font-size: 4em;
    line-height: 0.8;
    padding: 0.07em 0.1em 0 0;
    color: var(--inkt);
}

.enno-lees.heeft-kapitaal > p:first-of-type::first-line {
    font-variant-caps: small-caps;
    letter-spacing: 0.4px;
}

.enno-lees h1,
.enno-lees h2,
.enno-lees h3,
.enno-lees h4,
.enno-lees h5,
.enno-lees h6 {
    font-family: var(--font-heading);
    line-height: 1.24;
    color: var(--inkt);
    margin: 2em 0 0.6em;
    text-align: center;
    font-weight: 400;
}

.enno-lees h2 { font-size: 1.7rem; }
.enno-lees h3 { font-size: 1.42rem; }
.enno-lees h4 { font-size: 1.24rem; }
.enno-lees h5,
.enno-lees h6 { font-size: 1.1rem; }

/* Een kop begint een nieuwe passage: de alinea erna niet inspringen. */
.enno-lees h1 + p,
.enno-lees h2 + p,
.enno-lees h3 + p,
.enno-lees h4 + p,
.enno-lees h5 + p,
.enno-lees h6 + p,
.enno-lees blockquote + p,
.enno-lees figure + p,
.enno-lees ul + p,
.enno-lees ol + p {
    text-indent: 0;
    margin-top: 0;
}

.enno-lees a {
    color: var(--primary-color);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    text-decoration-color: rgba(49, 63, 48, 0.3);
}

.enno-lees a:hover {
    color: var(--accent-color);
    text-decoration-color: currentColor;
}

.enno-lees em { font-style: italic; }
.enno-lees strong { font-weight: 600; }

.enno-lees ul,
.enno-lees ol {
    margin: 0 0 1.25em;
    padding-left: 1.3em;
    text-align: left;
}

.enno-lees li { margin-bottom: 0.4em; }

.enno-lees blockquote {
    margin: 2em 0;
    padding: 0 34px;
    font-size: 1.1em;
    font-style: italic;
    color: #4c453c;
    text-align: center;
    border: 0;
}

.enno-lees blockquote p { text-indent: 0; margin-bottom: 0.6em; }
.enno-lees blockquote p:last-child { margin-bottom: 0; }

.enno-lees img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 2em auto;
    border-radius: 2px;
}

.enno-lees figure { margin: 2em 0; }
.enno-lees figure img { margin: 0; }

.enno-lees figcaption {
    font-family: var(--font-body);
    font-size: 0.78rem;
    color: #9a9084;
    margin-top: 10px;
    text-align: center;
}

.enno-lees table {
    width: 100%;
    border-collapse: collapse;
    margin: 2em 0;
    font-family: var(--font-body);
    font-size: 0.9rem;
    text-align: left;
    display: block;
    overflow-x: auto;
}

/* reset.css zet border-block-start op de eerste rij met een zwaardere
   selector; daarom die rij hier apart. */
.enno-lees thead:first-child tr:first-child th,
.enno-lees thead:first-child tr:first-child td,
.enno-lees caption + thead tr:first-child th,
.enno-lees caption + thead tr:first-child td {
    border-block-start: 1px solid rgba(180, 165, 140, 0.4);
}

.enno-lees th,
.enno-lees td {
    border: 1px solid rgba(180, 165, 140, 0.4);
    padding: 10px 14px;
    vertical-align: top;
}

.enno-lees th { background: rgba(180, 165, 140, 0.12); font-weight: 600; }

.enno-lees hr {
    border: 0;
    border-top: 1px solid rgba(180, 165, 140, 0.5);
    margin: 2.6em auto;
    width: 90px;
}

.enno-lees sup { font-size: 0.7em; }

/* ==========================================================================
   Boekenplank naast de tekst
   ========================================================================== */
.enno-plank {
    position: sticky;
    top: 128px;
    display: flex;
    flex-direction: column;
}

.enno-plank-kop {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 22px;
    font-family: var(--font-body);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    color: var(--accent-color);
}

/* Streepje dat de kop met de rand van het vel verbindt. */
.enno-plank-kop::after {
    content: '';
    flex: 1;
    height: 1px;
    background: rgba(160, 140, 110, 0.45);
}

.enno-plank.is-nieuwer .enno-plank-kop { flex-direction: row-reverse; }

.enno-plank-rij {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.enno-plank-item a {
    display: block;
    text-decoration: none;
    color: inherit;
}

.enno-plank-omslag {
    display: block;
    position: relative;
    width: 110px;
    aspect-ratio: 2 / 3;
    background: rgba(160, 140, 110, 0.12);
    border-radius: 1px 3px 3px 1px;
    overflow: hidden;
    /* Boekrug: een donkere strook links, en het blok staat licht gekanteld. */
    box-shadow:
        inset 5px 0 0 rgba(60, 50, 35, 0.16),
        0 14px 26px -14px rgba(60, 50, 35, 0.7);
    transform: rotate(-1.2deg);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.enno-plank.is-nieuwer .enno-plank-omslag { transform: rotate(1.2deg); }

.enno-plank-item a:hover .enno-plank-omslag {
    transform: rotate(0deg) translateY(-5px);
    box-shadow:
        inset 5px 0 0 rgba(60, 50, 35, 0.16),
        0 20px 34px -14px rgba(60, 50, 35, 0.8);
}

.enno-plank-omslag img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.enno-plank-leeg {
    display: block;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(
        135deg,
        rgba(160, 140, 110, 0.1) 0,
        rgba(160, 140, 110, 0.1) 6px,
        transparent 6px,
        transparent 12px
    );
}

/* De directe buur krijgt nadruk; de rest staat op de achtergrond. */
.enno-plank-item.is-buur .enno-plank-omslag { width: 132px; }

.enno-plank-item:not(.is-buur) { opacity: 0.62; }
.enno-plank-item:not(.is-buur):hover { opacity: 1; }

.enno-plank-titel {
    display: block;
    margin-top: 12px;
    font-family: var(--font-heading);
    font-size: 0.86rem;
    line-height: 1.3;
    color: var(--inkt);
}

.enno-plank-item a:hover .enno-plank-titel { color: var(--primary-color); }

.enno-plank-auteur {
    display: block;
    margin-top: 3px;
    font-family: var(--font-body);
    font-size: 0.7rem;
    color: #9a9084;
}

/* De legger waar de boeken op staan. */
.enno-plank-legger {
    display: block;
    height: 2px;
    margin-top: 26px;
    background: linear-gradient(to right, rgba(160, 140, 110, 0.55), rgba(160, 140, 110, 0.15));
    border-radius: 1px;
}

.enno-plank.is-nieuwer .enno-plank-legger {
    background: linear-gradient(to left, rgba(160, 140, 110, 0.55), rgba(160, 140, 110, 0.15));
}

/* ==========================================================================
   Afsluiting van het artikel
   ========================================================================== */
.enno-artikel-tags {
    margin: 55px 0 0;
    padding-top: 24px;
    border-top: 1px solid rgba(180, 165, 140, 0.4);
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: #9a9084;
    text-align: center;
}

.enno-tags-label {
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-weight: 600;
    margin-right: 8px;
}

.enno-artikel-navigatie {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 60px;
    padding-top: 34px;
    border-top: 1px solid rgba(180, 165, 140, 0.4);
}

.enno-artikel-navigatie a {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 20px 22px;
    border: 1px solid rgba(180, 165, 140, 0.45);
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.55);
    transition: border-color 0.25s ease, background-color 0.25s ease;
}

.enno-artikel-navigatie a:hover {
    border-color: var(--primary-color);
    background: #fff;
}

.enno-artikel-navigatie span {
    font-family: var(--font-body);
    font-size: 0.68rem;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: var(--accent-color);
    font-weight: 700;
}

.enno-artikel-navigatie strong {
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: 1.02rem;
    line-height: 1.3;
    color: var(--inkt);
}

.enno-nav-volgende { text-align: right; align-items: flex-end; }

/* ==========================================================================
   Responsief
   ========================================================================== */
@media (max-width: 1400px) {
    .enno-body { grid-template-columns: 190px minmax(0, 1fr) 190px; gap: 44px; }
    .enno-plank-item.is-buur .enno-plank-omslag { width: 120px; }
}

@media (max-width: 1180px) {
    /* Te weinig ruimte voor twee planken: alleen de vooruitblik blijft staan. */
    .enno-body { grid-template-columns: minmax(0, 1fr) 200px; gap: 44px; }
    .enno-plank.is-ouder { display: none; }
    /* Register past er niet meer bij naast een smallere titelkolom. */
    .enno-spread { grid-template-columns: minmax(160px, 230px) minmax(0, 1fr); gap: 44px; }
    .enno-register { display: none; }
    .enno-tp-titel { font-size: 2.7rem; }
    .enno-tp-titel.is-essay { font-size: 2.5rem; }
}

@media (max-width: 940px) {
    /* Planken helemaal weg; het blok onderaan neemt de navigatie over. */
    .enno-body { display: block; }
    .enno-plank { display: none; }
    .enno-vel { margin: 100px 20px 0; padding: 55px 34px 55px; }
    .enno-kolom { max-width: 100%; }
}

@media (max-width: 640px) {
    .enno-leespagina { padding-bottom: 55px; }

    .enno-vel {
        margin: 84px 0 0;
        padding: 42px 22px 45px;
        border-left: 0;
        border-right: 0;
    }

    .enno-kruimels { margin-bottom: 28px; font-size: 0.62rem; }

    .enno-spread {
        grid-template-columns: 1fr;
        gap: 26px;
        padding-bottom: 34px;
        justify-items: center;
        text-align: center;
    }
    .enno-register { display: none; }
    .enno-spread-omslag { max-width: min(var(--enno-omslag-breedte, 300px), 175px); }
    .enno-tp-streep { margin-left: auto; margin-right: auto; }

    .enno-tp-titel { font-size: 1.95rem; }
    .enno-tp-titel.is-essay { font-size: 1.85rem; }
    .enno-ornament { margin: 32px 0 30px; }
    .enno-ornament span { width: 44px; }

    /* Uitvullen geeft in een smalle kolom te grote woordgaten. */
    .enno-lees {
        text-align: left;
        font-size: 1.12rem;
        line-height: 1.7;
    }

    .enno-lees p + p { text-indent: 1.2em; }
    .enno-lees.heeft-kapitaal > p:first-of-type::first-letter { font-size: 3.3em; }

    .enno-artikel-navigatie { grid-template-columns: 1fr; margin-top: 42px; }
    .enno-nav-volgende { text-align: left; align-items: flex-start; }
}

/* ==========================================================================
   Printen
   --------------------------------------------------------------------------
   Onder een bespreking staat een knop die window.print() aanroept. Wat er dan
   op papier hoort te komen is de bespreking zelf: omslag, schrijver, titel,
   uitgever, datum en de tekst. Al het andere is navigatie of decoratie en
   verdwijnt hier. Onderaan komt de bronregel in beeld die op het scherm juist
   verborgen is, zodat een los vel papier terug te vinden is.
   ========================================================================== */

/* Op het scherm horen de bron en het briefhoofd er niet te staan; die zijn
   er voor het papier. */
.enno-printkop,
.enno-printvoet {
    display: none;
}

/* Alleen bij het printen zijn dit tabelvakken; hier laten ze hun kinderen
   gewoon door, alsof ze er niet staan. */
.enno-printromp,
.enno-printrij,
.enno-printcel {
    display: contents;
}

.enno-printblok {
    margin: 34px 0 0;
    padding-top: 22px;
    border-top: 1px solid var(--enno-rand);
}

button.enno-printknop {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 16px;
    border: 1px solid var(--enno-rand);
    border-radius: 3px;
    background: none;
    font-family: var(--font-body);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.6px;
    color: #6f665b;
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}

button.enno-printknop:hover,
button.enno-printknop:focus-visible {
    border-color: var(--accent-color);
    background: var(--box-bg);
    color: var(--primary-color);
}

button.enno-printknop:focus-visible {
    outline: 2px solid var(--accent-color);
    outline-offset: 2px;
}

@media print {
    /* De koptekst apart: style.css zet daar display met !important op
       body .site-header:not(.dynamic-header), gewicht (0,3,1). Een enkele klasse
       verliest daarvan, ook met !important, dus dezelfde vorm aanhouden. */
    body .site-header,
    body .site-header:not(.dynamic-header) {
        display: none !important;
    }

    /* Navigatie, decoratie en alles wat naar elders wijst. */
    .site-footer,
    .enno-mobielmenu,
    .enno-mobieloverlay,
    .enno-mobielknop,
    .enno-leesbalk,
    .enno-kruimels,
    .enno-register,
    .enno-plank,
    .enno-ornament,
    .enno-artikel-tags,
    .enno-artikel-navigatie,
    .enno-printknop,
    .enno-paginalinks {
        display: none !important;
    }

    @page {
        margin: 40mm 16mm 28mm;
    }

    html,
    body {
        background: #fff;
        color: #000;
        font-size: 11pt;
    }

    /* De kolommenopzet van het scherm heeft op papier geen zin: de zijkolommen
       zijn er niet meer, dus alles onder elkaar. */
    .enno-leespagina,
    .enno-vel,
    .enno-spread,
    .enno-body,
    .enno-kolom,
    .enno-lees {
        display: block;
        width: auto;
        max-width: none;
        margin: 0;
        padding: 0;
        border: 0;
        box-shadow: none;
        background: none;
    }

    .enno-spread-omslag {
        float: right;
        width: 38mm;
        margin: 0 0 8mm 8mm;
    }

    .enno-spread-omslag img {
        width: 100%;
        height: auto;
    }

    .enno-spread-omslag .enno-lijst {
        padding: 0;
        border: 1px solid #ccc;
    }

    .enno-tp-auteur {
        margin: 0 0 2mm;
        font-size: 11pt;
        letter-spacing: 1.5px;
        color: #000;
    }

    .enno-tp-titel {
        margin: 0 0 3mm;
        font-size: 22pt;
        line-height: 1.15;
        color: #000;
    }

    .enno-tp-uitgever,
    .enno-tp-meta {
        margin: 0 0 2mm;
        font-size: 9pt;
        color: #333;
    }

    .enno-tp-meta a {
        color: #333;
        text-decoration: none;
    }

    .enno-tp-streep {
        margin: 4mm 0;
        border-top: 1px solid #999;
        height: 0;
    }

    .enno-lees {
        font-family: 'EB Garamond', Georgia, serif;
        font-size: 11pt;
        line-height: 1.55;
        color: #000;
    }

    .enno-lees p {
        margin: 0 0 3mm;
        orphans: 3;
        widows: 3;
    }

    .enno-lees h2,
    .enno-lees h3 {
        break-after: avoid;
        page-break-after: avoid;
        color: #000;
    }

    .enno-lees img,
    .enno-lees figure,
    .enno-lees blockquote,
    .enno-lees table {
        break-inside: avoid;
        page-break-inside: avoid;
        max-width: 100%;
    }

    /* Een link is op papier alleen bruikbaar als het adres erbij staat. Alleen
       bij verwijzingen naar buiten; interne ankers zeggen niets. */
    .enno-lees a[href^="http"]::after {
        content: " (" attr(href) ")";
        font-size: 8pt;
        word-break: break-all;
        color: #555;
    }

    .enno-lees a {
        color: #000;
        text-decoration: underline;
    }

    /* Het briefhoofd: links het merk, rechts een lopende kop met schrijver,
       titel, rubriek en datum. Onderin uitgelijnd, zodat de onderkant van
       "Aan het roer" en die van de datum op dezelfde lijn liggen. */
    /* Kop en voet staan vast ten opzichte van het vel, en dat schildert de
       browser op elke pagina opnieuw. De ruimte ervoor komt uit de marges van
       @page, want die gelden per vel; opvulling in het document zou maar één
       keer tellen.

       De tabelaanpak (table-header-group) is netter omdat hij in de tekstloop
       staat, maar in een echte pdf bleek Chrome die koprij op vel twee gewoon
       weg te laten. Vandaar deze. */
    .enno-printkop,
    .enno-printvoet {
        /* Op het scherm staan ze op display: none; hier weer aanzetten. */
        display: block;
        position: fixed;
        left: 0;
        right: 0;
    }

    .enno-printkop {
        top: 0;
        padding: 12mm 16mm 0;
    }

    .enno-printvoet {
        bottom: 0;
        padding: 0 16mm 10mm;
    }


    .enno-printkop-binnen {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 10mm;
        padding-bottom: 4mm;
        border-bottom: 0.5pt solid #333;
    }

    .enno-printvoet-binnen {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 8mm;
        padding-top: 3mm;
        border-top: 0.5pt solid #bbb;
        font-family: 'Inter', Arial, sans-serif;
        font-size: 6.5pt;
        letter-spacing: 1.4px;
        color: #888;
    }

    .enno-printvoet-merk {
        text-transform: uppercase;
        font-weight: 600;
        white-space: nowrap;
    }

    .enno-printvoet-bron {
        overflow-wrap: anywhere;
        text-align: right;
    }

    .enno-printkop-merk {
        display: flex;
        align-items: flex-end;
        gap: 3mm;
        flex-shrink: 0;
    }

    .enno-printkop-veer {
        flex-shrink: 0;
        margin-bottom: 1mm;
    }

    .enno-printkop-naam {
        display: flex;
        flex-direction: column;
        gap: 0.8mm;
    }

    .enno-printkop-titel {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 14pt;
        line-height: 1;
        letter-spacing: 2.4px;
        text-transform: uppercase;
        color: #000;
    }

    .enno-printkop-onder {
        font-family: 'Inter', Arial, sans-serif;
        font-size: 6.5pt;
        font-weight: 600;
        letter-spacing: 3.2px;
        text-transform: uppercase;
        color: #555;
    }

    /* Dezelfde maat en kleur als de rubriekregel rechts, zodat de onderste
       regel van het briefhoofd links en rechts hetzelfde gewicht heeft. */
    .enno-printkop-gedrukt {
        margin-top: 1.4mm;
        font-family: 'Inter', Arial, sans-serif;
        font-size: 6.5pt;
        font-weight: 500;
        letter-spacing: 1.6px;
        text-transform: uppercase;
        color: #777;
    }

    /* De lopende kop. Rechts uitgelijnd tegen de kantlijn, zodat het geheel
       een balk vormt in plaats van twee losse blokjes. */
    .enno-printkop-stuk {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 0.8mm;
        min-width: 0;
        text-align: right;
    }

    .enno-printkop-schrijver {
        font-family: 'Inter', Arial, sans-serif;
        font-size: 7pt;
        font-weight: 600;
        letter-spacing: 2.2px;
        text-transform: uppercase;
        color: #555;
    }

    .enno-printkop-werk {
        font-family: 'EB Garamond', Georgia, serif;
        font-style: italic;
        font-size: 13pt;
        line-height: 1.2;
        color: #000;
    }

    .enno-printkop-meta {
        margin-top: 1.4mm;
        font-family: 'Inter', Arial, sans-serif;
        font-size: 6.5pt;
        font-weight: 500;
        letter-spacing: 1.6px;
        text-transform: uppercase;
        color: #777;
    }

    .enno-printkop-punt {
        margin: 0 1.6mm;
    }

    /* Het blok met de printknop is op papier leeg. */
    .enno-printblok {
        display: none;
    }


}