.toc-nav{border-radius:1rem;border:1px solid var(--border);background-color:#fff;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.rounded-xl{border-radius:1rem}.border{border-width:1px;border-style:solid}.border-gray-200{border-color:var(--border)}.bg-white{background-color:#fff}.p-6{padding:1.5rem}.mb-4{margin-bottom:1rem}.flex{display:flex}.w-full{width:100%}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-left{text-align:left}.font-semibold{font-weight:600}.text-gray-900{color:var(--secondary)}.gap-2{gap:.5rem}.h-5{height:1.25rem;width:1.25rem;flex-shrink:0}.w-5{width:1.25rem;height:1.25rem;flex-shrink:0}.text-primary-600{color:var(--primary)}.transition-transform{transition:transform .2s ease}.rotate-180{transform:rotate(180deg)}.hidden{display:none}.text-lg{font-size:1.125rem;line-height:1.75;font-weight:600}.toc-list,.space-y-2{list-style:none;padding:0;margin:0}.space-y-2>li,.toc-list>li{margin-top:0;margin-bottom:.5rem}.space-y-2>li:last-child,.toc-list>li:last-child{margin-bottom:0}.block{display:block}.ml-4{margin-left:1.5rem;position:relative}.ml-4:before{content:"→";position:absolute;left:-1.25rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.875rem;line-height:1}.toc-link{display:block;text-decoration:none;color:inherit;cursor:pointer}.rounded-md{border-radius:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.625rem;padding-bottom:.625rem}.text-sm{font-size:.9375rem;line-height:1.6}.transition-all{transition:all .2s ease}.toc-link.is-active,.toc-link.bg-primary-50,a.is-active,a.bg-primary-50{background:linear-gradient(90deg,#fdf2f8,#fce7f3)!important;color:#ec4899!important;font-weight:700!important;border-left:4px solid #EC4899!important;box-shadow:0 2px 4px #ec489926!important;transform:translate(2px)!important;padding-left:calc(.75rem - 4px)!important}.text-primary-700{color:var(--primary)!important;font-weight:700!important}.text-gray-600{color:var(--text-muted)}.hover\:bg-gray-100:hover:not(.is-active):not(.bg-primary-50){background-color:var(--gray-50);transform:translate(1px)}.hover\:text-gray-900:hover:not(.is-active):not(.text-primary-700){color:var(--text-main)}.toc-nav button{background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.toc-nav a{text-decoration:none;color:inherit;display:block}.space-y-2 a,.toc-list a{position:relative;transition:all .2s ease}.space-y-2 a:not(.is-active):not(.bg-primary-50):hover,.toc-list a:not(.is-active):not(.bg-primary-50):hover{transform:translate(2px);background-color:var(--gray-50)}.space-y-2 a.is-active,.space-y-2 a.bg-primary-50,.toc-list a.is-active,.toc-list a.bg-primary-50,.toc-list .is-active,.space-y-2 .is-active{font-weight:700!important;background:linear-gradient(90deg,#fdf2f8,#fce7f3)!important;color:#ec4899!important;border-left:4px solid #EC4899!important;box-shadow:0 2px 4px #ec489926!important;transform:translate(2px)!important;padding-left:calc(.75rem - 4px)!important}.space-y-2 a.text-primary-700,.toc-list a.text-primary-700{color:var(--primary)!important;font-weight:700!important}@media(min-width:1024px){.lg\:hidden{display:none!important}.lg\:flex{display:flex!important}.lg\:items-center{align-items:center}.lg\:gap-2{gap:.5rem}.lg\:block{display:block!important}}@media(max-width:1023px){.p-6{padding:1.25rem}.text-lg{font-size:1rem}.text-sm{font-size:.875rem}}.scroll-to-top{position:fixed;bottom:7rem;right:2rem;width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#9333EA 100%);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #e20b8c4d;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:999}.scroll-to-top:hover{transform:translateY(-2px);box-shadow:0 6px 16px #e20b8c66}.scroll-to-top-visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top svg{width:1.5rem;height:1.5rem}@media(max-width:768px){.scroll-to-top{bottom:6rem;right:1.5rem;width:2.75rem;height:2.75rem}.scroll-to-top svg{width:1.25rem;height:1.25rem}}.blog-post-container{max-width:1400px;margin:0 auto;padding:3rem 2rem;overflow:visible}.blog-post-header{margin-bottom:1.5rem}.blog-post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.blog-post-tag{background-color:#fdf2f8;color:var(--primary);padding:.375rem .875rem;border-radius:9999px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s}.blog-post-tag:hover{background-color:#fce7f3}.blog-post-title{font-size:3rem;font-weight:700;color:var(--secondary);margin-bottom:1rem;line-height:1.2}.blog-post-excerpt{font-size:1.25rem;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.6}.blog-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;color:var(--text-muted);font-size:.9375rem;margin-bottom:2rem}.blog-post-meta-author{display:flex;align-items:center}.blog-post-meta-item{display:flex;align-items:center;gap:.5rem}.blog-post-meta svg{width:1.25rem;height:1.25rem}.blog-post-share{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1rem 0}.blog-post-share-inner{display:flex;align-items:center;gap:1rem}.blog-post-share-label{font-size:.875rem;font-weight:500;color:var(--text-main)}.blog-post-share-buttons{display:flex;gap:.75rem}.blog-post-share-btn{color:var(--text-muted);transition:color .2s}.blog-post-share-btn:hover{color:var(--primary)}.blog-post-share-btn svg{width:1.25rem;height:1.25rem}.blog-post-layout{display:grid;grid-template-columns:minmax(0,800px) 350px;gap:4rem;max-width:1400px;margin:0 auto;align-items:start;min-height:100vh}.blog-post-main{min-width:0}.blog-post-sidebar{height:100%}.blog-post-sidebar-sticky{position:-webkit-sticky;position:sticky;top:120px;align-self:start;z-index:50}.blog-post-container,.blog-post-layout,article,main{overflow:visible!important}@media(max-width:1024px){.blog-post-container,.blog-post-layout,.blog-post-container article{overflow-x:hidden;overflow-y:visible}}.blog-post-content{font-size:1.0625rem;line-height:1.8;color:var(--text-secondary)}.blog-post-content h2{font-size:2rem;font-weight:700;color:var(--secondary);margin-top:2rem;margin-bottom:1.5rem;line-height:1.3;padding-bottom:.5rem;border-bottom:2px solid var(--border)}.blog-post-content h2:first-child{margin-top:0}.blog-post-content h3{font-size:1.5rem;font-weight:700;color:var(--secondary);margin-top:2.5rem;margin-bottom:1rem;line-height:1.4}.blog-post-content h4{font-size:1.25rem;font-weight:600;color:var(--secondary);margin-top:2rem;margin-bottom:.75rem}.blog-post-content p{margin-bottom:1.5rem;color:var(--text-secondary)}.blog-post-content a{color:var(--primary);text-decoration:none;transition:color .2s;font-weight:500;border-bottom:1px solid transparent}.blog-post-content a:hover{color:var(--primary-hover);border-bottom-color:var(--primary)}.blog-post-content strong{font-weight:600;color:var(--text-main)}.blog-post-content em{font-style:italic;color:var(--text-main)}.blog-post-content ul,.blog-post-content ol{margin:1.5rem 0;padding-left:2rem}.blog-post-content ul{list-style-type:disc}.blog-post-content ol{list-style-type:decimal}.blog-post-content li{margin-bottom:.75rem;color:var(--text-secondary);line-height:1.7;padding-left:.5rem}.blog-post-content li::marker{color:var(--primary);font-weight:600}.blog-post-content ul ul,.blog-post-content ol ol,.blog-post-content ul ol,.blog-post-content ol ul{margin-top:.5rem;margin-bottom:.5rem}.blog-post-content blockquote{border-left:4px solid var(--primary);padding:1.5rem 2rem;margin:2rem 0;background-color:var(--accent);font-style:italic;border-radius:0 .5rem .5rem 0;color:var(--text-main)}.blog-post-content blockquote p:last-child{margin-bottom:0}.blog-post-content code{background-color:#fdf2f8;color:var(--primary);padding:.25rem .5rem;border-radius:.25rem;font-family:Monaco,Menlo,Courier New,monospace;font-size:.875em;font-weight:500;overflow-wrap:break-word}.blog-post-content pre{background-color:var(--secondary);color:#fff;padding:1.5rem;border-radius:.5rem;overflow-x:auto;margin:2rem 0;box-shadow:0 4px 6px -1px #0000001a}.blog-post-content pre code{background:none;color:inherit;padding:0;font-weight:400}.blog-post-content hr{border:none;border-top:2px solid var(--border);margin:3rem 0}.blog-post-content img{max-width:100%;height:auto;border-radius:.5rem;margin:2rem 0;box-shadow:0 4px 6px -1px #0000001a}.blog-post-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.9375rem}.blog-post-content table th,.blog-post-content table td{padding:.75rem 1rem;border:1px solid var(--border);text-align:left}.blog-post-content table th{background-color:var(--gray-50);font-weight:600;color:var(--secondary)}.blog-post-content table tr:nth-child(2n){background-color:var(--gray-50)}@media(max-width:768px){.blog-post-content table{display:block;width:100%;overflow-x:auto;white-space:nowrap;margin:1.5rem 0}.blog-post-content table th,.blog-post-content table td{padding:.5rem .75rem;font-size:.875rem;min-width:120px}}.blog-post-container .site-breadcrumbs{padding:0 0 1rem}.blog-post-container .breadcrumbs-container{max-width:none;padding:0}.blog-post-footer{margin-top:3rem}.blog-author-section{margin-bottom:2rem}.blog-post-share-bottom{border-top:1px solid var(--border);padding-top:2rem;margin-bottom:3rem}.blog-related-posts{margin-bottom:3rem}.blog-related-title{font-size:2rem;font-weight:700;color:var(--secondary);margin-bottom:1.5rem}.blog-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.blog-related-card-link{text-decoration:none;color:inherit;display:block}.blog-related-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;transition:all .2s ease;cursor:pointer;height:100%;display:flex;flex-direction:column}.blog-related-card-link:hover .blog-related-card{transform:translateY(-2px);box-shadow:0 4px 20px #0000000f}.blog-related-card-content{padding:0;flex:1;display:flex;flex-direction:column}.blog-related-card-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .75rem;line-height:1.3}.blog-related-card-link:hover .blog-related-card-title{color:var(--primary)}.blog-related-card-excerpt{color:#6b7280;font-size:.875rem;line-height:1.6;margin:0 0 1rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-related-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#6b7280}.blog-related-card-read-more{color:var(--primary);font-weight:500;text-decoration:none}.blog-toc{background:#fff;border:1px solid var(--border);border-radius:1rem;padding:1.5rem}.blog-post-sidebar>nav,.blog-post-sidebar-sticky>nav{border-radius:1rem;border:1px solid var(--border);background-color:#fff;padding:1.5rem;display:block!important;position:relative;box-shadow:0 1px 3px #0000001a}.blog-toc-title{font-size:1.125rem;font-weight:600;color:var(--secondary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.blog-toc-title svg{width:1.25rem;height:1.25rem;color:var(--primary)}.toc-nav{opacity:1;transition:opacity .2s ease-in}.toc-mobile-toggle{display:flex}.toc-desktop-title{display:none}@media(min-width:1024px){.toc-mobile-toggle{display:none!important}.toc-desktop-title{display:flex!important}.toc-list{display:block!important}}@media(max-width:1024px){.blog-post-layout{grid-template-columns:1fr}.blog-post-sidebar{position:static;order:-1}.blog-related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blog-post-container{padding:2rem 1rem}.blog-post-title{font-size:2rem;overflow-wrap:break-word}.blog-post-excerpt{font-size:1.125rem}.blog-post-meta{font-size:.875rem}.blog-post-content{font-size:1rem;overflow-wrap:break-word;max-width:100%}.blog-post-content h2{font-size:1.75rem}.blog-post-content h3{font-size:1.375rem}.blog-post-content pre{margin:1.5rem -1rem;border-radius:0;padding:1rem;font-size:.875rem}.blog-related-grid{grid-template-columns:1fr}.blog-cta h2{font-size:2rem}.blog-cta-buttons{flex-direction:column;align-items:stretch}}@media(max-width:640px){.blog-post-title{font-size:1.75rem}.blog-post-meta{flex-direction:column;align-items:flex-start;gap:.75rem}.blog-post-content{padding:0}.blog-post-content pre{margin:1rem -1rem;padding:1rem}.blog-cta-card{padding:0 1.5rem}}