.blog-single-page{background-color:#f5f5f5;min-height:100vh;padding:40px 20px}.blog-single-container{max-width:900px;margin:0 auto}.breadcrumb{color:#666;align-items:center;gap:10px;margin-bottom:30px;font-size:14px;display:flex}.breadcrumb a{color:#4caf50;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span:last-child{color:#999}.blog-single-header{background:#fff;border-radius:12px;margin-bottom:30px;padding:40px;box-shadow:0 2px 10px #0000001a}.blog-meta-top{flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px;display:flex}.blog-single-title{color:#333;margin-bottom:15px;font-size:2.5rem;line-height:1.3}.blog-single-excerpt{color:#666;margin-bottom:25px;font-size:1.2rem;line-height:1.6}.blog-single-meta{border-top:1px solid #eee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding-top:20px;display:flex}.author-info{align-items:center;gap:10px;display:flex}.author-name{color:#333;font-weight:600}.blog-stats{gap:20px;display:flex}.blog-stats span{color:#666;font-size:14px}.blog-featured-image{border-radius:12px;width:100%;height:400px;margin-bottom:30px;overflow:hidden}.blog-featured-image img{object-fit:cover;width:100%;height:100%}.blog-content{background:#fff;border-radius:12px;margin-bottom:30px;padding:40px;box-shadow:0 2px 10px #0000001a}.blog-content-html{color:#333;font-size:1.1rem;line-height:1.8}.blog-content-html p{margin-bottom:20px}.blog-content-html h2{color:#333;margin:30px 0 15px;font-size:1.8rem}.blog-content-html h3{color:#333;margin:25px 0 12px;font-size:1.5rem}.blog-content-html ul,.blog-content-html ol{margin-bottom:20px;padding-left:30px}.blog-content-html li{margin-bottom:10px}.blog-content-html code{color:#e74c3c;background-color:#f5f5f5;border-radius:3px;padding:2px 6px;font-family:Courier New,monospace}.blog-content-html pre{color:#abb2bf;background-color:#282c34;border-radius:8px;margin-bottom:20px;padding:20px;overflow-x:auto}.blog-content-html pre code{color:inherit;background-color:#0000;padding:0}.blog-tags{background:#fff;border-radius:12px;margin-bottom:30px;padding:25px;box-shadow:0 2px 10px #0000001a}.blog-tags h3{color:#333;margin-bottom:15px}.tags-list{flex-wrap:wrap;gap:10px;display:flex}.tag{color:#666;background-color:#f0f0f0;border-radius:20px;padding:8px 15px;font-size:14px;font-weight:500}.blog-share{background:#fff;border-radius:12px;margin-bottom:30px;padding:25px;box-shadow:0 2px 10px #0000001a}.blog-share h3{color:#333;margin-bottom:15px}.share-buttons{flex-wrap:wrap;gap:10px;display:flex}.share-btn{cursor:pointer;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .3s}.share-btn:hover{opacity:.8}.share-btn.twitter{background-color:#1da1f2}.share-btn.facebook{background-color:#4267b2}.share-btn.linkedin{background-color:#0077b5}.blog-navigation{text-align:center;margin-top:40px}.back-to-blog{color:#fff;background-color:#4caf50;border-radius:5px;padding:12px 30px;font-weight:600;text-decoration:none;transition:background-color .3s;display:inline-block}.back-to-blog:hover{background-color:#45a049}.loading-spinner,.error-message{text-align:center;padding:100px 20px}.error-message h2{color:#666;margin-bottom:20px;font-size:2rem}.back-link{color:#4caf50;font-weight:600;text-decoration:none}.back-link:hover{text-decoration:underline}@media (max-width:768px){.blog-single-header{padding:25px}.blog-single-title{font-size:2rem}.blog-single-excerpt{font-size:1rem}.blog-single-meta{flex-direction:column;align-items:flex-start}.blog-featured-image{height:250px}.blog-content{padding:25px}.blog-content-html{font-size:1rem}.share-buttons{flex-direction:column}.share-btn{width:100%}}