:root{--section-max-width:1920px}.blog-detail-page{background:#fafafa;min-height:100vh}.blog-detail-page .hero-section{background:url(/images/blog_detail_image_1.png) 50%/cover no-repeat;min-height:250px;padding-top:110px}.blog-detail-page .breadcrumb{align-items:center;gap:8px;margin-bottom:20px;display:flex}.blog-detail-page .breadcrumb-item{color:#fff;font-size:.875rem;font-weight:400;text-decoration:none;transition:color .3s}.blog-detail-page .breadcrumb-item:hover{color:#6b7280}.blog-detail-page .breadcrumb-item.current{color:#6b7280;font-weight:500}.blog-detail-page h1.hero-title{text-align:center;color:#fff;margin-top:32px;font-size:32px;font-weight:700;line-height:40px}.blog-detail-page .breadcrumb-separator{opacity:.6;color:#9ca3af;align-items:center;display:flex}.blog-detail-page .container.blog-detail-container{padding-top:50px}.blog-detail-page .post-featured-image{border-radius:16px;width:100%;margin-bottom:40px;overflow:hidden}.blog-detail-page .container{max-width:var(--section-max-width);padding:0 30px}.blog-detail-page .featured-image{-o-object-fit:cover;object-fit:cover;width:auto;margin:0 auto;display:block}.blog-detail-page .post-date{color:#9ca3af;margin-top:20px;font-size:.875rem;font-weight:400}.blog-detail-page .post-header{text-align:left;margin-bottom:40px}.blog-detail-page .post-title{color:#1f2937;font-size:2.5rem;font-weight:700;line-height:1.2;font-family:var(--font-inter);margin-bottom:10px}.blog-detail-page .post-meta{border-top:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:20px;margin-top:20px;padding:12px 0;display:flex}.blog-detail-page .post-meta .meta-item{color:#6b7280;align-items:center;gap:6px;font-size:.875rem;font-weight:500;display:flex}.blog-detail-page .post-meta .meta-icon{opacity:.7;width:16px;height:16px}.blog-detail-page .post-meta .category-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600}.blog-detail-page .post-content-wrapper{margin-bottom:50px}.blog-detail-page .post-content{color:#374151;font-size:1rem;line-height:1.8}.blog-detail-page .post-content h2{color:#1f2937;margin:30px 0 15px;font-size:1.5rem;font-weight:700}.blog-detail-page .post-content h3{margin-top:20px;margin-bottom:0}.blog-detail-page .post-content p{margin-bottom:0}.blog-detail-page .post-content strong{color:#1f2937;font-weight:600}.blog-detail-page .post-content a{color:#4f7bee;text-decoration:underline}.blog-detail-page .post-content ul,.blog-detail-page .post-content ol{list-style:none}.blog-detail-page .post-tags{border-top:1px solid #e5e7eb;grid-template-columns:1fr 1fr;align-items:start;gap:40px;padding-top:20px;display:grid}.blog-detail-page .tags-column,.blog-detail-page .share-column{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:8px;display:flex}.blog-detail-page .share-column{flex-direction:row;justify-content:flex-end;gap:0}.blog-detail-page .tags-column h3,.blog-detail-page .share-column h3{color:#6b7280;margin-bottom:0;font-size:18px;font-weight:500;line-height:28px}.blog-detail-page .tags-column h3{color:#111827;font-weight:600}.blog-detail-page .share-column h3{margin-right:8px;line-height:30px}.blog-detail-page .tags-list{flex-wrap:wrap;gap:8px;display:flex}.blog-detail-page .tag{color:#4f7bee;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#4f7bee1a;border-radius:99999px;justify-content:center;align-items:center;gap:4px;padding:4px 12px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.blog-detail-page .tag:hover{background:#547dbf33;transform:translateY(-1px)}.blog-detail-page .share-list{flex-wrap:wrap;gap:8px;display:flex}.blog-detail-page .share-item{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .3s;display:flex}.blog-detail-page .share-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.blog-detail-page .comments-section{margin-bottom:60px}.blog-detail-page .comments-section h3{color:#1f2937;margin-bottom:30px;font-size:1.3rem;font-weight:700}.blog-detail-page .loading{text-align:center;color:#6b7280;padding:40px 20px;font-size:1rem}.blog-detail-page .no-comments{text-align:center;color:#9ca3af;background:#f9fafb;border-radius:8px;margin:20px 0;padding:40px 20px;font-size:1rem}.blog-detail-page .comments-disabled{text-align:center;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:20px 0;padding:40px 20px;font-size:1rem}.blog-detail-page .reply-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:5px;padding:5px 10px;font-size:.875rem;transition:all .2s;display:flex}.blog-detail-page .reply-btn:hover{color:#374151;background:#f3f4f6}.blog-detail-page .comment-btn:disabled{opacity:.6;cursor:not-allowed}.blog-detail-page .comment-btn:disabled:hover{background:#4f7bee;transform:none}.blog-detail-page .comment-form{border-bottom:1px solid #f3f4f6;margin-bottom:40px;padding-bottom:30px}.blog-detail-page .form-row{gap:24px;margin-bottom:15px;display:flex}.blog-detail-page .input-group{flex-direction:column;flex:1;display:flex}.blog-detail-page .form-row:last-of-type{margin-bottom:20px}.blog-detail-page .form-input{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;flex:1;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:border-color .3s}.blog-detail-page .form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.blog-detail-page .form-input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.blog-detail-page .error-message{color:#dc2626;margin-top:4px;margin-left:2px;font-size:.75rem}.blog-detail-page .textarea-group{flex-direction:column;width:100%;display:flex}.blog-detail-page .textarea-wrapper{width:100%;position:relative}.blog-detail-page .comment-textarea{resize:none;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;width:100%;min-height:120px;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:border-color .3s}.blog-detail-page .comment-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.blog-detail-page .comment-textarea.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.blog-detail-page .char-counter{color:#9ca3af;background:#ffffffe6;border-radius:4px;padding:2px 4px;font-size:.8rem;position:absolute;bottom:12px;right:15px}.blog-detail-page .comment-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-self:flex-end;margin-left:auto;padding:12px 24px;font-weight:600;transition:all .3s;display:block}.blog-detail-page .comment-btn:hover{background:#2563eb;transform:translateY(-1px)}.blog-detail-page .comments-list{flex-direction:column;gap:0;display:flex}.blog-detail-page .comment{border-bottom:1px solid #f3f4f6;flex-direction:column;gap:12px;padding:30px 0;display:flex}.blog-detail-page .comment:last-child{border-bottom:none}.blog-detail-page .comment-row-1{align-items:flex-start;gap:12px;display:flex}.blog-detail-page .comment-avatar{flex-shrink:0}.blog-detail-page .avatar-image{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:48px;height:48px}.blog-detail-page .comment-user-info{flex-direction:column;gap:2px;display:flex}.blog-detail-page .comment-author{color:#1f2937;margin:0;font-size:1rem;font-weight:600}.blog-detail-page .comment-date{color:#9ca3af;font-size:.8rem}.blog-detail-page .comment-row-2{margin-left:0}.blog-detail-page .comment-text{color:#6b7280;margin:0;font-size:.9rem;line-height:1.6}.blog-detail-page .comment-row-3{align-items:center;gap:12px;display:flex}.blog-detail-page .comment-time{color:#9ca3af;font-size:.8rem}.blog-detail-page .comment-actions{cursor:pointer;align-items:center;gap:6px;transition:opacity .3s;display:flex}.blog-detail-page .comment-actions:hover{opacity:.7}.blog-detail-page .replies-count{color:#9ca3af;font-size:.8rem}.blog-detail-page .replies-list{margin-top:20px;margin-bottom:16px;margin-left:40px}.blog-detail-page .reply-comment{border-bottom:1px solid #f3f4f6;flex-direction:column;gap:12px;padding:20px 0;display:flex}.blog-detail-page .reply-comment:last-child{border-bottom:none}.blog-detail-page .reply-form{margin-left:40px;display:none}.blog-detail-page .reply-form.show{display:block}.blog-detail-page .reply-form .form-row{gap:24px;margin-bottom:15px;display:flex}.blog-detail-page .reply-form .form-row:last-of-type{margin-bottom:20px}.blog-detail-page .reply-form .input-group{flex-direction:column;flex:1;display:flex}.blog-detail-page .reply-form .form-input{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;flex:1;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:border-color .3s}.blog-detail-page .reply-form .form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.blog-detail-page .reply-form .form-input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.blog-detail-page .reply-form .textarea-group{flex-direction:column;width:100%;display:flex}.blog-detail-page .reply-form .textarea-wrapper{width:100%;position:relative}.blog-detail-page .reply-form .comment-textarea{resize:none;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;width:100%;min-height:120px;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:border-color .3s}.blog-detail-page .reply-form .comment-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.blog-detail-page .reply-form .comment-textarea.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.blog-detail-page .reply-form .char-counter{color:#9ca3af;background:#ffffffe6;border-radius:4px;padding:2px 4px;font-size:.8rem;position:absolute;bottom:12px;right:15px}.blog-detail-page .reply-form .comment-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-self:flex-end;margin-left:auto;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .3s;display:block}.blog-detail-page .reply-form .comment-btn:hover{background:#2563eb;transform:translateY(-1px)}.blog-detail-page .related-section h3{color:#1f2937;text-align:left;margin-bottom:12px;font-size:24px;font-weight:600;line-height:32px}.blog-detail-page .related-posts-grid{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0 20px;display:grid}.blog-detail-page .related-post-card{color:inherit;border-bottom:1px solid #e5e7eb;grid-template-columns:48px 80%;gap:10px;padding:16px 0;text-decoration:none;transition:transform .3s;display:grid}.blog-detail-page .related-posts-grid .related-post-card:last-child{border-bottom:none}.blog-detail-page .related-post-card:hover{transform:translateY(-5px)}.blog-detail-page .related-post-image{border-radius:8px;margin-bottom:12px;overflow:hidden}.blog-detail-page .related-post-image .card-image{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:48px;height:48px;display:block}.blog-detail-page .related-post-meta{align-items:center;gap:15px;display:flex}.blog-detail-page .related-post-meta .meta-item{color:#9ca3af;align-items:center;gap:5px;font-size:14px;line-height:20px;display:flex}.blog-detail-page .related-post-title{color:#1f2937;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin:0 0 4px;font-size:14px;font-weight:600;line-height:20px;display:-webkit-box;overflow:hidden}.blog-detail-page .blog-content-container{grid-template-columns:3fr 1fr;margin-top:50px;display:grid}.blog-detail-page .main-content{border-right:1px solid #e5e7eb;margin-bottom:50px;margin-right:20px;padding-right:20px}.blog-detail-page .related-post-excerpt{color:#111827;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:14px;font-style:normal;font-weight:400;line-height:20px;display:-webkit-box;overflow:hidden}@media (min-width:1400px){.blog-detail-page .container{max-width:1200px}}@media (min-width:1700px){.blog-detail-page .container{max-width:1600px}}@media (min-width:2200px){.blog-detail-page .container{max-width:1900px}}@media (max-width:1024px){.blog-detail-page .blog-content-container{grid-template-columns:1fr}.blog-detail-page .main-content{border-right:none;margin-right:0;padding-right:0}}@media (max-width:768px){.blog-detail-page .post-tags{grid-template-columns:45% 55%;gap:0}.blog-detail-page .share-column h3{line-height:28px}.blog-detail-page .post-title{font-size:2rem}.blog-detail-page .share-list{gap:8px}.blog-detail-page .share-item{width:32px;height:32px}.blog-detail-page .form-row{flex-direction:column;gap:10px}.blog-detail-page .replies-list,.blog-detail-page .reply-form{margin-left:20px}.blog-detail-page .reply-form .form-row{flex-direction:column;gap:10px}.blog-detail-page .related-posts-grid{grid-template-columns:1fr;gap:20px}.blog-detail-page .comment{flex-direction:column;gap:10px}.blog-detail-page .comment-header{flex-direction:column;align-items:flex-start;gap:5px}.blog-detail-page .featured-image{width:100%}}@media (max-width:480px){.main-content{margin-bottom:20px}.blog-detail-page .container{margin-top:24px;padding:0 15px 24px}.blog-detail-page .post-title{font-size:1.5rem}.blog-detail-page .post-content{font-size:.95rem}.blog-detail-page .post-tags{grid-template-columns:100%;gap:20px}.blog-detail-page .share-column{flex-direction:column;align-items:flex-start;gap:0;display:flex}.blog-detail-page .share-column h3{line-height:30px}.blog-detail-page section.hero-section{padding-top:100px}.blog-detail-page .breadcrumb{display:none}.blog-detail-page .related-posts-grid{gap:0}}