body.pin-fbody, div.pin-fbody {
    --doc-width: 21cm;
    --doc-height: 29.7cm;
    /* border: 1px solid red; */

    --color-fg: #dee2e6;
    --color-bg: #212529;

    --ff-body: 'JetBrains Mono';

    --color-link: #6ea8fe;
    --color-link-hover: #8CDCFE;
    --color-link-focus: #CBBA7D;

    --paragraph-prefix: '';
    --paragraph-prefix-inline: '§ ';

    --paragraph-padding: 1em;
    --paragraph-margin: 0.5em;

}

body.pin-fbody {
    color: var(--color-fg);
    background-color: var(--color-bg);
}

div.pin-fbody {
    nav .name::after {
        content: '';
    }

    h1 span.index::after {
        content: '.';
        color: var(--color-fg);
    }

    p {
        line-height: 1.5em;
    }
}