/* Home Page Layout */

.home-layout {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* On wider screens, create two-column layout */
@media (min-width: 900px) {
    .home-layout {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    
    .home-left-column {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    
    .home-right-column {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}