.blog-detail-container{min-height:60vh;background:#fff;padding:28px 16px 40px}.blog-detail-layout{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:24px;gap:24px;align-items:stretch}.blog-detail-main{background:#fff;border-radius:0;border:none;box-shadow:none;padding:8px 8px 28px;position:relative;overflow:visible}.blog-detail-main:before{display:none}.back-button{padding:0 0 4px}.back-btn{color:#0898ab!important;font-weight:600;padding-left:0!important;height:auto!important}.back-btn:hover{color:#067f90!important}.blog-header{padding:4px 0 16px;text-align:left;border-bottom:1px solid #eef2f7;margin-bottom:16px}.blog-meta{margin-bottom:12px}.blog-title{font-size:32px!important;font-weight:700!important;color:#303030!important;line-height:1.3!important;margin:0 0 12px!important}.blog-excerpt{font-size:16px;color:#64748b;line-height:1.6;margin:0!important}.blog-image{margin:8px 0 20px;border-radius:10px;overflow:hidden;box-shadow:none}.blog-image img{width:100%;height:auto;max-height:460px;object-fit:cover;display:block}.blog-image-fallback{width:100%;height:280px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e6f7f9,#f4fbfc);color:#0898ab;font-weight:600}.blog-content{padding:8px 0 12px;line-height:1.8;font-size:16px;color:#334155}.blog-html-content{max-width:100%;overflow-wrap:break-word}.blog-html-content h1,.blog-html-content h2,.blog-html-content h3,.blog-html-content h4,.blog-html-content h5,.blog-html-content h6{color:#303030;margin-top:28px;margin-bottom:12px;font-weight:650}.blog-html-content h1{font-size:26px}.blog-html-content h2{font-size:22px}.blog-html-content h3{font-size:19px}.blog-html-content h4{font-size:17px}.blog-html-content p{margin-bottom:14px;line-height:1.8}.blog-html-content ol,.blog-html-content ul{margin-bottom:14px;padding-left:22px}.blog-html-content li{margin-bottom:6px}.blog-html-content blockquote{background:#f4fbfc;border-left:4px solid #0898ab;padding:16px 18px;margin:18px 0;border-radius:8px;font-style:italic;color:#475569}.blog-html-content img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}.blog-html-content a{color:#0898ab;text-decoration:none;border-bottom:1px solid transparent}.blog-html-content a:hover{border-bottom-color:#0898ab}.blog-html-content strong{color:#303030;font-weight:650}.blog-sidebar{min-width:0;height:100%}.blog-sidebar-sticky{position:-webkit-sticky;position:sticky;top:100px;z-index:5;max-height:calc(100vh - 120px);overflow-y:auto}.blog-sidebar-card{background:#fff;border-radius:10px;border:1px solid #e8eef1;box-shadow:none;padding:16px 14px 12px}.blog-actions-mobile{display:none;margin:4px 0 14px;padding:0;border-radius:0;border:none;background:transparent}.error-state{text-align:center;padding:60px 20px;color:#64748b}@media (max-width:960px){.blog-detail-layout{grid-template-columns:1fr;gap:0}.blog-sidebar{display:none}.blog-actions-mobile{display:block}.blog-detail-container{padding:18px 14px 32px}.blog-detail-main{padding:4px 2px 20px;border:none;border-radius:0;box-shadow:none;background:transparent}.blog-title{font-size:24px!important}}@media (max-width:480px){.blog-detail-container{padding:14px 12px 28px}.blog-detail-main{padding:0 0 16px}.blog-title{font-size:22px!important}.blog-content{font-size:15px}}