.articles-section{padding:var(--spacing-xl) 0;padding-top:var(--page-offset);background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 100%);min-height:calc(var(--vh, 1vh) * 100 - var(--navbar-height));margin-top:var(--navbar-height)}.articles-section .section-header{margin-bottom:var(--spacing-2xl);text-align:center}.articles-section .section-title{font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--spacing-md);color:var(--text-primary);font-weight:700}.articles-section .section-subtitle{font-size:var(--font-base);color:var(--text-secondary);max-width:500px;margin:0 auto}.articles-section .articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:var(--spacing-2xl)}.articles-section .article-card{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--gray-200);display:flex;flex-direction:column;border-top:2px solid rgba(201,169,97,0.3);animation:fadeInUp .6s ease-out}.articles-section .article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--accent-light);border-top-color:var(--accent-color)}.articles-section .article-content{padding:1.75rem;display:flex;flex-direction:column;flex:1}.articles-section .article-title{margin:0 0 1rem 0;font-size:1.25rem;font-weight:600;line-height:1.4}.articles-section .article-title a{color:var(--text-primary);text-decoration:none;transition:var(--transition)}.articles-section .article-title a:hover{color:var(--accent-color)}.articles-section .article-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;font-size:.875rem;color:var(--text-secondary);justify-content:space-between}.articles-section .article-date{display:flex;align-items:center;gap:.375rem}.articles-section .article-date i{color:var(--accent-color)}.articles-section .article-lang{display:flex;align-items:center;gap:.375rem}.articles-section .article-lang i{color:var(--accent-color)}.articles-section .article-excerpt{flex:1;margin:0 0 1rem 0;color:var(--text-secondary);line-height:1.6;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.articles-section .article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.articles-section .article-tag{display:inline-block;padding:.375rem .75rem;background:rgba(201,169,97,0.08);color:var(--accent-color);border-radius:4px;font-size:.75rem;font-weight:500;text-decoration:none;transition:var(--transition);border:1px solid rgba(201,169,97,0.2)}.articles-section .article-tag:hover{background:rgba(201,169,97,0.15);border-color:var(--accent-color)}.articles-section .article-tags-hidden{display:none}.articles-section .article-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-color);text-decoration:none;font-weight:600;transition:var(--transition);margin-top:auto}.articles-section .article-link:hover{gap:.75rem}.articles-section .article-link i{transition:var(--transition)}.articles-section .article-card:hover .article-link i{transform:translateX(4px)}.no-articles{grid-column:1 / -1;text-align:center;padding:var(--spacing-3xl) var(--spacing-lg)}.no-articles i{font-size:4rem;color:var(--accent-color);margin-bottom:var(--spacing-md);opacity:.8}.no-articles h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.no-articles p{color:var(--text-secondary)}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;padding:1.5rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.pagination-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-hover) 100%);color:var(--white);border:0;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;text-decoration:none;transition:var(--transition);font-size:.95rem}.pagination-link:hover:not(.disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pagination-link.disabled{background:var(--gray-200);color:var(--text-secondary);cursor:not-allowed;opacity:.5}.pagination-prev i,.pagination-next i{font-size:.85rem}.pagination-info{display:flex;align-items:center;gap:1rem}.pagination-text{color:var(--text-primary);font-weight:500;white-space:nowrap}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-card:nth-child(1){animation-delay:.1s}.article-card:nth-child(2){animation-delay:.2s}.article-card:nth-child(3){animation-delay:.3s}.article-card:nth-child(4){animation-delay:.4s}.article-card:nth-child(5){animation-delay:.5s}.article-card:nth-child(6){animation-delay:.6s}@media(max-width:768px){.articles-section{padding:var(--spacing-lg) 0;padding-top:var(--page-offset)}.articles-section .articles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.articles-section .section-title{font-size:1.75rem}.pagination{flex-direction:column;gap:.75rem}.pagination-link{width:100%;justify-content:center}.articles-section .article-card{border-radius:var(--radius-lg)}.articles-section .article-content{padding:1.5rem}}@media(max-width:480px){.articles-section{padding:var(--spacing-md) 0;padding-top:var(--page-offset)}.articles-section .articles-grid{grid-template-columns:1fr;gap:1rem}.articles-section .section-title{font-size:1.5rem}.articles-section .article-title{font-size:1.1rem}.articles-section .article-content{padding:1.25rem}.pagination-text{font-size:.875rem}}@media(max-width:1280px){.articles-section .section-title{font-size:clamp(1.75rem,4vw,2.5rem)}.articles-section .article-title{font-size:1.125rem}.articles-section .article-content{padding:1.5rem}}