.xor-blog-detail-wrapper{color:#111;background-color:#fff;min-height:100vh;padding-bottom:120px;font-family:Inter,sans-serif}.xor-blog-detail-container{max-width:1400px;margin:0 auto;padding:0 5%}.xor-blog-detail-hero-container{background-color:var(--black);width:100%;height:auto;margin-bottom:80px;padding:100px 0;display:flex;position:relative;overflow:hidden}.xor-blog-detail-banner{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;max-width:1400px;margin:0 auto;padding:0 5%;display:flex;position:relative}.xor-blog-detail-banner-content{z-index:2;width:100%;position:relative}.xor-blog-detail-banner-bg{opacity:.3;filter:grayscale()brightness(.7);background-position:50%;background-size:cover;position:absolute;inset:0}.xor-blog-detail-banner-overlay{background:linear-gradient(90deg,#00040af2 0%,#00040a99 50%,#0000 100%);width:100%;height:100%;position:absolute;inset:0}.xor-detail-breadcrumb{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;margin-bottom:48px;padding:8px 18px;display:inline-flex}.xor-detail-breadcrumb-item{color:#a1a1aa;align-items:center;gap:8px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.xor-detail-breadcrumb-item a{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.xor-detail-breadcrumb-item a:hover{color:#fff}.xor-detail-breadcrumb-item.active{color:#fff;font-weight:700}.xor-detail-breadcrumb-separator{color:#3f3f46;opacity:.8}.xor-blog-detail-banner h1{letter-spacing:-.04em;text-transform:uppercase;color:#fff;max-width:1100px;margin-bottom:48px;font-size:60px;font-weight:500;line-height:1.05}.xor-blog-detail-meta-footer{align-items:center;gap:24px;display:flex}.author-chip{align-items:center;gap:12px;display:flex}.author-avatar{color:#fff;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:700;display:flex}.author-info{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.author-name{color:#fff;font-size:14px;font-weight:700}.publish-date{color:#a1a1aa;font-size:12px}.xor-blog-image-wrapper{aspect-ratio:21/9;border:1px solid #0000000d;border-radius:10px;width:100%;margin-bottom:80px;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #0000001a}@media (max-width:768px){.xor-blog-detail-hero-container{min-height:450px;margin-bottom:40px;padding:60px 0}.xor-blog-detail-banner h1{margin-bottom:24px;font-size:42px}.xor-detail-breadcrumb{margin-bottom:24px;padding:6px 14px}}@media (max-width:1024px){.xor-blog-image-wrapper{aspect-ratio:16/9;border-radius:10px;margin-bottom:40px}}.xor-blog-detail-featured-image{width:100%;max-width:1200px;margin:0 auto}.xor-blog-detail-featured-image .featured-img{aspect-ratio:1200/628;object-fit:cover;border-radius:10px;width:100%;height:auto;max-height:628px;display:block;margin-top:0!important}@media (max-width:1024px){.xor-blog-detail-featured-image{margin:40px auto 60px}}.xor-blog-detail-layout{max-width:1400px;margin:0 auto;display:block}@media (max-width:1100px){.xor-blog-detail-layout{grid-template-columns:1fr;gap:60px}}.xor-blog-sidebar{height:fit-content;position:sticky;top:120px}@media (max-width:1100px){.xor-blog-sidebar{position:relative;top:0}}.xor-blog-toc{flex-direction:column;gap:16px;padding-right:20px;display:flex}.xor-blog-toc h4{text-transform:uppercase;letter-spacing:.1em;color:#a1a1aa;margin-bottom:12px;font-size:11px;font-weight:800}.xor-blog-toc a{color:#71717a;border-left:2px solid #0000;padding-left:16px;font-size:13px;line-height:1.5;text-decoration:none;transition:all .3s}.xor-blog-toc a:hover{color:#f27100;border-left-color:#f2710033}.xor-blog-detail-content{width:100%}.xor-blog-detail-article{color:#27272a;font-size:18px;line-height:1.8}.xor-blog-detail-article h2{color:#000;letter-spacing:-.02em;margin:40px 0 20px;font-size:36px;font-weight:800}.xor-blog-detail-article h3{color:#000;margin:30px 0 15px;font-size:26px;font-weight:700}.xor-blog-detail-article p{margin-bottom:20px}.xor-blog-detail-article ul,.xor-blog-detail-article ol{margin-bottom:24px;padding-left:24px}.xor-blog-detail-article li{margin-bottom:12px}.xor-blog-detail-article blockquote{color:#111;background:#f8fafc;border-left:6px solid #f27100;border-radius:0;margin:40px 0;padding:30px;font-size:22px;font-style:italic;line-height:1.5}.xor-blog-detail-article code{color:#f27100;background:#f4f4f5;border-radius:10px;padding:4px 8px;font-size:16px}.xor-blog-detail-article pre{color:#fff;background:#000;border:1px solid #0000000d;border-radius:10px;margin:0;padding:30px;font-size:16px;overflow-x:auto}.pre-block-wrapper{margin:40px 0;position:relative}.pre-copy-btn{color:#a1a1aa;cursor:pointer;z-index:10;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px;transition:all .3s;display:flex;position:absolute;top:16px;right:16px;overflow:hidden}.pre-copy-btn:hover{color:#fff;background:#fff3}.pre-copy-btn.copied{color:#10b981;background:#10b98126;border-color:#10b98166}.copy-text{opacity:0;white-space:nowrap;max-width:0;font-size:12px;font-weight:600;transition:max-width .3s,opacity .3s}.pre-copy-btn:hover .copy-text,.pre-copy-btn.copied .copy-text{opacity:1;max-width:60px}.icon-wrapper{justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}.icon-wrapper svg{transition:transform .3s,opacity .3s;position:absolute}.icon-copy{opacity:1;transform:scale(1)}.icon-check,.pre-copy-btn.copied .icon-copy{opacity:0;transform:scale(.5)}.pre-copy-btn.copied .icon-check{opacity:1;transform:scale(1)}.xor-blog-detail-article pre code{color:inherit;background:0 0;padding:0}.xor-blog-detail-article img{border-radius:10px;max-width:100%;height:auto;margin:30px 0;box-shadow:0 30px 60px -12px #00000014}.xor-blog-detail-article table{border-collapse:collapse;text-align:left;border:1px solid #e4e4e7;width:100%;margin:40px 0;font-size:16px}.xor-blog-detail-article thead{text-align:left;background:#f8fafc;border-bottom:2px solid #e4e4e7}.xor-blog-detail-article th{color:#000;text-transform:uppercase;letter-spacing:.05em;padding:16px 20px;font-size:13px;font-weight:700}.xor-blog-detail-article td{color:#3f3f46;border-bottom:1px solid #e4e4e7;padding:16px 20px;line-height:1.6}.xor-blog-detail-article tr:last-child td{border-bottom:none}.xor-table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid #e4e4e7;width:100%;margin-bottom:40px;overflow-x:auto}.xor-table-wrapper table{border:none;min-width:600px;margin:0}.xor-blog-detail-share-section{border-top:1px solid #0000000d;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;margin:60px 0;padding:40px 0;display:flex}.xor-blog-detail-share-tags{flex-wrap:wrap;gap:12px;display:flex}.xor-blog-detail-share-tag{color:#18181b;text-transform:uppercase;letter-spacing:.05em;background:#fff;border:1px solid #e4e4e7;padding:8px 16px;font-size:14px;font-weight:600}.xor-blog-detail-share-actions{align-items:center;gap:20px;display:flex}.share-label{text-transform:uppercase;color:#71717a;font-size:14px;font-weight:800}.share-icons{align-items:center;gap:16px;display:flex}.share-icons a{color:#18181b;align-items:center;transition:all .2s;display:flex}.share-icons a:hover{color:#f27100;transform:translateY(-2px)}@media (max-width:768px){.xor-blog-detail-share-section{flex-direction:column;align-items:flex-start;gap:32px}}.social-icon-link{text-transform:uppercase;font-size:13px;font-weight:700;text-decoration:none;color:#18181b!important}.social-icon-link:hover{color:#f27100!important}.xor-blog-tldr-box{background:#f8fafc;border-left:4px solid #f27100;border-radius:0;margin-bottom:40px;padding:24px 30px}.xor-blog-tldr-box .tldr-title{text-transform:uppercase;letter-spacing:.05em;color:#111;margin-bottom:12px;font-size:18px;font-weight:800}.xor-blog-toc-box{background:#fff;border:none;border-left:4px solid #f27100;border-radius:0;padding:30px}.toc-title-flex{align-items:center;gap:10px;display:flex;color:#111!important;text-transform:none!important;letter-spacing:normal!important;margin-bottom:0!important;font-size:20px!important}.toc-icon{color:#f27100}.toc-divider{border:0;border-top:1px solid #e4e4e7;margin:20px 0 24px}.toc-list-container{position:relative}.toc-fade-overlay{pointer-events:none;background:linear-gradient(#fff0,#fff);height:80px;position:absolute;bottom:0;left:0;right:0}.toc-list{margin:0;padding:0;list-style:none}.toc-list li{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.toc-num{color:#f27100;min-width:24px;font-size:16px;font-weight:700}.toc-list a{color:#2563eb;margin-top:1px;font-size:16px;font-weight:500;line-height:1.5;text-decoration:none;transition:color .2s}.toc-list a:hover{color:#1d4ed8}.toc-readmore-wrapper{justify-content:center;margin-top:10px;display:flex}.toc-toggle-btn{color:#111;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;background:0 0;border:none;padding:10px 20px;font-size:13px;font-weight:800;transition:color .2s}.toc-toggle-btn:hover{color:#f27100}.xor-blog-faq-section{border-top:1px solid #e4e4e7;margin-top:60px;padding-top:40px}.xor-blog-faq-section h3{margin-bottom:30px;font-size:28px;font-weight:800}.faq-item{border-bottom:1px solid #e4e4e7}.faq-question{color:#111;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:20px 0;font-size:18px;font-weight:600;display:flex}.faq-icon{color:#f27100;font-size:24px}.faq-answer{color:#3f3f46;padding-bottom:20px;font-size:16px;line-height:1.6}.xor-blog-detail-footer-cta{border-top:1px solid #0000000d;margin-top:100px;padding-top:50px}.xor-blog-detail-footer-cta a{color:#000;text-transform:uppercase;letter-spacing:.1em;align-items:center;font-size:14px;font-weight:800;text-decoration:none;transition:color .3s;display:inline-flex}.xor-blog-detail-footer-cta a:hover{color:#f27100}.xor-skeleton{background:linear-gradient(90deg,#f4f4f5 25%,#e4e4e7 50%,#f4f4f5 75%) 0 0/200% 100%;border-radius:10px;animation:1.5s infinite xor-skeleton-loading}@keyframes xor-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.xor-blog-detail-related{border-top:1px solid #0000000d;margin-top:80px;padding-top:60px}.xor-blog-detail-related h3{text-transform:uppercase;letter-spacing:.1em;color:#a1a1aa;margin-bottom:32px;font-size:20px;font-weight:800}