/*
 * RARA company UI parity layer.
 *
 * This file is loaded by the shared theme head for custom-domain, company-path
 * and subdomain pages. Keep cross-domain layout rules here so one change is
 * enough for every public company page.
 *
 * Version: v1-mobile-grid-parity-20260803
 */

html body .member-posts-wrap,
html body .member-posts-list,
html body .member-posts-rss-item,
html body .member-posts-rss-content,
html body .member-posts-thumb,
html body .member-view-all-posts,
html body .member-view-all-posts-grid,
html body .member-view-all-posts-card,
html body .member-view-all-posts-thumb {
    min-width: 0;
    box-sizing: border-box;
}

html body .member-posts-wrap,
html body .member-posts-list,
html body .member-posts-rss-item,
html body .member-posts-rss-content,
html body .member-posts-thumb,
html body .member-view-all-posts-grid,
html body .member-view-all-posts-card,
html body .member-view-all-posts-thumb {
    width: 100%;
    max-width: 100%;
}

html body .member-posts-rss-title,
html body .member-posts-rss-desc,
html body .member-view-all-posts-title-text,
html body .member-view-all-posts-desc {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

@media (max-width: 768px) {
    html body .member-posts-wrap {
        width: 100%;
        max-width: 100%;
        padding-right: 16px;
        padding-left: 16px;
    }

    html body .member-posts-list,
    html body .member-view-all-posts-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    html body .member-posts-thumb img,
    html body .member-view-all-posts-thumb img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 100%;
        object-fit: cover;
    }
}