/** Figure Captions
 * Styling for images with captions
 */
.markdown-section figure {
    margin: var(--margin-block) auto;
    width: fit-content;
    max-width: 100%;
    text-align: center;

    img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
        border-radius: var(--border-radius);
    }

    figcaption {
        margin-top: 1em;
        padding: 0 1em;
        font-style: italic;
        color: var(--theme-color-6);
        line-height: 1.4;

        > :first-child {
            margin-top: 0;
        }

        > :last-child {
            margin-bottom: 0;
        }
    }
}