/* Only textmedia/textpic imageorient 17/18: contain the float without boxing in the text. */
.fef-textmedia-intext {
    display: flow-root;
    overflow-wrap: anywhere;
}
.fef-textmedia-intext-gallery {
    float: none;
    width: 100%;
    margin: 0 0 1.5rem;
}
.fef-textmedia-intext-gallery img {
    max-width: 100%;
    height: auto;
}
/* Keep the native gallery layout even when the advice layout is selected. */
.fef-personal-advice.frame.frame-type-textpic .fef-textmedia-intext .gallery-row,
.fef-personal-advice.frame.frame-type-textmedia .fef-textmedia-intext .gallery-row {
    display: flex;
}
.fef-personal-advice.frame.frame-type-textpic .fef-textmedia-intext .gallery-item,
.fef-personal-advice.frame.frame-type-textmedia .fef-textmedia-intext .gallery-item {
    width: calc((100% / var(--gallery-columns)) - (var(--gallery-gap) * (var(--gallery-columns) - 1)) / var(--gallery-columns));
    max-width: 100%;
}
@media (min-width: 768px) {
    .fef-textmedia-intext-gallery { width: calc(100% * var(--fef-intext-image-columns, 6) / 12 - 1rem); }
    .fef-textmedia-intext-18 > .fef-textmedia-intext-gallery {
        float: left;
        margin: 0 2rem 1rem 0;
    }
    .fef-textmedia-intext-17 > .fef-textmedia-intext-gallery {
        float: right;
        margin: 0 0 1rem 2rem;
    }
}