.main-content{max-width:1400px;margin:0 auto;padding:40px 20px}.section-title{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:32px;text-align:center}.article-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:32px}.article-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);transition:transform .2s ease,box-shadow .2s ease}.article-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.article-image{width:100%;height:180px;object-fit:cover}.article-content{padding:20px}.article-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:12px;line-height:1.4}.article-excerpt{font-size:14px;color:#6b7280;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more{display:inline-block;font-size:14px;font-weight:500;color:#4f46e5;text-decoration:none;transition:color .2s ease}.read-more:hover{color:#3730a3}@media (max-width:1024px){.article-grid{grid-template-columns:repeat(3, 1fr)}}@media (max-width:768px){.article-grid{grid-template-columns:repeat(2, 1fr)}.article-image{height:160px}}@media (max-width:480px){.article-grid{grid-template-columns:1fr}.article-image{height:200px}}