.main-content {
    align-items: flex-start; /* Override central CSS to left-align content */
}

#production-tables-container {
    width: 100%; /* Ensure it takes full width to allow left alignment */
    display: flex;
    flex-direction: column; /* Stack melanges vertically */
    align-items: flex-start; /* Left-align individual melange containers */
}

.melange-container {
    width: 100%; /* Ensure melange containers take full width */
    margin-bottom: 20px; /* Space between melanges */
}