.articles-page{width:100%}.articles-header{padding:var(--spacing-xl) var(--spacing-2xl) var(--spacing-xl);max-width:var(--max-width-content);margin:0 auto;text-align:center}.articles-header h1{font-size:46px;line-height:1.2;margin-bottom:0;font-weight:500}.research-intro{margin-top:var(--spacing-md);font-size:18px;line-height:1.6;color:var(--color-text);max-width:800px;margin-left:auto;margin-right:auto}.research-intro a{color:var(--color-text-secondary);text-decoration:underline;transition:color var(--transition-fast)}.research-intro a:hover{color:var(--color-text)}.section{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md) var(--spacing-md)}.article-filters{display:flex;gap:var(--spacing-xs);justify-content:center;flex-wrap:wrap}.filter-button{padding:8px 18px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:14px;font-weight:500;text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.filter-button:hover{background:var(--color-bg-subtle);border-color:var(--color-text-muted)}.filter-button.active{background:var(--color-text);color:#fff;border-color:var(--color-text)}.articles-page .news-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-md);gap:var(--spacing-md);max-width:1400px;margin:0 auto;padding:var(--spacing-md) 0 var(--spacing-4xl)}@media (min-width:1400px){.articles-page .news-grid{grid-template-columns:repeat(4,1fr)}}.news-card{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0;background:var(--color-bg);border:none;border-radius:0;text-decoration:none;color:inherit;transition:all var(--transition-base)}.news-card:hover{transform:translateY(-2px)}.news-card h3{font-size:18px;margin-bottom:var(--spacing-xs);line-height:1.3}.news-card.article-card{position:relative}.article-card-gradient,.article-card-image{width:100%;aspect-ratio:1/1;position:relative;overflow:hidden;background:var(--color-bg-muted);border-radius:var(--radius-md)}.article-card-gradient:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover}.article-card-gradient.gradient-top:before{background:url(/images/gradient-sample-2.png) center 10%;background-size:cover}.article-card-gradient.gradient-mid-top:before{background:url(/images/gradient-sample-2.png) center 40%;background-size:cover}.article-card-gradient.gradient-mid-bottom:before{background:url(/images/gradient-sample-2.png) center 70%;background-size:cover;transform:rotate(180deg)}.article-card-gradient.gradient-bottom:before{background:url(/images/gradient-sample-2.png) center 95%;background-size:cover;transform:rotate(180deg)}.news-card-content{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:0 0 var(--spacing-xl) 0}.news-card-meta{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:var(--spacing-xs)}.news-tag{display:inline-block;padding:4px 8px;background:var(--color-bg-muted);font-size:12px;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em}.news-date,.news-tag{color:var(--color-text-secondary)}.news-date{font-size:13px}@media (max-width:900px){.articles-page .news-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.articles-header{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-xl)}.articles-header h1{font-size:36px}.section{padding:0 var(--spacing-md) var(--spacing-md)}.articles-page .news-grid{grid-template-columns:repeat(2,1fr);padding:var(--spacing-md) 0 var(--spacing-4xl);gap:var(--spacing-sm)}.news-card .news-tag{display:none}}