.related-posts-carousel{margin:60px 0;padding:0}.carousel{align-items:center;display:flex;flex-direction:column;position:relative}.carousel-viewport{margin:0 auto;max-width:1008px;overflow:hidden;width:100%}@media (max-width:1100px) and (min-width:800px){.carousel-viewport{max-width:664px}}@media (max-width:800px){.carousel-viewport{max-width:320px}}.carousel-track{display:flex;gap:24px;list-style:none;margin:0;padding:0;transition:transform .4s ease;will-change:transform}.carousel-slide{box-sizing:border-box;flex:0 0 320px;margin:0;max-width:320px}.related-post-card{background:#fff;border-radius:2px;display:flex;flex-direction:column;min-height:360px;overflow:hidden}.related-post-card:hover{background:#eaf0f6}.thumbnail{aspect-ratio:3/2;background:#f2f2f2;overflow:hidden;position:relative;width:100%}.thumbnail img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.card-body{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:16px}.title{font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 8px}.date{color:#666;font-size:.875rem;margin:0}.carousel-controls-wrapper{gap:24px;margin-top:24px}.carousel-button,.carousel-controls-wrapper{align-items:center;display:flex;justify-content:center}.carousel-button{background:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;height:40px;padding:0;transition:background .2s ease;width:40px}.carousel-button:active,.carousel-button:focus,.carousel-button:hover{background:#f2f2f2;border:1px solid #313131}.carousel-button:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.carousel-button svg{height:16px;width:16px;fill:#333}.carousel-dots ul{display:inline-flex;gap:6px;list-style:none;margin:0;padding:0}.dot{background:#ccc;border-radius:50%;height:10px;transition:background .3s ease,transform .3s ease;width:10px}.dot.active{background:#333;transform:scale(1.2)}.related-post-card-link{display:block}.related-post-card .date,.related-post-card .date:hover,.related-post-card .title,.related-post-card .title:hover,.related-post-card-link,.related-post-card-link:focus,.related-post-card-link:hover,.related-post-card-link:hover .date,.related-post-card-link:hover .title{color:inherit;text-decoration:none}