.featured-article-card{border:1px solid var(--border);background-color:var(--card-background);flex-direction:column;flex:none;width:280px;height:400px;display:flex;position:relative;overflow:hidden}.featured-article-card:not(.skeleton-card){animation:.4s both scroller-fade-in}.featured-article-card .article-image-wrapper{width:100%;height:180px;position:relative;overflow:hidden}.featured-article-card .article-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.featured-article-card .article-image-wrapper:hover img{transform:scale(1.05)}.featured-article-card .article-content{flex-direction:column;flex:1;padding:16px;display:flex}.featured-article-card .article-content .article-title{margin:0 0 12px;font-size:18px;font-weight:700;line-height:1.4}.featured-article-card .article-content .article-title a{color:var(--title);text-decoration:none;transition:color .15s}.featured-article-card .article-content .article-title a:hover{color:var(--primary)}.featured-article-card .article-content .article-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.featured-article-card .article-content .article-footer .article-date{color:var(--text-secondary);font-size:13px}.featured-article-card .article-content .article-footer .footer-right{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.featured-article-card .article-content .article-footer .comments-count{color:var(--text-secondary);opacity:.8;align-items:center;gap:4px;font-size:13px;display:flex}.featured-article-card .article-content .article-footer .read-more-link{color:var(--primary);align-items:center;gap:4px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.featured-article-card .article-content .article-footer .read-more-link:hover{text-decoration:underline}.featured-article-card .article-content .article-footer .read-more-link svg{transition:transform .15s}.featured-article-card .article-content .article-footer .read-more-link:hover svg{transform:translate(-4px)}.featured-article-card.is-big-card{width:576px}@media (max-width:768px){.featured-article-card.is-big-card{width:calc(100vw - 80px)}}.featured-article-card.is-big-card .article-image-wrapper{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.featured-article-card.is-big-card .article-content{z-index:2;background:linear-gradient(to top, var(--overlay-heavy) 0%, var(--overlay-medium) 60%, transparent 100%);border-top:none;flex:none;height:auto;margin-top:auto;padding:32px 24px 24px;position:relative}.featured-article-card.is-big-card .article-content .article-title a{color:var(--overlay-text);font-size:24px}.featured-article-card.is-big-card .article-content .article-title a:hover{color:var(--primary)}.featured-article-card.is-big-card .article-content .article-description{color:var(--overlay-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.featured-article-card.is-big-card .article-content .article-footer{border-top:1px solid var(--overlay-border)}.featured-article-card.is-big-card .article-content .article-footer .article-date,.featured-article-card.is-big-card .article-content .article-footer .comments-count{color:var(--overlay-text-subtle)}.featured-article-card.is-big-card .article-content .article-footer .read-more-link{color:var(--overlay-text)}.featured-article-card.is-big-card .article-content .article-footer .read-more-link:hover{color:var(--primary)}
.featured-items-wrapper{-webkit-user-select:none;user-select:none;width:100%;min-width:0;margin:32px 0;overflow:hidden}.featured-items-header{justify-content:space-between;align-items:center;margin:0 0 16px;padding:0 24px;display:flex}@media (max-width:768px){.featured-items-header{padding:0 16px 0 8px}}.featured-items-header .featured-items-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.featured-items-header .view-all-link{color:var(--primary);align-items:center;gap:4px;font-size:16px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.featured-items-header .view-all-link:hover{text-decoration:underline}.featured-items-header .view-all-link svg{transition:transform .15s}.featured-items-header .view-all-link:hover svg{transform:translate(-4px)}