.article-list-layout {
    display: flex;
    flex-direction: column;
    padding: 2.75rem 2.5rem 0;
    gap: 1.25rem;
    background-color: var(--background);
}

.article-cards-wrapper{
    width: 100%;
}

@media (width >= 1130px) {
    .article-list-layout {
        gap: 0;
        max-width: 80rem;
        margin: 0 auto;
        padding: 2.75rem 2.5rem 0;
    }

    .article-sidebar-cards-container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 2.5rem;
    }
}