.blog-detail--comfortable{--theme-color:#0e0f11;--main-color:#d0ff71}.blog-detail--comfortable .blog-detail-header{background:var(--theme-color);padding:180px 0 100px}.blog-detail--comfortable .blog-detail-header .back-link{color:#8e8e8e;align-items:center;margin-bottom:30px;font-size:14px;text-decoration:none;display:inline-flex}.blog-detail--comfortable .blog-detail-header .back-link:hover{color:var(--main-color)}.blog-detail--comfortable .blog-detail-header .back-link svg{width:18px;height:18px;margin-right:8px;transform:rotate(180deg)}.blog-detail--comfortable .blog-detail-header h1{color:#fff;margin-bottom:20px;font-size:56px;font-weight:500}.blog-detail--comfortable .blog-detail-header .blog-meta{gap:30px;display:flex}.blog-detail--comfortable .blog-detail-header .blog-meta-item{color:#8e8e8e;align-items:center;font-size:14px;display:flex}.blog-detail--comfortable .blog-detail-header .blog-meta-item svg{width:16px;height:16px;margin-right:8px}.blog-detail--comfortable .blog-content{background:var(--theme-color);padding:0 0 100px}.blog-detail--comfortable .blog-content article h2{color:#fff;letter-spacing:-.5px;margin-top:50px;margin-bottom:25px;font-size:36px;font-weight:500}.blog-detail--comfortable .blog-content article p{color:#a4a4a4;letter-spacing:.2px;margin-bottom:20px;font-size:18px;line-height:1.8}.blog-detail--comfortable .blog-content article ul{margin:20px 0 30px 30px}.blog-detail--comfortable .blog-content article ul li{color:#a4a4a4;margin-bottom:12px;padding-left:15px;font-size:18px;line-height:1.8;position:relative}.blog-detail--comfortable .blog-content article ul li:before{content:"";background:var(--main-color);border-radius:50%;width:6px;height:6px;position:absolute;top:12px;left:0}.blog-detail--comfortable .blog-content article strong{color:#fff}.blog-detail--comfortable .blog-content article .highlight-box{border-left:4px solid var(--main-color);background:#d0ff710d;margin:40px 0;padding:30px}.blog-detail--comfortable .blog-content article .highlight-box p{color:#fff;margin-bottom:0;font-size:20px}.blog-detail--comfortable .blog-content article .featured-image{border-radius:15px;width:100%;height:400px;margin:40px 0;overflow:hidden}.blog-detail--comfortable .blog-content article .featured-image img{object-fit:cover;width:100%;height:100%}.blog-detail--comfortable .blog-share{background:var(--theme-color);padding:0 0 100px}.blog-detail--comfortable .blog-share .share-title{color:#8e8e8e;margin-bottom:15px;font-size:14px}.blog-detail--comfortable .blog-share .share-icons{gap:15px;display:flex}.blog-detail--comfortable .blog-share .share-icons a{color:#fff;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.blog-detail--comfortable .blog-share .share-icons a:hover{background:var(--main-color)}.blog-detail--compact{--bg-color:#18191b;--theme-color:#0e0f11;--main-color:#d0ff71}.blog-detail--compact .blog-detail-header{background:var(--theme-color);padding:180px 0 100px;position:relative;overflow:hidden}.blog-detail--compact .blog-detail-header .back-link{color:#8e8e8e;align-items:center;margin-bottom:30px;font-size:14px;text-decoration:none;transition:color .3s;display:inline-flex}.blog-detail--compact .blog-detail-header .back-link:hover{color:var(--main-color)}.blog-detail--compact .blog-detail-header .back-link svg{width:18px;height:18px;margin-right:8px;transform:rotate(180deg)}.blog-detail--compact .blog-detail-header h1{color:#fff;margin-bottom:20px;font-size:56px;font-weight:500;line-height:1.2}.blog-detail--compact .blog-detail-header .blog-meta{flex-wrap:wrap;align-items:center;gap:30px;display:flex}.blog-detail--compact .blog-detail-header .blog-meta-item{color:#8e8e8e;align-items:center;font-size:14px;display:flex}.blog-detail--compact .blog-detail-header .blog-meta-item svg{width:16px;height:16px;margin-right:8px}.blog-detail--compact .blog-content{background:var(--theme-color);padding:0 0 100px}.blog-detail--compact .blog-content article h2{color:#fff;letter-spacing:-.5px;margin-top:50px;margin-bottom:25px;font-size:36px;font-weight:500}.blog-detail--compact .blog-content article h3{color:#fff;letter-spacing:-.3px;margin-top:40px;margin-bottom:20px;font-size:28px;font-weight:500}.blog-detail--compact .blog-content article p{color:#a4a4a4;letter-spacing:.2px;margin-bottom:20px;font-size:18px;line-height:1.8}.blog-detail--compact .blog-content article ul{margin:20px 0 30px 30px}.blog-detail--compact .blog-content article ul li{color:#a4a4a4;margin-bottom:12px;padding-left:15px;font-size:18px;line-height:1.8;position:relative}.blog-detail--compact .blog-content article ul li:before{content:"";background:var(--main-color);border-radius:50%;width:6px;height:6px;position:absolute;top:12px;left:0}.blog-detail--compact .blog-content article strong{color:#fff;font-weight:600}.blog-detail--compact .blog-content article .highlight-box{border-left:4px solid var(--main-color);background:#d0ff710d;border-radius:0 10px 10px 0;margin:40px 0;padding:30px}.blog-detail--compact .blog-content article .highlight-box p{color:#fff;margin-bottom:0;font-size:20px;line-height:1.6}.blog-detail--compact .blog-content article .featured-image{border-radius:15px;width:100%;height:400px;margin:40px 0;overflow:hidden}.blog-detail--compact .blog-content article .featured-image img{object-fit:cover;width:100%;height:100%}.blog-detail--compact .blog-share{background:var(--theme-color);padding:0 0 100px}.blog-detail--compact .blog-share .share-title{color:#8e8e8e;margin-bottom:15px;font-size:14px}.blog-detail--compact .blog-share .share-icons{gap:15px;display:flex}.blog-detail--compact .blog-share .share-icons a{color:#fff;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex}.blog-detail--compact .blog-share .share-icons a:hover{background:var(--main-color);border-color:var(--main-color);color:#0e0f11}@media screen and (width<=992px){.blog-detail--compact .blog-detail-header{padding:140px 0 80px}.blog-detail--compact .blog-detail-header h1{font-size:42px}.blog-detail--compact .blog-content{padding:0 0 60px}.blog-detail--compact .blog-content article h2{font-size:28px}.blog-detail--compact .blog-content article h3{font-size:22px}.blog-detail--compact .blog-content article p{font-size:16px}}@media screen and (width<=768px){.blog-detail--compact .blog-detail-header{padding:120px 0 60px}.blog-detail--compact .blog-detail-header h1{font-size:36px}.blog-detail--compact .blog-content article p{font-size:16px}}.blog-detail .blog-content>.container>.row>div{margin-left:55px;margin-right:15px}.blog-detail .blog-content article table{border-collapse:collapse;width:100%;margin:30px 0 40px;font-size:16px;line-height:1.6}.blog-detail .blog-content article th{color:#fff;text-align:left;border-bottom:2px solid var(--main-color);padding:14px 16px;font-weight:600}.blog-detail .blog-content article td{color:#a4a4a4;vertical-align:top;border-bottom:1px solid #ffffff14;padding:14px 16px}.blog-detail .blog-content article tbody tr:nth-child(2n){background:#ffffff08}.blog-detail .blog-content article tbody tr:hover{background:#d0ff710d}@media screen and (width<=768px){.blog-detail .blog-content article table{white-space:nowrap;display:block;overflow-x:auto}}.blog-detail--code .blog-content article pre{background:#1a1b1e;border-radius:8px;margin:20px 0;padding:20px;overflow-x:auto}.blog-detail--code .blog-content article code{color:#d0ff71;font-family:Monaco,Menlo,monospace;font-size:14px}.blog-detail .blog-navigation{background:var(--theme-color);padding:0 0 100px}.blog-detail .blog-navigation .nav-links{justify-content:space-between;gap:30px;display:flex}.blog-detail .blog-navigation .nav-link{align-items:center;gap:15px;max-width:45%;text-decoration:none;display:flex}.blog-detail .blog-navigation .nav-link.next{text-align:right;margin-left:auto}.blog-detail .blog-navigation .nav-icon{color:#fff;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex}.blog-detail .blog-navigation .nav-icon svg{width:18px;height:18px}.blog-detail .blog-navigation .nav-link:hover .nav-icon{background:var(--main-color);border-color:var(--main-color);color:#0e0f11}.blog-detail .blog-navigation .nav-label{color:#8e8e8e;margin-bottom:5px;font-size:14px}.blog-detail .blog-navigation .nav-title{color:#fff;font-size:18px;font-weight:500}.blog-detail .blog-navigation .nav-link:hover .nav-title{color:var(--main-color)}@media screen and (width<=768px){.blog-detail .blog-navigation .nav-links{flex-direction:column;gap:20px}.blog-detail .blog-navigation .nav-link{max-width:100%}}