.article-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.article-card{background:var(--bg-card);border:1px solid var(--bg-glass-border);border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.article-card:hover{box-shadow:var(--shadow-lg);border-color:#cbd2de;transform:translateY(-4px)}.article-card__image{object-fit:cover;border-bottom:1px solid var(--bg-glass-border);width:100%;height:200px}.article-card__image-placeholder{border-bottom:1px solid var(--bg-glass-border);justify-content:center;align-items:center;width:100%;height:180px;display:flex;position:relative;overflow:hidden}.article-card__image-placeholder:before{content:"";opacity:.7;position:absolute;inset:0}.article-card__image-placeholder:after{content:"";opacity:.15;border-radius:50%;width:120px;height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.article-card-link:first-child .article-card__image-placeholder{background:linear-gradient(135deg,#eff9ff,#e8f4fb)}.article-card-link:first-child .article-card__image-placeholder:after{background:var(--accent-primary);width:80px;height:80px}.article-card-link:nth-child(2) .article-card__image-placeholder{background:linear-gradient(135deg,#fef9ee,#fff6e0)}.article-card-link:nth-child(2) .article-card__image-placeholder:after{background:var(--accent-amber);border-radius:var(--radius-md);width:60px;height:60px}.article-card-link:nth-child(3) .article-card__image-placeholder{background:linear-gradient(135deg,#edfaf5,#e8f7ee)}.article-card-link:nth-child(3) .article-card__image-placeholder:after{background:var(--accent-teal);border-radius:var(--radius-md);width:50px;height:50px;transform:translate(-50%,-50%)rotate(45deg)}.article-card__content{padding:var(--space-2xl);flex-direction:column;flex:1;display:flex}.article-card__meta{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.article-card__category{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-primary);font-size:.75rem;font-weight:700}.article-card__date{color:var(--text-muted);font-size:.8rem}.article-card__title{margin-bottom:var(--space-md);font-size:1.15rem;line-height:1.4}.article-card__excerpt{color:var(--text-secondary);flex:1;font-size:.9rem;line-height:1.7}.article-card__footer{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--bg-glass-border);justify-content:space-between;align-items:center;display:flex}.article-card__read-more{color:var(--accent-primary);align-items:center;gap:var(--space-xs);transition:gap var(--transition-base);font-size:.85rem;font-weight:600;display:flex}.article-card:hover .article-card__read-more{gap:var(--space-sm)}.article-card-link{color:inherit;border-radius:var(--radius-lg);text-decoration:none;display:flex}.article-card__reading-time{color:var(--text-muted);font-size:.8rem}@media (max-width:1024px){.article-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.article-grid{grid-template-columns:1fr}}