/*
 * PageTree default blocks - Image.
 * <figure class="ptb ptb-image ptb-image--auto|s|m|l|full ptb-align--left|center|right">
 */

:where(.ptb-image) {
    margin-inline: 0;
}

:where(.ptb-image__link) {
    display: inline-block;
    max-width: 100%;
}

:where(.ptb-image__img) {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

:where(.ptb-image--s) :where(.ptb-image__link, .ptb-image__img) { width: 100%; max-width: 320px; }
:where(.ptb-image--m) :where(.ptb-image__link, .ptb-image__img) { width: 100%; max-width: 560px; }
:where(.ptb-image--l) :where(.ptb-image__link, .ptb-image__img) { width: 100%; max-width: 800px; }
:where(.ptb-image--full) :where(.ptb-image__link, .ptb-image__img) { width: 100%; }

:where(.ptb-image__caption) {
    margin-top: 0.5rem;
    color: var(--ptb-muted);
    font-size: 0.875rem;
}