/* Adjust maximum width of the documentation container */
.md-grid {
    max-width: 90%;  /* Adjust as needed (default is ~80rem or 1280px) */
    width: 1800px;   /* Ensures wider layout */
}

@media (max-width: 1024px) {
    .md-grid {
        width: 95%;  /* Slightly shrink on medium screens */
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .md-grid {
        width: 100%; /* Full width for small screens */
        padding: 0 16px; /* Add some padding */
    }
}