.absolute-title-blog{position:absolute;bottom:20px;left:20px}.blog-main-title{font-size:40px;font-family:var(--font-primary);color:var(--white);font-weight:700}.mobile-title{display:none}.blog-gradient-overlay{background:linear-gradient(#0000,#000000e6);border-radius:6px;width:100%;height:50%;position:absolute;bottom:0;left:0}@media (max-width:1024px){.mobile-title{display:block}.desktop-title,.blog-gradient-overlay{display:none}.blog-main-title{font-size:30px}}@media (max-width:768px){.blog-main-title{margin-top:10px;font-size:24px}}
.blog-wrapper{color:#fff;font-family:inherit}.blog-layout{gap:16px;margin:0 auto;display:flex;position:relative}.blog-sidebar-left{flex-direction:column;flex:0 0 50px;align-items:center;gap:15px;padding-top:10px;display:flex}.social-icon{color:#fff;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.social-icon:hover{background-color:#ffffff1a;border-color:#fff}.blog-main-content{background-color:#141414;border-radius:8px;flex:1;min-width:0;padding:20px}.blog-title{color:#fff;margin-bottom:30px;font-size:32px;font-weight:500;line-height:1.4}.blog-html-content{font-size:18px;font-family:var(--font-secondary);color:var(--grey)}.blog-html-content p{margin-bottom:1rem}.blog-html-content h2{letter-spacing:1px;color:var(--white);font-size:24px;font-weight:600;font-family:var(--font-secondary);margin:12px 0}.blog-html-content h3{color:var(--white);font-size:20px;font-weight:500;font-family:var(--font-secondary);margin:8px 0}.blog-html-content ul,.blog-html-content ol{margin-left:40px;list-style-type:circle}.blog-html-content li{margin-bottom:10px}.blog-html-content a{color:var(--gradiant-2);text-decoration:none}.blog-html-content img{width:100%}.blog-html-content table td,.blog-html-content table th{border:1px solid #b3b3b231!important;padding:10px!important}.blog-html-content strong{color:var(--white);font-weight:400}.blog-sidebar-right{flex-direction:column;flex:0 0 480px;align-self:flex-start;gap:20px;display:flex;position:sticky;top:100px}.blog-actions{gap:15px;display:flex}.action-btn{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #ffffff26;border-radius:30px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;transition:all .3s;display:flex}.action-btn:hover{background-color:#ffffff1a}.toc-box{background-color:#141414;border-radius:8px;padding:30px}.toc-title{font-size:18px;font-family:var(--font-secondary);color:var(--white);margin-bottom:25px}.toc-list{background-color:#1e1e1e;border-radius:8px;flex-direction:column;gap:16px;margin:0;padding:20px;list-style:none;display:flex}.toc-item{color:#a3a3a3;padding-left:15px;font-size:15px;transition:color .3s;position:relative}.toc-item:before{content:"•";color:#555;font-size:18px;line-height:1;position:absolute;top:2px;left:0}.toc-item.active{color:#fff;padding-left:12px}.toc-item.active:before{content:"";background-color:var(--gradiant-2);border-radius:2px;width:2px;position:absolute;top:4px;bottom:4px;left:0}.toc-item a{color:inherit;font-family:var(--font-secondary);text-decoration:none;display:block}.toc-item:hover{color:#fff}.meta-box{background-color:#1a1a1a;border-radius:8px;flex-direction:column;gap:0;padding:20px 30px;display:flex}.meta-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 0;display:flex}.meta-row:first-child{padding-top:0}.meta-row:last-child{border-bottom:none;padding-bottom:0}.meta-label{color:var(--grey);font-size:16px;font-family:var(--font-secondary);text-transform:uppercase}.meta-value{color:var(--white);font-size:16px;font-family:var(--font-secondary);font-weight:400}@media (max-width:1535px){.blog-html-content{font-size:16px}.blog-sidebar-right{flex:0 0 400px}}@media (max-width:1279px){.toc-box{padding:20px}.blog-sidebar-right{flex:0 0 350px}}@media (max-width:1024px){.blog-layout{gap:30px}.blog-sidebar-right{flex:0 0 280px}.blog-layout{flex-direction:column;padding:40px 20px}.blog-sidebar-left{flex-flow:wrap;flex:auto;justify-content:flex-start;margin-bottom:20px;padding-top:0}.blog-sidebar-right{flex:auto;width:100%;margin-top:30px;position:static}.blog-layout{gap:10px;padding:20px 0}}@media (max-width:768px){.blog-html-content h2{font-size:20px}.blog-html-content h3{font-size:18px}}