/**
 * SECTION 1: MASTER RESPONSIVE GRID
 * Forces the entire post to fit the screen without page-level scrolling.
 */
.rc-feed-post-master {
    display: grid;
    grid-template-columns: 1.25fr 0.95fr;
    /* Slimmer comment sidebar */
    width: 45%;
    max-width: 935px;
    margin: 1.5rem auto;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    overflow: hidden;

    /* THE FIX: Specifically stops the vertical stretching */
    height: 580px;
    max-height: calc(100vh - 100px);
    /* min-height: 500px; */
}


/**
 * SECTION 2: MOBILE RESPONSIVENESS
 * Handles the slide-up drawer and prevents header clash.
 */
@media (max-width: 1024px) {

    .rc-feed-post-master {
        display: block;
        width: 100%;
        height: auto;
        max-height: none;
        margin: 0;
        border-radius: 0;
        border: none;
    }

}

.rc-feed-caption {
    padding: 5px 15px 15px;
    font-size: 13px;
    line-height: 1.4;
    color: #262626;
    background: #fff;
    flex-shrink: 0;
    word-wrap: break-word;
    /* Prevents long text from breaking layout */
}