figure.code {
    grid-column: 1 / -1;
    justify-self: center;
    max-width: 100%;

    padding: 1em;

    &>pre {
        margin: 0;
        border: solid 2px var(--color-grey-3);
        border-radius: 0.5ch;
        padding: 0.5lh 1ch;

        box-shadow: 4px 4px 4px 0px var(--color-grey-2);

        font-size: 0.8em;
    }

    &>figcaption {
        text-align: center;
    }
}

pre {
    margin: 1em;
    border-left: solid 2px var(--muted-font-color);
    padding: 0 1em;

    overflow-x: auto;
}