/* The report variant keeps readable text and gives galleries the viewport width. */
.blog-report {
    --report-gallery-width: min(1800px, calc(100vw - 48px));
}
.blog-report .lh-intro,
.blog-report .blog-detail-header {
    max-width: 760px;
    margin-inline: auto;
}
.blog-report .lh-diary-intro,
.blog-report .blog-detail-layout {
    display: block;
    max-width: 760px;
    margin-inline: auto;
}
.blog-report .wz-embedded-gallery {
    width: var(--report-gallery-width);
    max-width: none;
    margin: clamp(32px, 5vw, 72px) calc((100% - var(--report-gallery-width)) / 2);
}
.blog-report .wz-layout-filmstrip img {
    height: min(78vh, 800px);
    width: auto;
    max-width: none;
    object-fit: contain;
}
@media (max-width: 640px) {
    .blog-report { --report-gallery-width: calc(100vw - 32px); }
    .blog-report .wz-layout-filmstrip img { height: 52vh; }
}