.article-card{height:100%;color:inherit;flex-direction:column;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.article-metrics{color:var(--text-muted);align-items:center;gap:1rem;font-size:.8rem;font-weight:600;display:flex}.article-metric{background:#ffffff08;border-radius:6px;align-items:center;gap:.4rem;padding:.2rem .5rem;transition:all .2s;display:flex}.article-card:hover .article-metric{color:var(--foreground);background:#ffffff0d}.article-view-count{color:var(--primary);align-items:center;gap:.4rem;margin-bottom:.2rem;font-size:.8rem;font-weight:700;display:flex}.article-card.clickable{cursor:pointer}.article-card.clickable:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 30px #c21d1d33}.article-card.moderated{opacity:.8;border-color:var(--warning)}.article-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.article-badges{flex-wrap:wrap;gap:.5rem;display:flex}.article-tag{border:1px solid var(--glass-border);color:var(--text-muted);text-transform:uppercase;background:#ffffff0d;border-radius:4px;padding:.2rem .6rem;font-size:.65rem;font-weight:800}.article-tag:hover{border-color:var(--accent);color:var(--accent)}.article-title{color:var(--foreground);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:.5rem 0;font-size:1.3rem;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.article-snippet{color:var(--text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.article-footer{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.article-author-info{align-items:center;gap:.6rem;display:flex}.article-author-name{color:var(--foreground);font-size:.85rem;font-weight:600}.article-date{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.article-reactions-count{color:var(--text-muted);border:1px solid var(--glass-border);background:#ffffff0d;border-radius:6px;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.85rem;display:flex}.article-list-item{color:inherit;grid-template-columns:1.5fr 180px 120px 140px;align-items:center;gap:1.5rem;min-width:0;margin-bottom:.8rem;text-decoration:none;border-radius:12px!important;padding:1rem 1.5rem!important;display:grid!important}.article-list-item>div{min-width:0}.article-list-item:hover{border-color:var(--primary)!important}.list-col-title-snippet{flex-direction:column;gap:.2rem;display:flex}.list-article-title{color:var(--foreground);font-size:1.1rem;font-weight:700}.list-article-snippet{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.list-col-author{align-items:center;gap:.5rem;display:flex}.list-col-date{color:var(--text-muted);font-size:.85rem}.list-col-tags{flex-wrap:wrap;gap:.3rem;display:flex}
@media (max-width:1100px){.articles-layout .articles-list .premium-card.article-list-item{box-sizing:border-box!important;border-radius:12px!important;flex-flow:row!important;justify-content:flex-start!important;align-items:center!important;gap:1rem!important;width:100%!important;min-width:100%!important;padding:.8rem 1rem!important;display:flex!important;overflow:hidden!important}.articles-layout .articles-list .article-list-item .list-col-title{flex:auto!important;min-width:0!important;overflow:hidden!important}.articles-layout .articles-list .article-list-item .list-col-title .list-article-title{white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:.95rem!important;overflow:hidden!important}.articles-layout .articles-list .article-list-item .list-col-author{flex:none!important;align-items:center!important;gap:.4rem!important;min-width:fit-content!important;display:flex!important}.articles-layout .articles-list .article-list-item .list-col-author .article-author-name,.articles-layout .articles-list .article-list-item .list-col-tags{display:none!important}.articles-layout .articles-list .article-list-item .list-col-date{min-width:fit-content!important;color:var(--text-muted)!important;flex-direction:row!important;flex:none!important;align-items:center!important;gap:.5rem!important;font-size:.75rem!important;display:flex!important}.articles-layout .articles-list .article-list-item .list-col-date .article-view-count{align-items:center!important;gap:.2rem!important;margin-bottom:0!important;display:flex!important}.articles-layout .articles-list .article-list-item .list-col-date .list-date-text{display:none!important}}