/* Miniaturki — keep native image space; never hide tag images before rendering. */
.miniaturkiData[hidden] { display: none !important; }
.miniaturkiImage { overflow: hidden; flex-shrink: 0; border-radius: var(--i-design-radius, 6px); }
.miniaturkiImage img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ipsData--grid .miniaturkiImage, .ipsData--featured .miniaturkiImage, .ipsData--wallpaper .miniaturkiImage { aspect-ratio: 16/10; }
[data-ips-read] .miniaturkiImage.miniaturkiRead img { opacity: .65; }
.miniaturkiReady > .ipsData__icon { display: none; }

/* Compact topic previews share the thumbnail height; grids keep native layouts. */
.miniaturkiCompact > .ipsData__content,
.miniaturkiCompact > .ipsData__content > .ipsData__main {
    block-size: var(--miniaturki-list-height);
    min-block-size: 0;
}
.miniaturkiCompact > .ipsData__content > .ipsData__main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .25em;
}
.miniaturkiCompact .ipsData__main > * { flex-shrink: 0; }
.miniaturkiCompact .ipsData__main > .ipsColumns { flex-wrap: nowrap; gap: .6em; }
.miniaturkiCompact .ipsColumns__primary { flex: 1 1 0; min-inline-size: 0; }
.miniaturkiCompact .ipsColumns__secondary { flex: 0 1 auto; max-inline-size: 40%; }
.miniaturkiCompact .ipsData__title { display: flex; align-items: center; gap: .35em; }
.miniaturkiCompact .ipsData__title > .ipsBadges { flex: 0 0 auto; margin: 0; }
.miniaturkiCompact .ipsData__title h4 { flex: 1 1 auto; min-inline-size: 0; }
.miniaturkiCompact .ipsTags--condensed { flex-wrap: nowrap; }
.miniaturkiCompact .ipsTags__tag,
.miniaturkiCompact .ipsTags__tag > span,
.miniaturkiCompact .ipsData__title h4,
.miniaturkiCompact .ipsData__meta,
.miniaturkiCompact .ipsData__stats-label,
.miniaturkiCompact .ipsData__stats > li > a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.miniaturkiCompact .ipsData__main > .ipsData__desc {
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--miniaturki-preview-lines, 1);
    line-clamp: var(--miniaturki-preview-lines, 1);
    overflow: hidden;
}
.miniaturkiCompact.miniaturkiNoExcerpt .ipsData__main > .ipsData__desc { display: none; }
.miniaturkiCompact .ipsData__main > .ipsData__extra { margin: 0; gap: .25em .7em; }
.miniaturkiCompact .ipsData__stats { flex-wrap: nowrap; gap: 0 .7em; max-inline-size: 100%; }
.miniaturkiCompact .ipsData__stats > li { display: flex; min-inline-size: 0; }
.miniaturkiCompact .ipsData__last { max-inline-size: 100%; }