/* Wider content area for Material theme */
.md-main__inner {
    max-width: none;
}

.justify {
  text-align: justify;
}

.md-content {
    max-width: 1200px; /* Increase from default ~800px */
    margin: 0 auto; /* Center the content horizontally */
    padding-bottom: 2rem; /* Additional bottom spacing */
}

/* Alternative: Make content take more of the available space and center it */
.md-content__inner {
    margin: 0 auto;
    max-width: 90%; /* Use 90% of available width instead of fixed width */
    text-align: left; /* Keep text left-aligned within the centered container */
    padding-bottom: 4rem; /* Add space at the bottom of pages */
}

/* Optional: Adjust the grid layout to give more space to content */
@media screen and (min-width: 76.25em) {
    .md-sidebar--primary {
        width: 7rem; /* Slightly narrow left sidebar */
        margin-right: 1rem; /* Reduce gap between left sidebar and content */
    }
    .md-sidebar--secondary {
        width: 25rem; /* Slightly narrow right sidebar (TOC) */
    }
    
    /* Reduce the left margin of the main content area */
    .md-main__inner {
        margin-left: 19rem; /* Adjust to match sidebar width + small gap */
    }
}