.article-list-block{background-color:var(--color-gray-light);display:grid;gap:var(--spacing-m);grid-template-areas:"alb-heading" "alb-articles" "alb-link";grid-template-rows:auto auto;margin:var(--spacing-m) 0;padding:var(--spacing-m) 0;position:relative}.article-list-block:before{background-color:var(--color-gray-light);bottom:0;content:"";left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100vw;z-index:-1}@media screen and (min-width:768px){.article-list-block{gap:var(--spacing-s);grid-template-columns:1fr auto;margin:var(--spacing-xl) 0;padding:var(--spacing-xl) 0;-webkit-box-align:center;-webkit-align-items:center;align-items:center;grid-template-areas:"alb-heading alb-link" "alb-articles alb-articles"}}.article-list-block.blue{background-color:var(--color-blue-light);position:relative}.article-list-block.blue:before{background-color:var(--color-blue-light);bottom:0;content:"";left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100vw;z-index:-1}.article-list-block.yellow{background-color:var(--color-yellow-light);position:relative}.article-list-block.yellow:before{background-color:var(--color-yellow-light);bottom:0;content:"";left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100vw;z-index:-1}.article-list-block__link-wrapper{grid-area:alb-link}.article-list-block__link{border-bottom:1px solid;font-weight:700;text-decoration:none}.article-list-block__link:focus,.article-list-block__link:hover{border-bottom-color:transparent}.article-list-block__link svg{margin-left:var(--spacing-xs)}.article-list-block__heading{font-size:2rem;grid-area:alb-heading;margin:0}@media screen and (min-width:768px){.article-list-block__heading{font-size:2.5rem}}.article-list-block__articles{display:-webkit-box;display:-webkit-flex;display:flex;gap:var(--spacing-m);grid-area:alb-articles;-webkit-box-flex:1;-webkit-flex:1 0 auto;flex:1 0 auto}@media screen and (max-width:767px){.article-list-block__articles{gap:var(--spacing-s);margin-left:calc(var(--spacing)*-1);margin-right:calc(var(--spacing)*-1);overflow-x:auto;padding:0 var(--spacing) var(--spacing) var(--spacing);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.article-list-block__articles article{scroll-margin:0 var(--spacing);scroll-snap-align:start}}