.scrollable-articles-container{--basis:var(--base-horizontal-padding);--base-pad:max(var(--basis),calc((100vw - var(--content-max-width))/2));display:grid;gap:1rem;margin:0 calc(var(--base-pad)*-1)}.scrollable-article-list{display:flex;flex-wrap:nowrap;--list-gap:2rem;gap:var(--list-gap);overflow-x:visible;padding:0 var(--base-pad);scroll-snap-type:x mandatory;--visible-cards:1.2;--section-width:min(1440px,calc(100vw - var(--double-horizontal-padding)*2));--card-width:calc((var(--section-width) - (var(--visible-cards) - 1)*var(--list-gap))/var(--visible-cards));transform:translateX(calc(var(--scroll-level)*-1*(var(--card-width) + var(--list-gap))));transition:transform .5s}.scrollable-article-list .article-card{max-width:var(--card-width);min-width:var(--card-width);scroll-snap-align:center}.articles-scroll-controller{display:flex;gap:.5rem;justify-content:end;margin-left:auto;padding:0 var(--base-pad)}.articles-scroll-button{display:block;position:relative;--button-size:3rem;--arrow-size:.75rem;height:var(--button-size);width:var(--button-size);--border-color:var(--text-black-rgb);--after-opacity:.5;border-radius:50%}.articles-scroll-button:after,.articles-scroll-button:before{content:"";position:absolute}.articles-scroll-button:before{border:1px solid rgb(var(--border-color));height:100%;left:0;opacity:var(--after-opacity);top:0;width:100%;--button-base-color:rgb(var(--background-black-rgb),.1);background:linear-gradient(45deg,var(--button-base-color),transparent);border-radius:50%;transition:opacity .5s}.background-black .articles-scroll-button:before{--button-base-color:rgb(var(--accent-red-rgb))}.articles-scroll-button:hover:before{opacity:.8}.background-black .articles-scroll-button:hover:before{opacity:.6}.articles-scroll-button[disabled]:after,.articles-scroll-button[disabled]:before,.articles-scroll-button[disabled]:hover:after,.articles-scroll-button[disabled]:hover:before{opacity:.2}.articles-scroll-button:after{height:var(--arrow-size);left:50%;top:50%;width:var(--arrow-size);--adjust-x:-25%;border-color:rgb(var(--border-color));transform:translate(calc(-50% + var(--adjust-x)),-50%) rotate(45deg)}.articles-scroll-button.left:after{--adjust-x:25%;border-bottom:2px solid;border-left:2px solid}.articles-scroll-button.right:after{border-right:2px solid;border-top:2px solid}.background-black .articles-scroll-button{--border-color:var(--text-white-rgb);--after-opacity:.2}.touch-mode .scrollable-article-list{overflow-x:auto;padding-bottom:1rem;transition:0s}.touch-mode .articles-scroll-controller{display:none}.touch-mode .scrollable-article-list{transform:translateX(0)}@media (min-width:600px){.scrollable-articles-container{--basis:var(--double-horizontal-padding)}.scrollable-article-list{--visible-cards:var(--pc-visible-cards)}}