/* Keep standard post cards compact without affecting related-post cards. */
.grids .grid .retuku-responsive-cover {
    display: block;
    width: 100%;
    height: 100%;
}

.grids:not(.relateds) .grid .con {
    padding-top: 12px;
    padding-bottom: 12px;
}

/* The parent theme reserves space for this row even when every meta is off. */
.grids:not(.relateds) .grid .grid-meta:not(:has(> span)) {
    display: none;
}

/* Match related cards to the compact archive/home card footer. */
body.single-post .single-related .grids.relateds .grid .con {
    padding-top: 12px;
    padding-bottom: 12px;
}

body.single-post .single-related .grids.relateds .grid .grid-meta:not(:has(> span)) {
    display: none;
}

/* Parent pagination uses opacity, which lowers an otherwise acceptable contrast. */
.pagination ul > li > a,
.pagination ul > li > span {
    background-color: #e2e2e2;
    color: #444;
    opacity: 1;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
    background-color: var(--theme-color) !important;
    color: #fff;
}

.pagination ul > li .page-jump {
    color: #444;
    opacity: 1;
}

/*
 * A colour under every cover while it is on its way.
 *
 * The page now paints before the images arrive -- it used to paint after
 * everything, so the wait existed but was hidden behind a page that had not
 * appeared yet. An empty frame the same colour as the card reads as nothing
 * there rather than as something coming, which is why a faster page was
 * reported as a slower one.
 *
 * A tone, not a spinner: a grid of twenty animations is its own kind of noise,
 * and this one goes away the moment the first pixels land.
 */
.grids .grid .img,
.grids .grid .thumb,
.grids .list .img,
.grids .list .thumb,
.lists .grid .thumb {
    background-color: #efe9e7;
}