.blog-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media (max-width: 992px){.blog-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.blog-list{grid-template-columns:1fr}}.blog-card{display:flex;flex-direction:column;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:30px;height:100%}.blog-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.blog-image{width:100%;height:220px;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.blog-content h4{font-size:1.25rem;font-weight:600;margin-bottom:10px;color:#333}.blog-content p{font-size:.95rem;color:#666;margin-bottom:15px;flex-grow:1}.blog-date{font-size:.85rem;color:#999;margin-top:auto}[data-theme=dark] .blog-card{background-color:var(--card-bg, #1e1e1e);box-shadow:0 4px 15px #0000004d}[data-theme=dark] .blog-content h4{color:#fff}[data-theme=dark] .blog-content p{color:#aaa}[data-theme=dark] .blog-date{color:#777}.youtube-facade{position:relative;width:100%;height:400px;cursor:pointer;background-color:#000;overflow:hidden;border-radius:8px}.youtube-facade img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:opacity .3s}.youtube-facade:hover img{opacity:1}.youtube-facade .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;background-color:red;border-radius:12px;z-index:10;display:flex;align-items:center;justify-content:center;transition:transform .2s,background-color .2s;box-shadow:0 4px 10px #00000080}.youtube-facade:hover .play-button{background-color:#c00;transform:translate(-50%,-50%) scale(1.1)}.youtube-facade .play-button:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:10px 0 10px 20px;border-color:transparent transparent transparent #fff}.skeleton{background:#eee;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);background-size:200% 100%;animation:1.5s shine linear infinite}@keyframes shine{to{background-position-x:-200%}}.blog-skeleton-container{max-width:800px;margin:0 auto;padding:20px}.skeleton-title{height:40px;width:80%;margin-bottom:20px;border-radius:4px}.skeleton-img{height:300px;width:100%;margin-bottom:20px;border-radius:8px}.skeleton-text{height:15px;width:100%;margin-bottom:10px;border-radius:4px}.skeleton-text.short{width:60%}