.articles{gap:var(--sc-spacing-medium);grid-template-columns:1fr;display:grid}@media screen and (min-width:768px){.articles{grid-template-columns:2fr 1fr}}@media screen and (min-width:1240px){.articles{grid-template-columns:4fr 1fr}}.articles__header{width:96%;margin:0 auto}.articles__filter{margin-top:var(--sc-spacing-small);order:1}.articles__filter h3{color:var(--sc-color-white);text-shadow:1px 1px 0 var(--sc-color-tertiary-contrast);margin-bottom:var(--sc-spacing-small);letter-spacing:.05rem;width:fit-content;padding-bottom:.25rem}.articles__filter ul{gap:calc(var(--sc-spacing-small) - .75rem);flex-direction:column;margin-left:0;list-style:none;display:flex}.articles__filter .button{background:var(--sc-color-tertiary-contrast);text-align:left;width:fit-content}.articles__filter [aria-current]{background-color:var(--sc-color-primary)}.articles{padding-bottom:var(--sc-spacing-large)}.articles .articles__list{gap:var(--sc-spacing-medium);margin:var(--sc-spacing-small) 0 var(--sc-spacing-medium) 0;order:0;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:0 .5rem;list-style:none;display:grid}@media screen and (min-width:1240px){.articles .articles__list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}