/* Shared with the project block editor; keep native column widths and stacking. */
/* Retained from the former Customizer: full-size figures have no bottom margin.
   Scoped to projects; modern grid/insets replace the old float/padding patches. */
:is(.cosma-project .cosma-content, .editor-styles-wrapper) figure.wp-block-image.size-full {
    margin-block-end: 0;
}
:is(.cosma-project .cosma-content, .editor-styles-wrapper) {
    font-size: var(--wp--custom--project--body-size);
    line-height: 1.5;
}
:where(.cosma-project .cosma-content, .editor-styles-wrapper) .wp-block-column {
    min-inline-size: 0;
    overflow-wrap: anywhere;
}
:is(.cosma-project .cosma-content, .editor-styles-wrapper) :is(.wp-block-image, .wp-block-video) figcaption {
    text-align: left;
    inline-size: min(100%, 24rem);
    font-size: var(--wp--custom--project--caption-size);
    line-height: 1.5;
    margin: 0.75rem 0 0 auto;
    padding: 0;
    float: none;
}
/* Existing facts are native paragraphs: italic labels, strong values, line breaks.
   Preserve their saved font size and text, without converting or rewriting blocks. */
:where(.cosma-project .cosma-content, .editor-styles-wrapper) p:has(> em):has(> strong):has(> br) {
    line-height: 1.6;
}
:where(.cosma-project .cosma-content, .editor-styles-wrapper) p:has(> em):has(> strong):has(> br) em {
    font-weight: 400;
    font-style: italic;
}
:where(.cosma-project .cosma-content, .editor-styles-wrapper) p:has(> em):has(> strong):has(> br) strong {
    font-weight: 900;
}

/* Keep native column proportions. Only exterior column edges may bleed. */
:is(.cosma-project .cosma-content, .editor-styles-wrapper) .wp-block-columns:has(.wp-block-image) {
    justify-content: space-between;
}
.cosma-project .cosma-content .wp-block-image {
    --cosma-image-start: 0px;
    --cosma-image-end: 0px;
    inline-size: calc(100% + var(--cosma-image-start) + var(--cosma-image-end));
    max-inline-size: none;
    margin-inline: calc(-1 * var(--cosma-image-start)) calc(-1 * var(--cosma-image-end));
}
.cosma-project .cosma-content > .wp-block-image {
    --cosma-image-start: var(--cosma-inset);
    --cosma-image-end: var(--cosma-inset);
}
.cosma-project .cosma-content > .wp-block-columns > .wp-block-column:first-child > .wp-block-image {
    --cosma-image-start: var(--cosma-inset);
}
.cosma-project .cosma-content > .wp-block-columns > .wp-block-column:last-child > .wp-block-image {
    --cosma-image-end: var(--cosma-inset);
}
.cosma-project .cosma-content .wp-block-image > a {
    display: block;
    inline-size: 100%;
}
.cosma-project .cosma-content .wp-block-image img {
    inline-size: 100%;
    block-size: auto;
}
.cosma-project .cosma-content .wp-block-image figcaption {
    inline-size: min(24rem, calc(100% - var(--cosma-image-start) - var(--cosma-image-end)));
    margin-inline: auto var(--cosma-image-end);
    padding: 0;
}
/* Show the same full-width composition inside Gutenberg's editable canvas. */
.editor-styles-wrapper .wp-block-image img {
    inline-size: 100%;
    block-size: auto;
}

@media (width < 782px) {
    .cosma-project .cosma-content > .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column > .wp-block-image {
        --cosma-image-start: var(--cosma-inset);
        --cosma-image-end: var(--cosma-inset);
    }
    :is(.cosma-project .cosma-content, .editor-styles-wrapper) :is(.wp-block-image, .wp-block-video) figcaption {
        inline-size: min(100%, 20rem);
    }
    .cosma-project .cosma-content .wp-block-image figcaption {
        inline-size: min(20rem, calc(100% - var(--cosma-image-start) - var(--cosma-image-end)));
    }
}