.blog-detail-page{padding-top:80px}.blog-detail-hero{background-color:var(--light-gray);text-align:center;padding:60px 0}.blog-detail-hero .blog-breadcrumb{margin-bottom:24px}.blog-detail-hero .blog-breadcrumb a{color:var(--dark);transition:var(--transition-fast)}.blog-detail-hero .blog-breadcrumb a:hover{color:var(--primary)}.blog-detail-hero h1{max-width:700px;margin:0 auto;font-size:4rem;line-height:1.2}.blog-detail-content{padding:60px 0}.blog-detail-layout{grid-template-columns:1fr 380px;gap:40px;display:grid}.blog-detail-main{min-width:0}.blog-detail-featured{border-radius:var(--radius-xl);margin-bottom:24px;overflow:hidden}.blog-detail-featured img{object-fit:cover;width:100%;height:400px}.blog-detail-meta{border-bottom:1px solid #eee;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:24px;display:flex}.meta-author{align-items:center;gap:10px;display:flex}.meta-author img{object-fit:cover;border-radius:50%;width:36px;height:36px}.meta-author span{font-size:14px;font-weight:500}.blog-detail-meta .blog-category,.blog-detail-meta .meta-date,.blog-detail-meta .meta-comments{color:var(--gray);align-items:center;gap:6px;font-size:13px;display:flex}.blog-detail-meta .blog-category{color:var(--primary);font-weight:600}.blog-detail-body{margin-bottom:40px}.blog-detail-body h2{margin-bottom:20px;font-size:2.5rem;line-height:1.3}.blog-detail-body .intro-text{color:var(--gray-dark);margin-bottom:32px;font-size:15px;line-height:1.8}.content-section{margin-bottom:24px}.content-section h3{margin-bottom:8px;font-size:1rem;font-weight:700}.content-section p{color:var(--gray);font-size:14px;line-height:1.7}.content-image{border-radius:var(--radius-xl);margin:32px 0;overflow:hidden}.content-image img{object-fit:cover;width:100%;height:350px}.blog-quote{border-left:4px solid var(--primary);border-radius:0 var(--radius-lg) var(--radius-lg) 0;background-color:#fafafa;margin:40px 0;padding:32px 40px;position:relative}.blog-quote p{color:var(--gray-dark);margin:0;font-family:Poppins;font-size:15px;line-height:1.7}.quote-mark{color:var(--primary);font-family:Georgia,serif;font-size:3rem;line-height:1;position:absolute}.quote-mark:first-of-type{top:10px;left:12px}.quote-mark.end{bottom:0;right:20px}.key-takeaways{margin:40px 0}.key-takeaways h3{margin-bottom:20px;font-size:1.1rem;font-weight:700}.key-takeaways ul{flex-direction:column;gap:12px;display:flex}.key-takeaways li{color:var(--gray-dark);align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;display:flex}.key-takeaways li svg{color:var(--primary);background-color:#c3f96533;border-radius:50%;flex-shrink:0;margin-top:2px;padding:3px}.conclusion{color:var(--gray);margin-bottom:24px;font-size:14px;line-height:1.8}.thanks{color:var(--dark);margin-bottom:32px;font-size:15px;font-weight:500}.blog-engagement{border-top:1px solid #eee;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:40px;padding:20px 0;display:flex}.engagement-left{align-items:center;gap:24px;display:flex}.engagement-btn{color:var(--gray);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.engagement-btn:hover,.engagement-btn.active{color:var(--primary)}.engagement-btn.active svg{fill:var(--primary)}.comment-count{color:var(--gray);align-items:center;gap:8px;font-size:14px;display:flex}.engagement-right{align-items:center;gap:12px;display:flex}.engagement-icon{border-radius:var(--radius-md);width:40px;height:40px;color:var(--gray);cursor:pointer;transition:var(--transition-fast);background:0 0;border:1px solid #eee;justify-content:center;align-items:center;display:flex}.engagement-icon:hover{background-color:var(--light-gray);color:var(--dark)}.post-navigation{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:60px;display:grid}.nav-post{padding:20px 0}.nav-post.prev{border-right:1px solid #eee;padding-right:24px}.nav-post.next{text-align:right;padding-left:24px}.nav-label{color:var(--dark);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.nav-post.next .nav-label{justify-content:flex-end}.nav-post p{color:var(--gray);font-size:13px;line-height:1.5}.nav-post:hover .nav-label{color:var(--primary)}.comments-section{margin-bottom:60px}.comments-section h3{margin-bottom:32px;font-size:1.2rem}.comments-list{flex-direction:column;gap:32px;display:flex}.comment-item{border-bottom:1px solid #eee;padding-bottom:24px}.comment-item:last-child{border-bottom:none}.comment-header{align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.comment-header img{object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.comment-info{flex:1}.comment-info h4{margin-bottom:4px;font-size:15px;font-weight:600}.comment-info span{color:var(--gray);font-size:12px}.reply-btn{border:1px solid var(--primary);color:var(--primary);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);background:0 0;padding:6px 16px;font-size:13px;font-weight:500}.reply-btn:hover{background-color:var(--primary);color:var(--dark)}.comment-item>p{color:var(--gray);margin-left:64px;font-size:14px;line-height:1.7}.comment-replies{border-left:2px solid #eee;margin-top:24px;margin-left:64px;padding-left:24px}.comment-replies .comment-item{border-bottom:none;padding-bottom:0}.comment-replies .comment-item>p{margin-left:64px}.comment-form-section{background-color:var(--white);border-radius:var(--radius-xl);border:1px solid #eee;padding:40px}.comment-form-section h3{margin-bottom:32px;font-size:1.3rem}.comment-form{flex-direction:column;gap:24px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--dark);font-size:14px;font-weight:500}.form-group input,.form-group textarea{border-radius:var(--radius-lg);transition:var(--transition-fast);resize:vertical;border:1px solid #e5e5e5;padding:14px 18px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);outline:none}.form-group textarea{min-height:120px}.blog-detail-sidebar{flex-direction:column;gap:32px;display:flex}.author-widget{text-align:center;padding:32px 24px}.author-avatar{width:80px;height:80px;margin:0 auto 16px}.author-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.author-widget h4{border:none;margin-bottom:12px;padding:0;font-size:1.1rem}.author-widget p{color:var(--gray);margin-bottom:20px;font-size:13px;line-height:1.6}.author-social{justify-content:center;gap:12px;display:flex}.author-social a{background-color:var(--dark);width:36px;height:36px;color:var(--white);transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.author-social a:hover,.blog-detail-sidebar .tag.active{background-color:var(--primary);color:var(--dark)}.blog-detail-sidebar .promo-widget{min-height:280px;padding:0;position:relative;overflow:hidden}.promo-widget .promo-background{width:100%;height:100%;position:absolute;top:0;left:0}.promo-widget .promo-background img{object-fit:cover;filter:brightness(.4);width:100%;height:100%}.promo-widget .promo-content{z-index:1;text-align:center;flex-direction:column;justify-content:center;height:100%;padding:32px 24px;display:flex;position:relative}.promo-widget .promo-logo{color:var(--primary);font-size:1.3rem}.promo-widget .promo-content h4{color:var(--white);border:none;margin:16px 0 24px;padding:0;font-size:1.1rem;line-height:1.4}.btn-primary-outline{border:2px solid var(--primary);color:var(--primary);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary-outline:hover{background-color:var(--primary);color:var(--dark)}.blog-detail-sidebar .sidebar-widget{background-color:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:24px}.blog-detail-sidebar .sidebar-widget h4{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:12px;font-size:1.1rem}.blog-detail-sidebar .search-input{position:relative}.blog-detail-sidebar .search-input input{border-radius:var(--radius-lg);width:100%;transition:var(--transition-fast);border:1px solid #eee;padding:14px 50px 14px 16px;font-size:14px}.blog-detail-sidebar .search-input input:focus{border-color:var(--primary)}.blog-detail-sidebar .search-input svg{color:var(--primary);position:absolute;top:50%;right:16px;transform:translateY(-50%)}.blog-detail-sidebar .categories-widget ul{flex-direction:column;gap:12px;display:flex}.blog-detail-sidebar .categories-widget li label{cursor:pointer;color:var(--gray-dark);transition:var(--transition-fast);align-items:center;gap:12px;font-size:14px;display:flex}.blog-detail-sidebar .categories-widget li label:hover,.blog-detail-sidebar .categories-widget li label.active{color:var(--dark)}.blog-detail-sidebar .checkmark{width:18px;height:18px;transition:var(--transition-fast);border:2px solid #ddd;border-radius:4px;position:relative}.blog-detail-sidebar .categories-widget li label.active .checkmark,.blog-detail-sidebar .categories-widget li label:hover .checkmark{border-color:var(--primary);background-color:var(--primary)}.blog-detail-sidebar .categories-widget li label.active .checkmark:after{color:var(--dark);font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blog-detail-sidebar .related-widget ul{flex-direction:column;gap:16px;display:flex}.blog-detail-sidebar .related-blog-item{gap:12px;display:flex}.blog-detail-sidebar .related-blog-item img{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:80px;height:60px}.blog-detail-sidebar .related-date{color:var(--gray);align-items:center;gap:4px;margin-bottom:4px;font-size:12px;display:flex}.blog-detail-sidebar .related-blog-item h5{font-size:14px;font-weight:500;line-height:1.4}.blog-detail-sidebar .related-blog-item:hover h5{color:var(--primary)}.blog-detail-sidebar .tags-list{flex-wrap:wrap;gap:10px;display:flex}.blog-detail-sidebar .tag{background-color:var(--light-gray);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);padding:8px 16px;font-size:13px}.blog-detail-sidebar .tag:hover{background-color:var(--primary);color:var(--dark)}.blog-detail-sidebar .cost-widget p{color:var(--gray);margin-bottom:20px;font-size:14px;line-height:1.6}@media (max-width:1024px){.blog-detail-layout{grid-template-columns:1fr 320px;gap:32px}}@media (max-width:900px){.blog-detail-layout{grid-template-columns:1fr}.blog-detail-sidebar{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.blog-detail-sidebar .author-widget{grid-column:1/-1}}@media (max-width:768px){.blog-detail-sidebar{grid-template-columns:1fr}.blog-detail-hero h1{font-size:4rem}.blog-detail-featured img{height:280px}.post-navigation{grid-template-columns:1fr;gap:16px}.nav-post.prev{border-bottom:1px solid #eee;border-right:none;padding-bottom:16px;padding-right:0}.nav-post.next{text-align:left;padding-left:0}.nav-post.next .nav-label{justify-content:flex-start}.form-row{grid-template-columns:1fr}.comment-form-section{padding:24px}.comment-item>p,.comment-replies .comment-item>p{margin-top:12px;margin-left:0}}@media (max-width:480px){.blog-detail-meta{gap:12px}.blog-detail-body h2{font-size:2.5rem}.blog-quote{padding:24px 30px}.engagement-left{gap:16px}.comment-header img{width:40px;height:40px}}.blog-html-content{color:var(--gray-dark);font-size:15px;line-height:1.8}.blog-html-content h1{color:var(--dark);margin:24px 0 12px;font-size:2em;font-weight:700}.blog-html-content h2{color:var(--dark);margin:20px 0 10px;font-size:1.5em;font-weight:700}.blog-html-content h3{color:var(--dark);margin:16px 0 8px;font-size:1.17em;font-weight:700}.blog-html-content p{margin:10px 0}.blog-html-content ul{margin:12px 0;padding-left:24px;list-style-type:disc}.blog-html-content ul li{margin:6px 0;list-style-type:disc}.blog-html-content ol{margin:12px 0;padding-left:24px;list-style-type:decimal}.blog-html-content ol li{margin:6px 0;list-style-type:decimal}.blog-html-content img{border-radius:var(--radius-lg);max-width:100%;height:auto;margin:16px 0}.blog-html-content a{color:var(--primary);text-decoration:underline}.blog-html-content blockquote{border-left:4px solid var(--primary);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#fafafa;margin:20px 0;padding:12px 20px;font-family:Poppins}.blog-html-content u{text-decoration:underline}.blog-html-content strong{font-weight:700}