/* Make blog listing full width */
body.blog-listing #body-wrapper {
    max-width: none !important;
    width: 100% !important;
}

body.blog-listing .content-wrapper {
    max-width: none !important;
    width: 100% !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

/* Adjust grid for better spacing on Articles listing */
.blog-content-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 2rem !important;
    max-width: none !important;
}

/* Make individual article cards fill their grid cells */
.blog-content-list .content-item {
    width: 100% !important;
}