/* Layout Foundation */
.ms-site-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.ms-main-content {
    flex: 1;
}

.ms-home__columns {
    display: flex;
    gap: var(--ms-gap-v) var(--ms-gap-h);
    align-items: flex-start;
}

.ms-home__content {
    flex: 1;
    min-width: 0;
}

@media (max-width: 1024px) {
    .ms-home__columns {
        flex-direction: column;
        align-items: stretch;
    }
    .ms-column-left,
    .ms-column-right {
        flex: 1 1 auto;
        width: 100%;
    }
}

.ms-column-left {
    flex: 0 0 240px;
    min-width: 0;
}

.ms-column-right {
    flex: 0 0 240px;
    min-width: 0;
}

.ms-header {
    background-color: var(--ms-surface);
    border-bottom: 1px solid var(--ms-surface-2);
    position: sticky;
    top: 0;
    z-index: 1000;
}