/* Article wallpaper proportions at the requested size; 100px short side. */
.miniaturkiipsFeed > .miniaturkiipsFeedRow > .ipsData__image {
    --i-data--icon-width: 100px;
    --i-data--icon-ratio: 10/11;
}

/* Preserve the independent 100px limit for the complete text column. */
.miniaturkiipsFeed > .miniaturkiipsFeedRow > .ipsData__content {
    block-size: 100px;
    min-inline-size: 0;
    container-type: inline-size;
}

.miniaturkiipsFeedRow .ipsData__main {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 3px;
    block-size: 100%;
    min-block-size: 0;
}

.miniaturkiipsFeedRow .ipsData__main > .ipsColumns {
    flex-wrap: nowrap;
    align-items: start;
    min-inline-size: 0;
}

.miniaturkiipsFeedRow :is(.ipsColumns__primary, .ipsColumns__secondary) {
    min-inline-size: 0;
}

.miniaturkiipsFeedRow .ipsColumns__secondary {
    flex: 0 1 auto;
    max-inline-size: 30%;
}

.miniaturkiipsFeedRow .ipsData__title {
    display: flex;
    align-items: start;
}

.miniaturkiipsFeedRow .ipsData__title > h4,
.miniaturkiipsFeedRow .ipsData__meta,
.miniaturkiipsFeedRow .ipsData__last-primary {
    min-inline-size: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.miniaturkiipsFeedRow .ipsData__title > :not(h4) {
    flex-shrink: 0;
}

.miniaturkiipsFeedRow .ipsData__meta,
.miniaturkiipsFeedRow .ipsData__extra {
    line-height: 1.3;
}

.miniaturkiipsFeedRow .ipsTags {
    flex-wrap: nowrap;
    overflow: hidden;
    margin-block: 0;
}

.miniaturkiipsFeedRow .ipsTags__item {
    min-inline-size: 0;
}

.miniaturkiipsFeedRow .ipsTags__tag {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.miniaturkiipsFeedRow .ipsData__desc {
    --i-data--desc-truncate: 2;
    align-self: center;
    margin-block: 0;
    line-height: 1.3;
    max-block-size: 2.6em;
    min-block-size: 0;
}

.miniaturkiipsFeedRow .ipsData__extra {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    margin-block: 0;
    gap: 0 .6em;
}

.miniaturkiipsFeedRow .ipsData__stats {
    flex-wrap: nowrap;
    margin-block: 0;
    white-space: nowrap;
}

.miniaturkiipsFeedRow .ipsData__last-text {
    flex-wrap: nowrap;
    min-inline-size: 0;
    white-space: nowrap;
}

.miniaturkiipsFeedRow .ipsData__last {
    min-inline-size: 0;
    max-inline-size: 100%;
}

.miniaturkiipsFeedRow .ipsData__last-secondary {
    flex-shrink: 0;
}

@container (max-width: 750px) {
    .miniaturkiipsFeedRow .ipsData__extra {
        grid-template-columns: minmax(0, 1fr);
    }

    .miniaturkiipsFeedRow .ipsData__desc {
        --i-data--desc-truncate: 1;
        max-block-size: 1.3em;
    }

    .miniaturkiipsFeedRow .ipsData__stats {
        --i-data--show-stats-icon: initial;
        --i-data--hide-stats-icon: ;
        --i-data--show-stats-label: initial;
        --i-data--hide-stats-label: ;
        flex-wrap: nowrap;
        max-inline-size: 100%;
        gap: 0 .4em;
        margin-block: 0;
    }

    .miniaturkiipsFeedRow .ipsData__stats > li {
        min-inline-size: 0;
        white-space: nowrap;
    }

    .miniaturkiipsFeedRow .ipsData__stats > li[data-stattype] {
        flex-shrink: 0;
    }

    /* Icon counters retain their text labels for screen readers. */
    .miniaturkiipsFeedRow .ipsData__stats-label {
        position: absolute;
        inline-size: 1px;
        block-size: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .miniaturkiipsFeedRow .ipsData__stats > li:not([data-stattype]) > a {
        display: block;
        max-inline-size: min(5em, 100%);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}