volumetric-regimes-book/command-line/css/print.css

:root{
    --font-size: 12px;
    --line-height: 18px;
    --small-font-size: 10px;
    --small-line-height: 15px;
    --h2-font-size: 21px;
    --h2-line-height: 27px;
    --first-indent: 7mm;
    --second-indent: 20mm;
}

/* --------------- */

/* h1: section titles */
/* h2: contribution titles */

/* --------------- */

@font-face{
    font-family: "bitter";
    src: url(../fonts/Bitter-Medium.ttf);
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: "bitter";
    src: url(../fonts/Bitter-MediumItalic.ttf);
    font-weight: normal;
    font-style: italic;
}
@font-face{
    font-family: "bitter";
    src: url(../fonts/Bitter-Bold.ttf);
    font-weight: bold;
    font-style: normal;
}
@font-face{
    font-family: "bitter";
    src: url(../fonts/Bitter-BoldItalic.ttf);
    font-weight: bold;
    font-style: italic;
}
@font-face{
    font-family: "bitter_semi";
    src: url(../fonts/Bitter-SemiBold.ttf);
    font-weight: normal;
    font-style: normal;
}

/* custom markers */

.page-break{
    page-break-after: always;
}
.column-break{
    /* does not work from this stylesheet, rule gets removed by paged.js??? */
    /* only worked once inserted directly into the HTML */
    break-after: column; 
    display: block;
}
    .column-break + p{
        orphans: 8;
    }
div.no-hyphens{
    hyphens: none !important;
}
div.no-indent p{
    text-indent: unset !important;
}
    div.contribution.bugged-report div.no-indent p{
        width: 100%;
        margin-bottom: var(--line-height);
    }
    div.contribution.bugged-report div.right-align{
        text-align: right;
        margin-left: 0;
        margin-bottom: var(--line-height);
    }

/* general */

body{
    font-family: "bitter";
    font-size: var(--font-size);
    line-height: var(--line-height);
    letter-spacing: 0.01em;
    /*hyphens: auto;*/
    /*-webkit-hyphenate-limit-chars: 8 2 4;*/ /* word length, minimum number of characters before and after the hyphen -- does not work in chrome */
    orphans: 0; /* Default is 2. These might trigger disappearing sentences at pagebreak? https://mattermost.pagedmedia.org/pagedmedia/pl/xsetebgcbbddzggwbbn93e5k1a */
    widows: 0; /* Default is 2. These might trigger disappearing sentences at pagebreak? https://mattermost.pagedmedia.org/pagedmedia/pl/xsetebgcbbddzggwbbn93e5k1a */
}

@page{
    /*size: 152.4mm 228.6mm;*/ /* Size of the online PDF */
    /*size: 152mm 229mm;*/ /* Size listed in cover generator of Lightning Source */
    /*size: 164mm 237mm;*/ /* Size of the physical printed DB06 book */
    /*size: 576px 864px;*/
    size: 152mm 229mm; 
    bleed: 3mm; 
    marks: crop;

    @bottom-center{
        content: counter(page);
        font-size: 9.5pt;
        margin-top: -6mm;
    }
}
@page:right{
    /*margin: 55px 18mm 80px 29.125mm;*/
    /*margin: 14.758mm 18mm 21.225mm 29.125mm;*/
    /* --- new margins after final trim size is 0.4mm less wide --- */
    margin: 55px 17.8mm 80px 28.975mm;
}
@page:left{
    /*margin: 55px 29.125mm 80px 18mm;*/
    /*margin: 14.758mm 29.125mm 21.225mm 18mm;*/
    /* --- new margins after final trim size is 0.4mm less wide --- */
    margin: 55px 28.975mm 80px 17.8mm;
}
@page:right{
    /* running header: contribution title (taken from the h2 of the contribution) */
    @top-center{
        content: string(contributiontitle);
        font-size: 8pt;
        text-transform: uppercase;
        margin-top: 5mm;
    }
}
@page:left{
    /* running header: section title (taken from the h1 of the section) */
    @top-center{
        content: element(sectiontitle);
        font-size: 8pt;
        text-transform: uppercase;
        margin-top: 5mm;
    }
}

@page:first{
    /* cover */
    /*background: linear-gradient(180deg, #787cc0, #c0c1e7);*/
    background: linear-gradient(180deg, #3741ea, #c0c1e7);

    @top-center{
        content: none;
    }
    @bottom-center{
        content: none;
    }
}
@page backcover{
    /* backcover */
    /*background: linear-gradient(180deg, #787cc0, #c0c1e7);*/
    background: linear-gradient(180deg, #3741ea, #c0c1e7);

    @top-center{
        content: none;
    }
    @bottom-center{
        content: none;
    }
}

@page section{
    /* section title pages -- color */
    /*background: linear-gradient(180deg, #3741ea, #c0c1e7);*/
    /* section title pages -- black and white */
    background: linear-gradient(180deg, #444444, #d1d1d1);
    color: white !important;

    @top-center{
        content: none;
    }
    @bottom-center{
        color: white !important;
    }
}
    @page section:first{    
 
        @bottom-center{
            content: none;
        }
    }
@page contribution:first{
    /* exception for running-header on the first page of a contribution */
    margin-top: 127px;

    @top-center{
        content: none;
    }
}
@page nomarks{

    @top-center{
        content: none;
    }
    @bottom-center{
        content: none;
    }
}
@page nomarkssmallmargins:right{

    @top-center{
        content: none;
    }
    @bottom-center{
        content: none;
    }
}
@page nomarkssmallmargins:left{

    @top-center{
        content: none;
    }
    @bottom-center{
        content: none;
    }
}
@page:blank{ 

    @top-center{
        content: none;
    }
    @bottom-center{
        content: none;
    }
}
/* for fullpage image contributions */
@page fullpage{
    margin: 0 !important;

    @top-center{
        content: none;
    }
    @bottom-center{
        content: none;
    }
}

/* sections -- page flows */

div.section{
    page: section;
    /* force an extra blank page before each section ... */
    page-break-before: left;
}
    div.section.intro{
        /* exception for the intro section, as there is no title page for this section */
        page: contribution !important;
    }
    div.section.toc,
    div.section.intro{
        /* exception for the section of the toc and intro, as it needs to be on the right */
        page-break-before: right !important;
    }
    div.section h1{
        /* ... and make sure that each section starts on the right */
        page-break-before: right;
    }
div.multi{
    counter-reset: page 1;
}

/* sub-sections -- page flows */

div.multi,
div.preface, 
div.introduction, 
div.contribution{
    page-break-before: right; 
}
    div.preface,
    div.acknowledgements,
    div.introduction,
    div.contribution,
    div.appendix{
        page: contribution;
    }
div.section.nomarks,
div.section.toc,
/*div.contribution.beirut-82 div.thumb,*/
div.enlarged-image{
    page: nomarks;
}
div.special_image_treatment.userinfo{
    page: nomarkssmallmargins;
}
div.cover.second,
div.multi,
div.series{
    page-break-after: always;
}
/* force extra page-break for section title pages to start on the left */
div.contribution.so-called-plants,
div.contribution.invasive-imagination,
div.contribution.interview-phil{
    page-break-after: always;
}
div.appendix{
    page-break-before: always;
}
    div.appendix.letter{
        page-break-before: right;
    }
    div.appendix.previously_published{
        hyphens: none !important;
    }
    div.appendix.item_index{
        page-break-before: right; !important;
    }
div.backcover{
    page-break-before: left;
    page: backcover;
}

/* sub-sections -- lay-out rules */

div.cover,
div.backcover{
    hyphens: none;
    margin: -7.5mm 0 0 20mm;
}
    div.cover,
    div.cover ul li,
    div.backcover b{
        font-size: 17pt;
        font-family: "bitter_semi";
        line-height: 1.4;
        letter-spacing: 0.025em;
        color: white;
        font-weight: bold;
    }
    div.cover ul{
        padding: 0;
        margin: 2em 0;
    }
    div.cover ul li{
        margin-bottom: 0.1em !important;
    }
    div.cover.second,
    div.cover.second ul li{
        color: black;
    }
    div.backcover{
        color: white;
    }
        div.backcover b{
            margin-left: 0; 
        }
        div.backcover p{
            margin-bottom: var(--line-height);
        }

div.series{
    font-size: var(--small-font-size);
    line-height: var(--small-line-height);
    hyphens: none;
}
    div.series.about{
        width: 50%;
    }      
    div.series.colophon{
        columns: 2 auto;
        column-gap: 8mm;
        column-fill: auto;
        height: 207mm;
    }
    div.series p{
        margin-bottom: var(--small-line-height);
    }

/* Table of Contents */
div.toc *{
    font-size: var(--font-size);
    hyphens: none;
}
    /* the word "Content" at the top of the page */
    div.toc > p:first-of-type{
        font-size: 16pt !important;
        font-family: "bitter_semi";
        line-height: 22pt;
        letter-spacing: 0.025em;
        margin: -26px 0 33px var(--second-indent) !important;
    }
    div.toc a::before{
        content: target-counter(attr(href url), page);
        float: left;
        font-weight: normal;
        margin-left: -13.5mm;
    }
    div.toc p{
        margin-top: 1.5em;
        margin-left: 7mm;
    }
    div.toc ul{
        margin: var(--line-height) 0 0 10mm !important;
    }
        div.toc ul li{
            margin-bottom: 0.5em;
        }
        
        /* forcing "Signs of clandestine" in toc to next page */
        div.toc ul:nth-of-type(5) {
            page-break-before: avoid;
        }

        /* disabling wiki-only entries */

        div.toc ul:nth-of-type(2) li:last-of-type {
            /* The Extended Trans*feminist Rendering Program */
            display: none;
        }
        div.toc ul:nth-of-type(3) li:last-of-type {
            /* Comprehensive Features */
            display: none;
        }
        div.toc ul:nth-of-type(4) li:nth-of-type(3) {
            /* somatopologies: a guided tour II  */
            display: none;
        }

div.introduction,
div.contribution{
}
    div.introduction h1{
        display: none;
    }
    div.contribution h2 + p > b{
        font-weight: normal;
    }

div.item_index{
    hyphens: none;
}
    div.item_index ul{
        column-gap: 10mm;
        padding: 0;
    }
    div.item_index li{
        margin-bottom: 0 !important;
        text-indent: -7mm;
        margin-left: 7mm;
    }
    div.item_index li span.item-refs a::after{
        content: target-counter(attr(href), page);
        font-weight: bold;
    }
    div.item_index li span.item_nr{
        width: 10mm;
        text-align: right;
    }

div.two-columns{
    columns: 2 auto; 
    column-fill: auto;
    column-gap: 14mm;
}
    /*div.two-columns img,*/
    div.two-columns div.thumb{
        display: block;
        float: left;
    }
    div.two-columns img,
    div.two-columns div.thumb img{
        width: 55mm !important; 
    }
    div.two-columns div.thumbcaption{
        width: 48mm;
    }

/* general elements*/

span.star{
    /*  ----> ✶ <---  */
    font-family: monospace;
    vertical-align: inherit;
    line-height: 0;
}

h1{
    /* section titles */
    font-size: 44px;
    line-height: 52px;
    margin: 0;
    word-break: normal;
    hyphens: manual !important;
}
    /* h1's are followed by a <span class="running-header-section"></span> */
    .running-header-section{
        position: running(sectiontitle);
    }
h2{
    /* Contribution titles */
    string-set: contributiontitle content(text) !important; 
    font-family: "bitter_semi";
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
    letter-spacing: 0.025em;
    margin: 0 0 0.2em 0;
    hyphens: none;
}

    /* title wrapper, to take these out of the baseline */
    div.title-wrapper{
        position: absolute;
        margin: -97px 0 var(--h2-font-size) var(--second-indent);
    }
        div.title-wrapper p{
            position: absolute;
            width: 80mm;
        }
        /* exception for titles with 3 lines (the introduction + signs of clandestine disorder) */
        div.signs-of-clandestine div.title-wrapper h2,
        div.introduction div.title-wrapper h2{
            margin: 0 !important;
            padding: 0 !important;
        }
        div.signs-of-clandestine div.title-wrapper p,
        div.introduction div.title-wrapper h2 + p{
            position: absolute;
            width: 80mm;
            top: 94px !important;
            line-height: 0 !important;
        }

    div.preface h2,
    div.introduction h2,
    div.contribution h2{
        margin-bottom: 0.2em !important;
    }
    /* author names */
    div.preface h2 + p,
    div.title-wrapper + p,
    div.introduction h2 + p,
    div.contribution h2 + p{
        margin-left: 0 !important;
        text-indent: unset !important;
    }
        div.preface h2 + p > b,
        div.introduction h2 + p > b,
        div.contribution h2 + p > b{
            font-weight: normal !important;
        }
h3{
    /* Sub-headers + Notes/References sections + TOC headers*/
    font-size: var(--font-size);
    line-height: var(--line-height);
    page-break-after: avoid;
    margin: var(--line-height) 0 0 var(--second-indent);
    letter-spacing: 0.05em;
    hyphens: none;
}
    div.contribution.information-for-users h3{
        margin-bottom: var(--line-height) !important;
    }
    div.contribution.bugged-report h3{
        margin-bottom: var(--line-height) !important;
    }
    div.introduction + h3{
        margin-top: 0 !important;
    }
    /* exception for bugged report h3 above notes */
    div.contribution.bugged-report ol.references{
        margin-top: -18px !important;
    }
    /* exception for fragility of life h3 above notes */
    div.contribution.fragility-of-life h3{
        margin-top: 12px !important;
    }
h4{
    /* Sub-sub-headers */
    font-size: 100%;
    page-break-after: avoid;
    margin: var(--line-height) 0 0 var(--second-indent);
    hyphens: none;
    font-style: italic;
    font-weight: normal;
}
h5, h6{
    margin: 0 0 var(--line-height) 0;
    page-break-after: avoid;
    hyphens: none;
}
.no-margin-top > *,
.no-margin-top img{
    margin-top: 0 !important;
}
p{
    text-indent: var(--first-indent);
    margin: 0;
    padding: 0;
}
    /* all exceptions on the text-indent */
    div.title-wrapper + p,
    div.title-wrapper + div + p,
    div.note > p,
    div.no-margin-top + p,
    p.image + p,
    div.list-without-markers p,
    div.no-text-indent p,
    div.toc p,
    h2 + p, /* author name */
    h2 + p,
    h2 + p + p + blockquote + p,
    div.contribution.information-for-users h2 + p + p,
    div.contribution h2 + p + p + div.thumb,
    div.contribution h2 + p + div.thumb,
    h3 + p,
    div.thumb + p,
    div.portrait + p,
    h4 + p,
    div.series p,
    div.cover p,
    div.biographies p,
    div.previously_published p,
    div.backcover p,
    blockquote p,
    table p,
    pre + p,
    div.quote + p,
    blockquote + p,
    ul + p,
    ol + p{
        text-indent: unset !important;
    }
    div.previously_published p,
    div.biographies p{
        margin-bottom: var(--line-height);
    }
    div.contribution.information-for-users div.title-wrapper + p + p > b,
    div.contribution.ultrasonic-dreams div.title-wrapper + p + p > b{
        margin-left: -7mm;
    }
    div.force-text-indent {
        display: block;
        text-indent: var(--first-indent) !important;
    }

ul{
    margin: 18px 0 !important;
}
ul > li {
    list-style: none;
    text-indent: 0;
    margin-bottom: var(--line-height);
}
    div.contribution ul > li::before{
        content: "- ";
        margin-left: -3.5mm;
        margin-right: 1.5mm;
    }
    /* Mysteriously enough... these rules don't work??? */
    div.cover ul > li::before,
    ul.references > li::before,
    div.toc ul > li::before,
    div.bibliography ul > li::before,
    div.item_index ul > li::before {
        content: none !important;
        margin-left: unset;
        margin-right: unset;
        margin-bottom: unset;
    }

    div.contribution.ultrasonic-dreams li,
    div.contribution.lidar li,
    div.contribution.clandestine li,
    div.contribution.information-for-users li{
        margin-bottom: 0 !important;
    }

    div.list-without-markers{
        text-indent: -0.8em !important;
    }
        div.contribution.so-called-plants div.list-without-markers{
            text-indent: -1em !important;
        }
        div.list-without-markers ul > li{
            text-indent: -1em !important;
        }
        div.list-without-markers ul > li::before{
            content: none !important;
            margin-left: unset;
            margin-right: unset;
        }
        div.contribution div.list-with-custom-markers ul > li{
            text-indent: 0 !important;
        }
        div.contribution div.list-with-custom-markers ul > li::before{
            content: none !important;
            margin-left: unset;
            margin-right: unset;
        }
        div.contribution div.list-with-custom-markers ul > li > span.custom-marker{
            display: inline-block;
            text-indent: -0.85em !important;
            margin-left: -0.25em;
        }

    /* notes (ol.references) and references (ul.references) and bibliography (div.two-columns) */
    div.bibliography ul,
    ol.references,
    ul.references{
        font-size: var(--small-font-size);
        line-height: var(--small-line-height);
        columns: 2 auto;
        column-gap: 7mm;
        margin: 0 1em !important;
        padding: 0;
        orphans: 3;
    }
        div.bibliography li,
        ol.references li,
        ul.references li{
            hyphens: none !important;
            page-break-inside: auto !important;
        }
        div.bibliography li,
        ul.references > li{
            text-indent: -1em;
            margin-bottom: unset !important;
        }

    div.note{
        font-size: var(--small-font-size);
        line-height: var(--small-line-height);
        width: 50mm;
        margin: 0;
        hyphens: none;
    }
img{
    position: relative;
    display: block;
    width: 105mm; /* full text width */
    height: auto;
    max-height: 200mm;
    margin: var(--line-height) 0 12px 0;

    /* PRINT PDF - GRAYSCALE */
    /*filter: grayscale(100%);*/
}
    div.thumb{
        /* sometimes wrapper of img + image caption */
        font-size: var(--small-font-size);
        line-height: var(--small-line-height);
        margin: var(--line-height) 0 var(--line-height) var(--first-indent);
        page-break-inside: avoid;
        break-inside: avoid;
        hyphens: none;
    }
    div.thumb div.thumbinner{
        width: unset !important;
    }
    div.thumb img{
        margin-left: -7mm !important; /* same as first-indent but inverted */
    }
    div.portrait div.thumb img{
        width: auto !important;
        min-width: 60mm;
    }
    div.fullpage{
        page: fullpage !important;
    }
        div.fullpage div.thumb{
            margin: 0 !important;
        }
        /* Exception for circluding */
        div.circludingcontainer{
            position: relative;
            width: 100%;
            height: 100%;
        }
        div.fullpage.circluding{
            position: absolute;
            background-size: contain;
            width: 155.4mm;
            height: 234.6mm;
            top: -3mm;
            page-break-before: always;
        }
            div.fullpage.circluding.right{
                background-image: url(../images/Fanziposter.png);
                margin-left: 0mm !important;
            }
            div.fullpage.circluding.left{
                background-image: url(../images/Fanziposter_verso.png);
                margin-left: -3mm !important;
            }
        div.contribution.circluding div.fullpage img{
            display: none;
        }
        div.fullpage div.thumb img{
            /* PREVIEW PDF -- these sizes only apply for the preview view! no bleed */
            /*width: 152.4mm;
            max-width: none;
            height: 228.6mm;
            max-height: 228.6mm;
            margin: -3mm 0 0mm -7mm !important;*/

            /* PRINT PDF -- these sizes only apply when the bleed is turned on */
            width: 155.4mm;
            max-width: none;
            max-height: 234.6mm;
            margin-top: 0mm !important;
            margin-bottom: 0 !important;
        }
            img[src="./images/Topology-typography-2B.svg"]{
                page-break-after: always;
            }

    /* Exception for User Info large small image */
    div.special_image_treatment.userinfo img{
        width: auto !important;
        max-width: auto !important;
        height: 200mm !important;
        max-height: 200mm !important;
        margin: 0;
    }
    /* Exception for Invasive Imagination images */
    div.invasive-imagination div.thumb{
        margin-bottom: 2em;
        width: 105mm !important;
    }
        div.invasive-imagination div.thumb img{
            width: 100% !important;
        }
        div.invasive-imagination div.thumb div.thumbcaption{
            width: calc(100% - 7mm);
        }
        div.invasive-imagination a[href="#File:Figure06.png"] img{
            width: 365px !important;
        }
    /* Exception for Maria Dada's images */
    div.contribution.beirut-82 div.thumb img{
        width: auto !important;
        max-width: auto !important;
        height: 68mm !important;
        margin: 0 !important;
    }
        div.contribution.beirut-82 div.thumb {
            display: inline-block;
            margin: calc(var(--line-height) - 4px) 0 -0.5em 0 !important;
        }
    /* Exception for So-called plants */
    div.contribution.so-called-plants img{
        width: 85mm !important;
        margin-left: var(--second-indent) !important;
        margin-bottom: 0 !important;
    }
    div.contribution.so-called-plants h4{
        margin-top: 9px !important;
    }

    /*div.enlarged-image img{
        width: auto !important;
        max-width: auto !important;
        height: 175mm !important;
        max-height: 175mm !important;
    }*/

    /* BASELINE FINAL TWEAKS */
    div[data-page-number="13"] div.thumb{
        margin-top: 17px;
    }
    div[data-page-number="35"] div.thumb{
        margin-bottom: 14px;
    }
    div[data-page-number="36"] div.thumb{
        margin-top: 24px;
        margin-bottom: 20px;
    }
    div[data-page-number="37"] div.thumb{
        margin-bottom: 20px;
    }
    div[data-page-number="39"] div.thumb{
        margin-bottom: 13px;
    }
    div[data-page-number="40"] div.thumb{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    div[data-page-number="42"] div.thumb{
        margin-bottom: 26px;
    }
    div[data-page-number="43"] div.thumb{
        margin-bottom: 22px;
    }
    div[data-page-number="44"] div.thumb{
        margin-bottom: 23px;
    }
    div[data-page-number="46"] div.thumb{
        margin-bottom: 17px;
    }
    div[data-page-number="47"] div.thumb{
        margin-top: 23px;
        margin-bottom: 27px;
    }
    div[data-page-number="48"] div.thumb{
        margin-top: 16px;
        margin-bottom: 15px;
    }
    div[data-page-number="51"] div.thumb{
        margin-bottom: 16px;
    }
    div[data-page-number="53"] div.thumb{
        margin-top: 14px;
        margin-bottom: 13px;
    }
    div[data-page-number="56"] div.thumb{
        margin-bottom: 12px;
    }
    div[data-page-number="62"] pre{
        margin-top: calc(var(--line-height) - 2px);
        margin-bottom: calc(var(--line-height) - 2px);
    }
    div[data-page-number="63"] div.thumb{
        margin-bottom: 20px;
    }
    div[data-page-number="66"] pre{
        margin-top: calc(var(--line-height) - 2px);
        margin-bottom: calc(var(--line-height) - 2px);
    }
    div[data-page-number="67"] div.thumb{
        margin-bottom: 15px;
    }
    div[data-page-number="72"] div.thumb{
        margin-bottom: 22px;
    }
    div[data-page-number="88"] img[src="./images/Figure02.png"] {
        margin-top: -8px;
    }
    div[data-page-number="101"] div.thumb{
        margin-bottom: 19px;
    }
    div[data-page-number="110"] img[src="./images/File_manager_overview.png"] {
        margin-bottom: 11px;
    }
    div[data-page-number="114"] div.thumb{
        margin-bottom: 13px;
    }
    div[data-page-number="118"] div.thumb{
        margin-top: 22px;
        margin-bottom: 21px;
    }
    div[data-page-number="121"] div.thumb{
        margin-top: -4px;
        margin-bottom: 14px;
    }
    div[data-page-number="127"] div.thumb{
        margin-bottom: 20px;
    }
    div[data-page-number="128"] div.thumb{
        margin-top: -1px;
        margin-bottom: 14px;
    }
    div[data-page-number="129"] div.thumb{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    div[data-page-number="131"] div.thumb{
        margin-top: 21px;
        margin-bottom: 22px;
    }
    div[data-page-number="134"] div.thumb{
        margin-top: 19px;
        margin-bottom: 21px;
    }
    div[data-page-number="171"] div.thumb{
        margin-bottom: 16px;
    }
    div[data-page-number="178"] div.thumb{
        margin-bottom: 20px;
    }
    div[data-page-number="179"] div.thumb{
        margin-bottom: 27px;
    }
    div[data-page-number="180"] div.thumb{
        margin-bottom: 26px;
    }
    div[data-page-number="181"] div.thumb{
        margin-bottom: 19px;
    }
    div[data-page-number="182"] div.thumb{
        margin-bottom: 20px;
    }
    div[data-page-number="183"] div.thumb{
        margin-bottom: 26px;
    }
    div[data-page-number="195"] div.thumb{
        margin-top: -5px;
    }
    div[data-page-number="203"] p.image{
        margin-top: 21px;
        margin-bottom: 23px;
    }
    div[data-page-number="236"] div.thumb{
        margin-bottom: 22px;
    }
    div[data-page-number="247"] div.floatnone{
        margin-top: -6px;
    }
    div[data-page-number="252"] div.floatnone{
        margin-top: 5px !important;
    }
    div[data-page-number="254"] div.floatnone{
        margin-top: -7px;
    }
    div[data-page-number="257"] div.floatnone{
        margin-top: -2px;
    }
    div[data-page-number="279"] div.thumb{
        margin-top: 21px;
    }
    div[data-page-number="284"] p.image{
        margin-top: -2px !important;
    }
    div[data-page-number="285"] p.image{
        margin-bottom: 22px !important;
    }
    div[data-page-number="287"] p.image{
        margin-bottom: 20px !important;
    }
    div[data-page-number="292"] p.image{
        margin-bottom: 24px !important;
    }
    div[data-page-number="297"] div.thumb{
        margin-top: -2px;
        margin-bottom: 16px;
    }
    div[data-page-number="298"] div.thumb{
        margin-bottom: 20px;
    }
    div[data-page-number="300"] div.thumb{
        margin-top: 21px;
        margin-bottom: 20px;
    }
    div[data-page-number="305"] div.thumb{
        margin-bottom: 20px;
    }
    div[data-page-number="308"] div.thumb{
        margin-top: 19px;
        margin-bottom: 20px;
    }
    .contribution.so-called-plants div.floatnone + p{
        margin-left: var(--second-indent) !important;
        text-indent: unset !important;
    }

pre{
    /* BITTER VERSION */
    font-family: "bitter";
    font-size: var(--font-size);
    line-height: var(--line-height);
    hyphens: none;
    white-space: pre-line; 
    margin: calc(var(--line-height) - 1px) 0 calc(var(--line-height) - 1px) var(--second-indent);
    border: 1px solid rgba(0,0,0,0.2);
    padding: calc(var(--line-height) / 2) var(--line-height);
    page-break-inside: avoid;
}
    div.quote > pre{
        border: none;
        padding: 0;
        page-break-inside: unset;
        font-style: italic;
        white-space: pre-line; 
        word-wrap: break-word;
        line-height: var(--line-height);
        margin-bottom: var(--line-height);
    }
    div.contribution.so-called-plants pre{
        margin-top: 9px;
        margin-bottom: 15px;
    }
blockquote{
    margin: 0 0 0 var(--second-indent);
    font-style: italic;
}
    blockquote.pull{
        margin: var(--line-height) 0 var(--line-height) var(--second-indent) !important;
    }
table{
    width: 125mm !important;
    margin-left: -10mm !important;
    font-size: var(--small-font-size) !important;
    line-height: var(--small-line-height);
    hyphens: none;
    page-break-after: always;
}
    table p{
        margin-bottom: 15px !important;
    }
    td {
        vertical-align: top;
        padding: 0.5em !important;
    }
        td > p {
            margin-top: var(--small-line-height);
        }
        tr:first-of-type td {
            border: 0 !important;
            border-left: 1px solid black !important;
        }
        td:first-of-type{
            font-weight: bold;
            border: 0 !important;
            border-bottom: 1px solid black !important;
        }
        tr:last-of-type td{
            border-bottom: 0 !important;
        }
            tr:first-of-type td:first-of-type{
                border-left: 0 !important;
                border-bottom: 0 !important;
            }
            tr:first-of-type td:last-of-type{
                border-right: 1px solid black !important;
            }
        tr td:nth-of-type(2){
            min-width: 75px;
        }
sup{
    line-height: 0;
    font-size: 7pt;
    padding-left: 0.15mm;
    font-style: normal !important;
}
    div.thumbcaption sup,
    ul.references sup,
    ol.references sup{
        font-size: 6pt !important;
    }

a,
a:visited,
a:active,
a:hover{
    color: inherit;
    text-decoration: none;
    page-break-inside: avoid;
}
/* specific details, uitzonderingen */
a.external{
    word-break: break-all;
}
    /* Disable for item index */
    div.item_index a.external{
        word-break: unset !important;
    }

span.endash{
    letter-spacing: -0.05em;
    margin-left: -0.05em;
}
span.forced-hyphen::after{
    all: unset !important; 
    display: contents !important; 
    content: "\200B" !important;
}

@media print{
    html, body{
        background-color: transparent;
    }
    div#nav{
        display: none !important;
    }
}