main {
    margin: 20px;
    max-width: 600px;
}

figure {
    margin: 0;
    max-width: 100%;
    margin-bottom: calc(1em * var(--lheight));
    margin-right: calc(1em * var(--lheight));
    display: table;
    border-collapse: collapse;
}

figure img {
    display: block;
    max-width: 100%;
    /* max-height: 82.5vh; */
}

figcaption {
    font-size: var(--font-size-s);
    margin-top: .5em;
    display: table-caption;
    caption-side: bottom;
}


header, ul, p {
    padding-bottom: calc(1em * var(--lheight));
}

/* p:last-child {
    padding-bottom: 0;
} */

h1 {
     font-size: var(--font-size-xl);
     font-weight: bold;
}

h2 {
    font-size: var(--font-size-l);
     font-weight: bold;
}

.biblio {
    font-size: var(--font-size-s);
}

.biblio h1 {
    font-size: var(--font-size-m);
    padding-bottom: calc(1em * var(--lheight));
}

hr {
    border: 0;
    outline: 0;
    background: black;
    height: 1px;
    margin: calc(.5em * var(--lheight)) 0;
}

footer {
    margin-top: calc(1em * var(--lheight));
}