.postList--recent {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gutter);
}

.postList--recent .postList__post {
    position: relative;
    display: flex;
    flex: 1 1 max(calc(50% - var(--gutter)), 17rem);
    flex-direction: row;
    gap: var(--gutter);
}

.postList--recent .c-card__title {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.postList--recent .postList__image,
.postList--recent .postList__image.--fallback {
    order: -1;
    display: block;
    width: clamp(50px, 8vw, 100px);
    height: clamp(50px, 8vw, 100px);
    aspect-ratio: 1;
    background-color: var(--baseLight900);
}