.container.blog-layout{grid-template-columns:2fr 1fr;gap:40px;max-width:1200px;margin:0 auto;padding:40px 20px;display:grid}.blog-main{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000000d}.blog-featured-image{border-radius:8px;margin-bottom:25px;overflow:hidden}.featured-image{object-fit:cover;width:100%;height:auto;max-height:500px;display:block}.blog-title{color:#1a1a1a;margin-bottom:15px;font-size:2.2rem;font-weight:700;line-height:1.3}.blog-meta{color:#666;border-bottom:1px solid #eee;gap:20px;margin-bottom:25px;padding-bottom:20px;font-size:.95rem;display:flex}.blog-content-wrapper{color:#333;font-size:1.1rem;line-height:1.8}.blog-content-wrapper h2{color:#1a1a1a;margin:30px 0 15px;font-size:1.8rem}.blog-content-wrapper h3{color:#1a1a1a;margin:25px 0 12px;font-size:1.4rem}.blog-content-wrapper p{margin-bottom:20px}.blog-content-wrapper img{border-radius:8px;max-width:100%;height:auto;margin:20px 0}.blog-content-wrapper ul,.blog-content-wrapper ol{margin:15px 0 20px;padding-left:25px}.blog-content-wrapper li{margin-bottom:8px}.blog-content-wrapper blockquote{color:#555;background:#f8f9fa;border-left:4px solid #06c;border-radius:0 8px 8px 0;margin:20px 0;padding:20px 25px;font-style:italic}.blog-categories{border-top:1px solid #eee;margin-top:30px;padding-top:25px}.blog-categories h4{color:#1a1a1a;margin-bottom:12px;font-size:1rem}.category-tags{flex-wrap:wrap;gap:10px;display:flex}.category-tag{color:#333;background:#f0f4f8;border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:500}.back-to-blog-bottom{color:#06c;margin-top:30px;font-weight:500;text-decoration:none;transition:color .3s;display:inline-block}.back-to-blog-bottom:hover{color:#049}.blog-sidebar{align-self:start;position:sticky;top:20px}.sidebar-widget{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000000d}.sidebar-widget h3{color:#1a1a1a;border-bottom:2px solid #06c;margin-bottom:20px;padding-bottom:15px;font-size:1.3rem;font-weight:600}.sidebar-item{border-bottom:1px solid #f0f0f0;gap:15px;padding:12px 0;text-decoration:none;transition:all .3s;display:flex}.sidebar-item:last-child{border-bottom:none}.sidebar-item:hover{transform:translate(5px)}.sidebar-item img{object-fit:cover;border-radius:8px;flex-shrink:0;width:80px;height:80px}.sidebar-item h4{color:#1a1a1a;margin-bottom:5px;font-size:.95rem;font-weight:600;line-height:1.3}.sidebar-item p{color:#666;margin:0;font-size:.85rem}.error-container{text-align:center;padding:60px 20px}.error-icon{margin-bottom:20px;font-size:4rem}.error-container h2{color:#dc3545;margin-bottom:15px}.error-container p{color:#666;margin-bottom:25px}.back-to-blog-btn{color:#fff;background:#06c;border-radius:6px;padding:10px 25px;font-weight:500;text-decoration:none;transition:background .3s;display:inline-block}.back-to-blog-btn:hover{background:#049}.img-skeleton{background:#e0e0e0;border-radius:8px;width:100%;height:300px;animation:1.5s ease-in-out infinite pulse}.text-skeleton{background:#e0e0e0;border-radius:4px;height:30px;margin:10px 0;animation:1.5s ease-in-out infinite pulse}.text-skeleton.title{width:70%;height:40px}.content-skeleton{background:#e0e0e0;border-radius:4px;height:20px;margin:10px 0;animation:1.5s ease-in-out infinite pulse}.content-skeleton:last-child{width:60%}.sidebar-skeleton{background:#e0e0e0;border-radius:8px;height:80px;margin:10px 0;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width:992px){.container.blog-layout{grid-template-columns:1fr}.blog-sidebar{position:static}}@media (max-width:768px){.container.blog-layout{padding:20px 15px}.blog-main{padding:20px}.blog-title{font-size:1.6rem}.blog-meta{flex-direction:column;gap:5px}.blog-content-wrapper{font-size:1rem}.blog-content-wrapper h2{font-size:1.4rem}.sidebar-item{flex-direction:column}.sidebar-item img{width:100%;height:150px}}