.blog-list{padding:2rem 0;width:90%;max-width:1400px;margin:0 auto}.blog-list h1{font-size:32px;margin-bottom:20px;color:#222;text-align:left}.blog-list p{font-size:18px;margin-bottom:40px;color:#666;text-align:left}.articles{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}.article-card{display:flex;width:calc(33.333% - 20px);border:1px solid #ddd;overflow:hidden;text-decoration:none;color:black;transition:transform .3s ease,box-shadow .3s ease;background-color:#fff;flex-direction:column;justify-content:space-between}.article-image{width:100%;height:200px;object-fit:cover}.article-content{padding:20px}.article-content h3{font-size:20px;margin-bottom:10px;color:#333}.article-header h3{margin:10px 20px;text-align:left}.article-content p{font-size:18px;color:gray;margin:0;text-align:left}.article-card .read-more{display:inline-block;margin-top:15px;font-size:18px;font-weight:700;color:#000;border:2px solid #000;padding:5px 10px;text-align:center;transition:background-color .3s ease,color .3s ease}.article-card .read-more:hover{background-color:#000;color:#fff}@media screen and (max-width:1024px){.article-card{width:calc(50% - 20px)}}@media screen and (max-width:768px){.blog-list{width:95%}.article-card{width:100%}.blog-list h1{font-size:28px}.blog-list p{font-size:18px}}.skeleton{background-color:#e2e2e2;border-radius:4px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;left:-150px;height:100%;width:150px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}@keyframes shimmer{to{transform:translateX(100%)}}.skeleton-text{height:20px;margin:10px 0}.skeleton-text.title{width:70%;height:24px}.skeleton-text.short{width:50%}.skeleton-button{width:40%;height:30px;margin-top:15px}.article-card.shimmer .article-content{padding:20px}.article-card.shimmer .article-image{height:200px;background-color:#e2e2e2}