/* Existing content layouts share the current header/footer without a page redesign. */
html:has(> body.site-retained) { background: #fff; }
body.site-retained { max-width: none; padding-top: 0; background: #fff; }
.site-retained .site-content { min-width: 0; }

.album-viewer { height: calc(100vh - var(--hx-header-h)); overflow: hidden; }
.onepage .album-viewer { height: 100vh; }
.album-viewer .carousel, .album-viewer .carousel-inner, .album-viewer .item { height: 100%; }
.album-viewer img { width: 100%; height: 100%; object-fit: contain; }
@media (max-width: 767px) {
    .site-retained .album-viewer { height: calc(100vh - var(--hx-header-h) - 75px - env(safe-area-inset-bottom, 0px)); }
}