.article-carousel-wrapper{margin-top:4rem;margin-bottom:4rem}.article-carousel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.article-carousel-title{font-size:1.75rem;font-weight:700;color:var(--primary-text)}.article-carousel-controls{display:flex;gap:.5rem}.carousel-btn{background-color:var(--primary-background);border-radius:9999px;padding:.5rem;color:var(--secondary-text);transition:all .2s;border:1px solid var(--border-color);cursor:pointer}.carousel-btn:hover:not(:disabled){background-color:var(--surface-background);color:var(--primary-text)}.carousel-btn:disabled{opacity:.4;cursor:not-allowed}.carousel-btn svg{width:1.25rem;height:1.25rem}.scroll-container-wrapper{position:relative}.scroll-container-wrapper:after,.scroll-container-wrapper:before{content:"";position:absolute;top:0;bottom:0;width:4rem;z-index:2;pointer-events:none;transition:opacity .3s}.scroll-container-wrapper:before{left:0;background:linear-gradient(to right,var(--primary-background),transparent)}.scroll-container-wrapper:after{right:0;background:linear-gradient(to left,var(--primary-background),transparent)}:root.dark .scroll-container-wrapper:before{background:linear-gradient(90deg,#111827,transparent)}:root.dark .scroll-container-wrapper:after{background:linear-gradient(270deg,#111827,transparent)}.scroll-container{display:flex;overflow-x:auto;gap:1.5rem;padding:.5rem .25rem 1.5rem;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.scroll-container::-webkit-scrollbar{display:none}.scroll-item{flex:0 0 280px;scroll-snap-align:start}