/* Preserve the full A4 portrait in the existing Resource Pictures component. */
.bhs-portal .bhsi-picture[data-bhsi-resource^="ks1-poster-"] .bhsi-picture-frame,
.bhs-portal .bhsi-picture[data-bhsi-resource^="ks2-poster-"] .bhsi-picture-frame,
.bhs-cy .bhsi-picture[data-bhsi-resource^="ks1-poster-"] .bhsi-picture-frame,
.bhs-cy .bhsi-picture[data-bhsi-resource^="ks2-poster-"] .bhsi-picture-frame {
    aspect-ratio: 210 / 297;
    background: #fff;
}

/* Show the complete poster without making the detail dialog one huge picture. */
.bhs-portal .bhsi-picture-detail[data-bhsi-resource^="ks1-poster-"],
.bhs-portal .bhsi-picture-detail[data-bhsi-resource^="ks2-poster-"],
.bhs-cy .bhsi-picture-detail[data-bhsi-resource^="ks1-poster-"],
.bhs-cy .bhsi-picture-detail[data-bhsi-resource^="ks2-poster-"] {
    width: min(100%, 380px, 42vh);
    max-width: 100%;
}

.bhs-portal .bhsi-picture-detail[data-bhsi-resource^="ks1-poster-"] .bhsi-picture-frame,
.bhs-portal .bhsi-picture-detail[data-bhsi-resource^="ks2-poster-"] .bhsi-picture-frame,
.bhs-cy .bhsi-picture-detail[data-bhsi-resource^="ks1-poster-"] .bhsi-picture-frame,
.bhs-cy .bhsi-picture-detail[data-bhsi-resource^="ks2-poster-"] .bhsi-picture-frame {
    max-height: none;
}