/* @group @variables */

[class*="m-article-list-primary"] {
--grid-template-columns: repeat(1, 1fr);
--grid-template-rows: auto;
--gap: .75rem 0;
--grid-push-right: auto;
--grid-push-left: auto;
}

/*@media all and (max-width:47.9375em) {

[class*="m-article-list-primary"] {
--grid-max-width: 30rem;
}

}*/

@media all and (min-width:48em) {

[class*="m-article-list-primary"] {
--grid-template-columns: repeat(2, 1fr);
--grid-push-right: -.75rem;
--grid-push-left: -.75rem;
}

}

@media all and (min-width:62em) {

[class*="m-article-list-primary"] {
--grid-template-columns: repeat(3, 1fr);
}

}

/* @end @variables */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-article-list-secondary"] {
--grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
--gap: 1.125rem;
}

@media all and (min-width:48em) {

[class*="m-article-list-secondary"] {
--grid-template-columns: repeat(4, 1fr);
}

}

@media all and (min-width:62em) {

[class*="m-article-list-secondary"] {
--grid-template-columns: repeat(6, 1fr);
}

}

/* @media all and (min-width:80em) {

[class*="m-article-list-secondary"] {
--grid-template-columns: repeat(8, 1fr);
}

} */

/* @end @variables */

/* -------------------------------------------------------- */

/* @group @m-article-list-primary */

[class*="m-article-list"] {
position: relative;
display: grid;
grid-template-columns: var(--grid-template-columns);
gap: var(--gap);
width: 100%;
max-width: var(--grid-max-width);
margin-right: var(--grid-push-right);
margin-left: var(--grid-push-left);
}

/* @end @m-article-list */