#homeUpdates { height: auto !important; padding: 1.25em 0; }
.homepage #PageContent { margin-left: auto; margin-right: auto; }

/* Outer wrapper: two columns on desktop, one on mobile */
.homepage #MainContent {
    display: flex;
    gap: 2rem;          /* space between left & right columns */
    width: 100%;
    padding-top: 2em;
    padding-bottom: 2em;
    margin-left: 0;
}
  
/* Each column stacks its modules vertically */
.column {
    flex: 1;               /* each column takes equal width */
    display: flex;
    flex-direction: column;
    gap: 2rem;             /* space between modules */
}

/* exactly 68% / 32% distribution */
#columnLeft  { flex: 0 0 calc(68% - 1rem); }
#columnRight { flex: 0 0 calc(32% - 1rem); }

/* make every module fill its column */
#columnLeft  .module,
#columnRight .module {
    width: 95%;
    box-sizing: border-box;
    margin: 0 auto; /* center the module in its column */
    left: auto !important;
}
  
/* Module styling */
.homepage .module {
/* prevent inner content from overflowing or compressing */
    min-width: 0;
}

#columnRight #dailyWTCVideo { margin-top: 0; } /* remove margin on desktop */

/* @media screen and (min-width: 800px) and (max-width: 899.5px) {
    #columnLeft  .module,
    #columnRight .module { 
        width: auto;
        min-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
} */

/* Mobile breakpoint: stack columns */
@media (max-width: 899.5px) {
    .homepage #MainContent {
        flex-direction: column;
    }
}

@media screen and (min-width: 900px) {
    /* .homepage #PageContent { max-width: none; } */
    .homepage #MainContent {
        box-sizing: border-box;
        padding-right: 1em;
    }
    .homepage .module { margin-left: 0; margin-right: 0; } /* remove margin on desktop */
}

@media screen and (min-width: 1280px) {
	.homepage #MainContent {
		width: 98%;
        margin-left: auto;
        margin-right: auto;
	}
}