.blog-detail-page{padding:54px 0 76px!important;background:linear-gradient(180deg,#f4faf8,#fffaf2)!important}.blog-detail-layout{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;gap:24px!important;align-items:start!important}.blog-detail-page .blog-sidebar{position:sticky;top:96px;gap:16px!important}.blog-detail-page .sidebar-widget{padding:18px!important;border:1px solid #dce9e6!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 28px rgba(23,107,135,.07)!important}.blog-detail-page .sidebar-widget h3{display:flex;align-items:center;gap:8px;margin:0 0 14px!important;color:#17324d!important;font-size:.9rem!important}.blog-detail-page .sidebar-widget h3 i{color:#20a39e}.widget-posts{display:grid;gap:10px}.widget-post{padding:8px!important;display:grid!important;grid-template-columns:68px 1fr!important;gap:10px!important;align-items:center;border:1px solid #e3eeeb;border-radius:12px;background:#f8fbfa}.widget-post-image{width:68px!important;height:60px!important;border-radius:9px!important;overflow:hidden}.widget-post-image img{width:100%;height:100%;object-fit:cover}.widget-post-content h4{margin:0 0 4px!important;font-size:.7rem!important;line-height:1.7!important}.widget-post-content h4 a{color:#17324d!important}.widget-post-date{color:#71868f!important;font-size:.58rem!important}.share-buttons{display:grid!important;grid-template-columns:repeat(4,1fr);gap:7px!important}.share-btn{width:100%!important;height:42px!important;border:0!important;border-radius:10px!important;box-shadow:none!important}.blog-detail-content{overflow:hidden;padding:0!important;border:1px solid #dce9e6!important;border-radius:22px!important;background:#fff!important;box-shadow:0 16px 42px rgba(23,107,135,.09)!important}.post-detail-header{padding:28px 30px 24px!important;background:linear-gradient(135deg,#176b87,#20a39e)!important;color:#fff!important}.post-detail-header .blog-post-category{position:static!important;display:inline-flex!important;margin-bottom:14px;padding:6px 10px!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:9px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:none!important}.post-detail-header h1{margin:0 0 16px!important;color:#fff!important;font-size:clamp(1.55rem,3vw,2.25rem)!important;line-height:1.6!important}.post-detail-header .blog-post-meta{margin:0!important;color:rgba(255,255,255,.86)!important;font-size:.7rem!important}.post-detail-header .blog-post-meta i{color:#ffc857!important}.post-detail-header .post-tags{margin-top:15px!important}.post-detail-header .tag-item{padding:5px 9px!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:8px!important;background:rgba(255,255,255,.1)!important;color:#fff!important}.post-featured-image{height:min(440px,45vw)!important;margin:0!important;border-radius:0!important;overflow:hidden}.post-featured-image img{width:100%;height:100%;object-fit:cover;border-radius:0!important}.post-body-content{padding:34px 38px!important;color:#304b5a!important;font-size:.92rem!important;line-height:2.15!important}.post-body-content>p:first-child{font-size:1rem;color:#496572}.post-body-content h2,.post-body-content h3,.post-body-content h4{position:relative;color:#17324d!important;line-height:1.65!important}.post-body-content h2{margin:38px 0 15px!important;padding-right:16px!important;font-size:1.45rem!important}.post-body-content h2:before{content:"";position:absolute;right:0;top:.35em;width:5px;height:1.2em;border-radius:5px;background:linear-gradient(#ff7b67,#20a39e)}.post-body-content h3{margin-top:30px!important;font-size:1.18rem!important}.post-body-content img{display:block;max-width:100%;height:auto;margin:25px auto!important;border-radius:16px!important;box-shadow:0 12px 30px rgba(23,107,135,.12)}.post-body-content blockquote{margin:28px 0!important;padding:17px 20px!important;border:0!important;border-right:4px solid #20a39e!important;border-radius:12px;background:#edf8f5!important;color:#315664!important}.post-body-content table{width:100%;margin:24px 0;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #dce9e6;border-radius:12px}.post-body-content th{background:#e5f5f2;color:#176b87}.post-body-content th,.post-body-content td{padding:11px;border-left:1px solid #dce9e6;border-bottom:1px solid #dce9e6}.author-bio-box,.comments-section{margin:0 30px 28px!important;padding:22px!important;border:1px solid #dce9e6!important;border-radius:17px!important;background:#f8fbfa!important}.author-bio-box h3,.comments-title,.comment-form-box h3{display:flex;align-items:center;gap:9px;margin:0 0 16px!important;color:#17324d!important;font-size:1rem!important}.author-avatar,.comment-avatar{background:linear-gradient(135deg,#176b87,#20a39e)!important;color:#fff!important}.author-details h4,.comment-author{color:#17324d!important}.author-details p,.comment-text,.comment-date{color:#607680!important}.comment-item{padding:15px!important;border:1px solid #e0ece9!important;border-radius:13px!important;background:#fff!important}.no-comments{padding:25px;border:1px dashed #bddbd6;border-radius:12px;background:#fff}.no-comments p{text-align:center}.comment-form-box{margin-top:20px!important;padding:20px!important;border:1px solid #dce9e6!important;border-radius:14px!important;background:#fff!important}.comment-form label{color:#17324d!important;font-size:.75rem!important;font-weight:800}.comment-form .form-control{border:1.5px solid #d6e6e3!important;border-radius:11px!important;background:#f8fbfa!important}.comment-form .btn-primary{min-height:48px;border-radius:11px!important;background:linear-gradient(135deg,#ff7b67,#ff967c)!important}@media(max-width:900px){.blog-detail-layout{grid-template-columns:1fr!important}.blog-detail-page .blog-sidebar{position:static;order:2}.blog-detail-content{order:1}}@media(max-width:620px){.blog-detail-page{padding:34px 0 55px!important}.post-detail-header{padding:22px 18px!important}.post-body-content{padding:24px 18px!important}.post-featured-image{height:240px!important}.author-bio-box,.comments-section{margin:0 14px 18px!important;padding:16px!important}.comment-form .form-row{grid-template-columns:1fr!important}}html[data-theme="dark"] body .blog-detail-page{background:var(--dm-bg)!important}html[data-theme="dark"] body :is(.blog-detail-content,.blog-detail-page .sidebar-widget,.author-bio-box,.comments-section,.comment-item,.comment-form-box,.no-comments){background:var(--dm-surface)!important;color:var(--dm-text)!important;border-color:var(--dm-border)!important}html[data-theme="dark"] body :is(.widget-post,.post-body-content blockquote,.comment-form .form-control){background:var(--dm-surface-2)!important;border-color:var(--dm-border)!important}html[data-theme="dark"] body :is(.post-body-content h2,.post-body-content h3,.post-body-content h4,.author-bio-box h3,.comments-title,.comment-form-box h3,.author-details h4,.comment-author,.widget-post-content h4 a,.blog-detail-page .sidebar-widget h3){color:var(--dm-text)!important}html[data-theme="dark"] body :is(.post-body-content,.post-body-content p,.author-details p,.comment-text,.comment-date,.widget-post-date){color:var(--dm-muted)!important}html[data-theme="dark"] body .post-body-content th{background:#304a50!important;color:var(--dm-link)!important}html[data-theme="dark"] body .post-body-content td{border-color:var(--dm-border)!important}
