.blog-detail-page{background:#f7f8fa;min-height:calc(100vh - 200px);padding:2rem 0 4rem}.blog-detail-container{max-width:800px;margin:0 auto;padding:0 1.5rem}.back-link{color:#4f8a8b;align-items:center;gap:.5rem;margin-bottom:2rem;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.back-link:hover{color:#2d5c5d;gap:.75rem}.blog-detail-header{background:#fff;border-radius:1rem;margin-bottom:2rem;padding:3rem;box-shadow:0 2px 12px #0000000f}.blog-detail-title{color:#222;margin:0 0 1.5rem;font-size:2.5rem;font-weight:800;line-height:1.2}.blog-detail-meta{border-top:2px solid #e0e0e0;align-items:center;gap:1.5rem;padding-top:1rem;display:flex}.blog-detail-date{color:#4f8a8b;font-size:1rem;font-weight:600}.blog-detail-content{background:#fff;border-radius:1rem;margin-bottom:2rem;padding:3rem;line-height:1.8;box-shadow:0 2px 12px #0000000f}.blog-detail-paragraph{color:#444;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.blog-detail-heading{color:#222;margin:2rem 0 1rem;font-weight:700;line-height:1.3}.blog-detail-content h1{font-size:2rem}.blog-detail-content h2{font-size:1.75rem}.blog-detail-content h3{font-size:1.5rem}.blog-detail-content h4{font-size:1.25rem}.blog-detail-content h5,.blog-detail-content h6{font-size:1.1rem}.blog-detail-content p:last-child{margin-bottom:0}.blog-detail-footer{text-align:center;padding:2rem 0}.back-to-blog-btn{color:#fff;background:#4f8a8b;border-radius:.5rem;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,gap .2s;display:inline-flex}.back-to-blog-btn:hover{background:#2d5c5d;gap:.75rem}.blog-detail-loading{color:#555;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:4rem 2rem;display:flex}.spinner{border:4px solid #e0e0e0;border-top-color:#4f8a8b;border-radius:50%;width:50px;height:50px;margin-bottom:1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.blog-detail-error{text-align:center;background:#fff;border-radius:1rem;max-width:600px;margin:2rem auto;padding:4rem 2rem;box-shadow:0 2px 12px #0000000f}.blog-detail-error h2{color:#d32f2f;margin-bottom:2rem}@media (max-width:768px){.blog-detail-header{padding:2rem}.blog-detail-title{font-size:2rem}.blog-detail-content{padding:2rem}.blog-detail-paragraph{font-size:1rem}}@media (max-width:480px){.blog-detail-header,.blog-detail-content{padding:1.5rem}.blog-detail-title,.blog-detail-content h1{font-size:1.5rem}.blog-detail-content h2{font-size:1.35rem}.blog-detail-content h3{font-size:1.2rem}.back-to-blog-btn{padding:.75rem 1.5rem;font-size:.95rem}}