.articles-grid{margin-top:var(--space-2xl);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (min-width:1024px){.articles-grid.tabloid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.tabloid-card{grid-column:span 1}.tabloid-card.card-1{grid-column:span 2;grid-row:span 2;min-height:500px}.tabloid-card.card-4{grid-column:span 3;min-height:300px}.tabloid-card.card-1,.tabloid-card.card-2,.tabloid-card.card-3,.tabloid-card.card-4{background:#000;border:none}.tabloid-card.card-1 .article-card__image,.tabloid-card.card-2 .article-card__image,.tabloid-card.card-3 .article-card__image,.tabloid-card.card-4 .article-card__image{position:absolute;inset:0;height:100%;z-index:1;margin:0;border-radius:0}.tabloid-card.card-1 .article-card__image img,.tabloid-card.card-2 .article-card__image img,.tabloid-card.card-3 .article-card__image img,.tabloid-card.card-4 .article-card__image img{opacity:.6;-o-object-fit:cover;object-fit:cover}html[data-theme=light] .tabloid-card.card-1 .article-card__image img,html[data-theme=light] .tabloid-card.card-2 .article-card__image img,html[data-theme=light] .tabloid-card.card-3 .article-card__image img,html[data-theme=light] .tabloid-card.card-4 .article-card__image img{opacity:.4}.tabloid-card.card-1 .article-card__content,.tabloid-card.card-2 .article-card__content,.tabloid-card.card-3 .article-card__content,.tabloid-card.card-4 .article-card__content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-xl);background:linear-gradient(0deg,rgba(0,0,0,.9) 0,transparent 60%);color:white;z-index:2}html[data-theme=light] .tabloid-card.card-1 .article-card__content,html[data-theme=light] .tabloid-card.card-2 .article-card__content,html[data-theme=light] .tabloid-card.card-3 .article-card__content,html[data-theme=light] .tabloid-card.card-4 .article-card__content{background:linear-gradient(0deg,rgba(0,0,0,.95) 0,rgba(0,0,0,.3) 60%,transparent)}.tabloid-card.card-1 .article-card__title,.tabloid-card.card-4 .article-card__title{font-size:var(--text-3xl);color:white;margin-bottom:var(--space-md);text-shadow:0 2px 4px rgba(0,0,0,.3)}.tabloid-card.card-2 .article-card__title,.tabloid-card.card-3 .article-card__title{font-size:var(--text-lg);color:white}.tabloid-card.card-1 .article-card__summary,.tabloid-card.card-4 .article-card__summary{display:block;color:rgba(255,255,255,.8);max-width:90%;font-size:var(--text-base)}.tabloid-card.card-2 .article-card__summary,.tabloid-card.card-3 .article-card__summary{display:none}.tabloid-card.card-1 .article-card__category,.tabloid-card.card-2 .article-card__category,.tabloid-card.card-3 .article-card__category,.tabloid-card.card-4 .article-card__category{color:rgba(255,255,255,.9)}.tabloid-card.card-1 .article-card__category-icon,.tabloid-card.card-2 .article-card__category-icon,.tabloid-card.card-3 .article-card__category-icon,.tabloid-card.card-4 .article-card__category-icon{background:rgba(255,255,255,.2);color:white}.tabloid-card.card-1 .article-card__date,.tabloid-card.card-2 .article-card__date,.tabloid-card.card-3 .article-card__date,.tabloid-card.card-4 .article-card__date{color:rgba(255,255,255,.6)}}@media (max-width:768px){.articles-grid{grid-template-columns:1fr;gap:var(--space-md)}}.article-card{border:none;background:rgba(255,255,255,.5);text-decoration:none;overflow:hidden;transition:all var(--transition-fast);display:flex;flex-direction:column;position:relative}@media (max-width:768px){.article-card{flex-direction:row;align-items:center;gap:var(--space-md);background:transparent;border-bottom:1px solid var(--color-border-light);border-radius:0;padding-bottom:var(--space-md)}.article-card:last-child{border-bottom:none}}html[data-theme=dark] .article-card{background:rgba(26,19,51,.5)}@media (max-width:768px){html[data-theme=dark] .article-card{background:transparent}}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}@media (max-width:768px){.article-card:hover{transform:none;box-shadow:none;background:var(--glass-surface-hover)}}.article-card__image{width:100%;height:180px;flex-shrink:0;overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0;position:relative}.article-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.2));opacity:0;transition:opacity .3s ease}.article-card:hover .article-card__overlay{opacity:1}@media (max-width:768px){.article-card__image{width:100px;height:100px;border-radius:var(--radius-md)}}.article-card__image img,.article-card__image svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-base)}.article-card:hover .article-card__image img,.article-card:hover .article-card__image svg{transform:scale(1.05)}.card-placeholder{display:block}.article-card__content{padding:var(--space-lg);flex:1}@media (max-width:768px){.article-card__content{padding:0}.article-card__summary{display:none}.article-card__title{font-size:var(--text-base);margin-bottom:4px}.article-card__date{margin-top:4px;font-size:var(--text-xs)}}.article-card__category{margin-bottom:var(--space-sm);font-size:var(--text-xs);font-weight:var(--font-bold);display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary)}.article-card__category-icon{padding:var(--space-xs);background:white;border-radius:var(--radius-sm);color:var(--color-text-primary)}html[data-theme=dark] .article-card__category-icon{background:var(--color-bg-elevated)}.article-card__title{font-size:var(--text-lg);line-height:var(--leading-snug);margin-bottom:var(--space-sm);color:var(--color-text-primary);font-weight:var(--font-semibold)}.article-card:hover .article-card__title{color:var(--color-accent-primary)}.tabloid-card:hover .article-card__title{color:#fff!important;text-shadow:0 0 15px var(--color-accent-primary)}.article-card__summary{margin-top:var(--space-sm);color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card__date{margin-top:var(--space-md);font-size:var(--text-sm);color:var(--color-text-tertiary)}.article-card__date i{margin-right:var(--space-xs)}