.live-message--message figure figcaption,
.live-message--message .arena-image-caption {
    font-size: 14px;
    color: #767676;
}

/*
 * New-dashboard captions are a `<p><span class="ql-size-small arena-image-caption">` right
 * after the image paragraph (class added by custom.js). Mirror the old `figure figcaption`
 * look from the site's own styles: 5px below the image, 19px line-height, 16px before the
 * next block, 16px font on desktop.
 */
.live-message--message p:has(> arena-image, > img):has(+ p .arena-image-caption) {
    padding-bottom: 0;
}

.live-message--message p:has(> .arena-image-caption) {
    line-height: 19px;
    padding-top: 4px;
    padding-bottom: 16px;
}

.live-message--message .arena-image-caption {
    line-height: 19px;
}

@media (min-width: 64rem) {
    .live-message--message p:has(> .arena-image-caption) {
        padding-top: 5px;
    }

    .live-message--message .arena-image-caption {
        font-size: 16px;
    }
}