.blog-skeleton-container{width:100%}.blog-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:25px;gap:25px;margin-bottom:40px}.blog-skeleton-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.05);height:100%;display:flex;flex-direction:column;border:1px solid #e2e8f0}.blog-skeleton-image{height:200px;background-color:#edf2f7}.blog-skeleton-content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.blog-skeleton-category{width:80px;height:24px;background-color:#edf2f7;border-radius:15px;margin-bottom:12px}.blog-skeleton-title{height:28px;margin-bottom:10px;width:90%}.blog-skeleton-date,.blog-skeleton-title{background-color:#edf2f7;border-radius:4px}.blog-skeleton-date{width:120px;height:16px;margin-bottom:15px}.blog-skeleton-excerpt{height:16px;background-color:#edf2f7;border-radius:4px;margin-bottom:10px}.blog-skeleton-excerpt:last-of-type{width:70%;margin-bottom:20px}.blog-skeleton-read-more{width:100px;height:36px;background-color:#edf2f7;border-radius:6px;align-self:flex-start}@keyframes pulse{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}.pulse{animation:pulse 1.5s ease-in-out infinite}@media (max-width:1200px){.blog-skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.blog-skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}}@media (max-width:480px){.blog-skeleton-grid{grid-template-columns:1fr}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:25px;gap:25px;margin-bottom:40px}.blog-empty{padding:30px;background-color:#f9f9f9;border-radius:8px;text-align:center;font-style:italic;color:#666}.blog-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.05);transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;height:100%;border:1px solid #e2e8f0}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1);border-color:#cbd5e0}.blog-card-image{height:220px;overflow:hidden;position:relative}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.blog-categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.blog-category{display:inline-block;background-color:#e6f0f9;color:#1a365d;font-size:.8rem;font-weight:500;padding:4px 12px;border-radius:20px;text-decoration:none;transition:all .2s}.blog-category-active,.blog-category:hover{background-color:#1a365d;color:white}.blog-category-active{font-weight:600;box-shadow:0 2px 5px rgba(26,54,93,.3)}.blog-card h2{color:#0c4a6e}.blog-card h2,.blog-card-title{font-size:1.25rem;font-weight:600;margin-bottom:10px;line-height:1.4}.blog-card-title a{color:#1a365d;text-decoration:none;transition:color .2s ease}.blog-card-title a:hover{color:#3182ce;text-decoration:underline}.blog-date{color:#666;font-size:.875rem;margin-bottom:15px}.blog-excerpt{color:#555;font-size:.95rem;line-height:1.5;margin-bottom:20px;flex-grow:1}.blog-read-more{display:inline-block;color:#1a365d;background-color:#e6f0f9;font-weight:500;text-decoration:none;padding:8px 16px;border-radius:6px;transition:all .2s;align-self:flex-start}.blog-read-more:hover{background-color:#1a365d;color:white}@media (max-width:1200px){.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (max-width:480px){.blog-grid{grid-template-columns:1fr;gap:20px}}.categories-list{display:flex;flex-wrap:wrap;gap:10px}.category-item{display:inline-flex;align-items:center;background-color:#e6f7ff;color:#0077cc;padding:8px 16px;border-radius:20px;font-size:.9rem;transition:all .2s;text-decoration:none;border:2px solid transparent}.category-item-active,.category-item:hover{background-color:#0077cc;color:white}.category-item-active{font-weight:600;border:2px solid #004d8c;box-shadow:0 2px 8px rgba(0,119,204,.4);transform:translateY(-2px);position:relative}.category-item-active:after{content:"";position:absolute;bottom:-8px;left:50%;width:0;height:0}.category-count{display:inline-block;background-color:rgba(255,255,255,.6);color:#0077cc;border-radius:20px;padding:2px 8px;margin-left:8px;font-size:.8rem}.category-item-active .category-count,.category-item:hover .category-count{background-color:rgba(255,255,255,.8);color:#0077cc;font-weight:700}