.blog-detail{margin:0 auto;color:#fff}.blog-detail .blog-header{margin-bottom:2rem}.blog-detail .blog-header h1{font-size:2.5rem;margin-bottom:1rem;color:#06f}.blog-detail .blog-header .blog-meta{display:flex;gap:2rem;color:#fff;font-size:.9rem;opacity:.8}.blog-detail .blog-header .blog-meta .author{color:#06f}.blog-detail .blog-featured-image{width:100%;height:auto;margin:0 0 2rem;border-radius:12px;overflow:hidden}.blog-detail .blog-featured-image img{width:100%;height:auto;max-height:500px;object-fit:cover;display:block}.blog-detail .blog-content{line-height:1.8;font-size:1.1rem;margin:2rem 0}.blog-detail .blog-content p{margin-bottom:1.5rem}.blog-detail .blog-content h2,.blog-detail .blog-content h3{margin:2rem 0 1rem;color:#06f}.blog-detail .blog-content a{color:#06f;text-decoration:none}.blog-detail .blog-content a:hover{text-decoration:underline}.blog-detail .blog-content ol,.blog-detail .blog-content ul{margin:1rem 0;padding-left:2rem}.blog-detail .blog-tags{margin-top:3rem;padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1)}.blog-detail .blog-tags h3{margin-bottom:1rem;color:#06f}.blog-detail .blog-tags .tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.blog-detail .blog-tags .tags-list .tag{padding:.5rem 1rem;background:rgba(0,102,255,.1);border:1px solid #06f;border-radius:20px;font-size:.9rem;color:#fff}.blog-detail .loading,.blog-detail .not-found{text-align:center;padding:3rem;color:#fff;font-size:1.2rem}