/* Article media geometry: the cover frame and the direct image must share
   the same height. Otherwise max-height leaves an empty strip inside the
   fixed 16:9 frame on wide screens. */
.post-cover {
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.post-cover > img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: cover;
}

.post-layout {
    padding-top: 32px;
}

@media (max-width: 560px) {
    .post-layout {
        padding-top: 32px;
    }
}