/* Image block — single figure (site/snippets/blocks/image.php) */

.block-image {
    margin-block: var(--space-l);
    scroll-margin-top: calc(var(--menubar-h) + var(--space-m));
    background-color: var(--color-bg);
}
.block-image__img {
    width: 100%;
    height: auto;
}
/* vertical: a portrait-ish figure capped at 60vh, centred */
.block-image--vertical {
    text-align: center;
}
.block-image--vertical .block-image__img {
    width: auto;
    max-height: 60vh;
    margin-inline: auto;
}

/* Gallery owns its own caption styling (see gallery.snippet.css). */
.block-image__caption,
.block-audio__caption {
    margin-top: var(--space-2xs);
    font-size: var(--fs-meta);
    color: var(--color-muted);
    line-height: var(--leading-tight);
}
.block-image__num {
    color: var(--color-fg);
}
.block-image__credits,
.block-audio__credits {
    display: block;
    --fa-italic: 40;
}