/* Ad units are siblings of post links, never descendants of clickable tiles. */
.chaabi-content-ad {
    box-sizing: border-box; display: block; width: 100%; min-width: 0;
    margin: 20px 0; padding: 16px; min-height: 160px;
    border: 1px solid var(--border-color); border-radius: 8px;
    background: var(--surface-raised); color: var(--text-primary);
    overflow: hidden; isolation: isolate; cursor: default;
}
.chaabi-content-ad .chaabi-ad-label {
    display: block; text-align: center; margin: 0 0 16px;
    color: var(--text-secondary); font-size: 12px; line-height: 20px;
}
.chaabi-content-ad .chaabi-ad-body { min-width: 0; width: 100%; }
.chaabi-content-ad ins[data-chaabi-ad-unit] { display: block; width: 100%; min-height: 100px; }
/* Reserve track space: a fixed 250px card must not overlap the next post. */
.explore-grid:has(> .chaabi-content-ad) { grid-auto-rows: minmax(132px, 14vw); }
.explore-grid > .chaabi-content-ad {
    grid-column: span 2; grid-row: span 2; align-self: stretch;
    width: auto; max-width: 100%; min-height: 250px;
    margin: 8px; padding: 16px;
}
.loopz-view > .chaabi-content-ad.loopz-item {
    display: flex; flex-direction: column; justify-content: center;
    padding: 24px; margin: 0; scroll-snap-align: start;
}
.loopz-view > .chaabi-content-ad .chaabi-ad-body { flex: 0 0 auto; }
@media (max-width: 600px) {
    .explore-grid:has(> .chaabi-content-ad) { grid-auto-rows: minmax(132px, 32vw); }
    .explore-grid > .chaabi-content-ad { padding: 12px; margin: 6px; }
}