/* Two-column layout */
.two-column-layout {
    display: flex;
    gap: 20px;
}

/* Main column 70% */
.two-column-layout .main-column {
    flex: 0 0 70%;
}

/* Sidebar 30% */
.two-column-layout .sidebar-column {
    flex: 0 0 30%;
}

/* Responsive: stack on mobile */
@media (max-width: 768px) {
    .two-column-layout {
        flex-direction: column;
    }

    .two-column-layout .main-column,
    .two-column-layout .sidebar-column {
        flex: 0 0 100%;
    }
}