#top-stories-alt {
    margin-top: 1.15rem;
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

#top-stories-alt img {
    max-width: 100%;
    height: auto;
}

/* Central story container - takes up more space on the left */
#top-stories-alt .central-story-container {
    width: 60%;
    flex-shrink: 0;
}

/* Vertical stories container */
#top-stories-alt .vertical-stories-container {
    width: 40%;
}

/* Desktop layout: 2x2 grid */
#top-stories-alt .vertical-stories-container .desktop-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 280px auto;
    gap: 4rem 2rem;
    grid-row-gap: 4.1rem;
    height: 100%;
    align-content: space-between;
}

/* Tablet layout: initially hidden */
#top-stories-alt .vertical-stories-container .tablet-layout {
    display: none;
}

/* Individual vertical story styling - only for desktop layout */
#top-stories-alt .vertical-stories-container .desktop-layout .post-link {
    display: flex;
    flex-direction: column;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    #top-stories-alt {
        flex-direction: column;
        gap: 1.5rem;
    }
    
    #top-stories-alt .central-story-container,
    #top-stories-alt .vertical-stories-container {
        width: 100%;
    }
    
    /* Hide desktop layout, show tablet layout */
    #top-stories-alt .vertical-stories-container .desktop-layout {
        display: none;
    }
    
    #top-stories-alt .vertical-stories-container .tablet-layout {
        display: block;
    }
}