.BlogPost_blogWrapper__TsbZQ{display:flex;max-width:1400px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md);min-height:100vh;gap:var(--spacing-2xl);position:relative}.BlogPost_blogMain__LN5Hr{flex:1 1;max-width:800px;margin:0 auto}.BlogPost_blogTitle__M1gz_{font-family:var(--font-bright-melody);font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-lg);line-height:1.2}.BlogPost_coverImage__eDc4x{width:100%;height:auto;margin-bottom:var(--spacing-xl);border-radius:var(--radius-lg);object-fit:cover}.BlogPost_blogContent__CnOZu{line-height:1.7;font-size:1.25rem;color:var(--color-text-secondary);font-family:var(--font-geist)}.BlogPost_blogContent__CnOZu h1,.BlogPost_blogContent__CnOZu h2,.BlogPost_blogContent__CnOZu h3,.BlogPost_blogContent__CnOZu h4,.BlogPost_blogContent__CnOZu h5,.BlogPost_blogContent__CnOZu h6{font-family:var(--font-bright-melody);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);font-weight:600;color:var(--color-text-primary);scroll-margin-top:100px}.BlogPost_blogContent__CnOZu h1{font-size:2.5rem}.BlogPost_blogContent__CnOZu h2{font-size:2rem}.BlogPost_blogContent__CnOZu h3{font-size:1.5rem}.BlogPost_blogContent__CnOZu h4{font-size:1.25rem}.BlogPost_blogContent__CnOZu p{margin-bottom:var(--spacing-md)}.BlogPost_blogContent__CnOZu ol,.BlogPost_blogContent__CnOZu ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.BlogPost_blogContent__CnOZu li{margin-bottom:var(--spacing-xs)}.BlogPost_blogContent__CnOZu blockquote{border-left:4px solid var(--color-accent-green);margin:var(--spacing-lg) 0;font-style:italic;color:var(--color-text-muted);background:var(--color-bg-secondary);padding:var(--spacing-md) var(--spacing-lg);border-radius:0 var(--radius-md) var(--radius-md) 0}.BlogPost_blogContent__CnOZu code{background-color:var(--color-code-bg);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--small-font-size);font-family:Courier New,monospace}.BlogPost_blogContent__CnOZu pre{background-color:var(--color-code-block-bg);color:var(--color-code-block-text);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin:var(--spacing-lg) 0}.BlogPost_blogContent__CnOZu pre code{background-color:transparent;padding:0;color:inherit}.BlogPost_blogContent__CnOZu img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--spacing-md) 0}.BlogPost_blogContent__CnOZu strong{font-weight:600;color:var(--color-text-primary)}.BlogPost_blogContent__CnOZu em{font-style:italic}.BlogPost_blogContent__CnOZu a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.BlogPost_blogContent__CnOZu a:hover{color:var(--color-accent-green)}.BlogPost_blogContent__CnOZu table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0;font-size:var(--small-font-size)}.BlogPost_blogContent__CnOZu td,.BlogPost_blogContent__CnOZu th{border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.BlogPost_blogContent__CnOZu th{background-color:var(--color-bg-secondary);font-weight:600;color:var(--color-text-primary)}.BlogPost_blogContent__CnOZu tr:nth-child(2n){background-color:rgba(0,0,0,.02)}.BlogPost_tocWrapper__0sgsV{position:-webkit-sticky;position:sticky;top:100px;width:280px;max-height:calc(100vh - 150px);overflow-y:auto;flex-shrink:0;padding:var(--spacing-lg);padding-left:var(--spacing-xl);align-self:flex-start;display:flex;flex-direction:column;gap:var(--spacing-md);font-family:var(--font-geist)}.BlogPost_tocHeader__2WK7v{display:flex;align-items:center;justify-content:space-between}.BlogPost_tocTitle__F5Vk5{font-family:var(--font-bright-melody);font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.BlogPost_tocProgress__bId2d{font-size:.875rem;color:var(--color-accent-green);font-weight:600}.BlogPost_tocProgressBar___01QG{position:absolute;left:var(--spacing-md);top:80px;bottom:var(--spacing-lg);width:3px;background:var(--color-border);border-radius:2px;overflow:hidden}.BlogPost_tocProgressFill__rxjUY{width:100%;background:var(--color-accent-green);border-radius:2px;transition:height .4s ease}.BlogPost_tocNav__iIFQh{position:relative}.BlogPost_tocList__pXU0p{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.BlogPost_tocItem__lboAv{position:relative}.BlogPost_tocLink__n10s4{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;color:var(--color-text-muted);text-decoration:none;font-size:.95rem;transition:all var(--transition-fast);background:none;border:none;cursor:pointer;text-align:left;width:100%;font-family:var(--font-geist)}.BlogPost_tocLinkIndicator__umDs3{width:8px;height:8px;border-radius:50%;background:var(--color-border);flex-shrink:0;transition:all var(--transition-fast)}.BlogPost_tocLinkText__WiOzY{line-height:1.4}.BlogPost_tocLink__n10s4:hover{color:var(--color-text-primary)}.BlogPost_tocLink__n10s4:hover .BlogPost_tocLinkIndicator__umDs3{background:var(--color-text-muted);transform:scale(1.2)}.BlogPost_tocLinkActive__Kpt6S{color:var(--color-text-primary);font-weight:500}.BlogPost_tocLinkActive__Kpt6S .BlogPost_tocLinkIndicator__umDs3{background:var(--color-accent-green);box-shadow:0 0 0 3px hsla(0,84%,71%,.3);transform:scale(1.3)}.BlogPost_tocLinkRead__tE879{color:var(--color-text-muted)}.BlogPost_tocLinkRead__tE879 .BlogPost_tocLinkIndicator__umDs3{background:var(--color-accent-green)}.BlogPost_tocLinkH3__cl5RB{padding-left:var(--spacing-md);font-size:.875rem}.BlogPost_tocLinkH3__cl5RB .BlogPost_tocLinkIndicator__umDs3{width:6px;height:6px}.BlogPost_tocMobileToggle__TJTXz{display:none;position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);width:50px;height:50px;border-radius:50%;background:var(--color-text-primary);color:var(--color-bg);border:none;cursor:pointer;z-index:100;font-size:1.25rem;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform var(--transition-fast)}.BlogPost_tocMobileToggle__TJTXz:hover{transform:scale(1.1)}.BlogPost_tocMobileOverlay__YqH61{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99;opacity:0;transition:opacity var(--transition-normal)}.BlogPost_tocMobileOverlay__YqH61.BlogPost_visible____SzF{opacity:1}@media screen and (max-width:1200px){.BlogPost_tocWrapper__0sgsV{width:240px}}@media screen and (max-width:1024px){.BlogPost_blogWrapper__TsbZQ{flex-direction:column;padding:var(--spacing-md)}.BlogPost_blogMain__LN5Hr{max-width:100%}.BlogPost_tocProgressBar___01QG{display:none}.BlogPost_tocWrapper__0sgsV{display:none;position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:60vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:100;transform:translateY(100%);transition:transform var(--transition-normal);background:var(--color-bg);box-shadow:0 -4px 20px rgba(0,0,0,.1)}.BlogPost_tocWrapper__0sgsV.BlogPost_mobileOpen__qcbTt{display:flex;transform:translateY(0)}.BlogPost_tocMobileToggle__TJTXz{display:flex;align-items:center;justify-content:center}.BlogPost_tocMobileOverlay__YqH61.BlogPost_visible____SzF{display:block}}@media screen and (max-width:768px){.BlogPost_blogTitle__M1gz_{font-size:clamp(1.5rem,6vw,2rem)}.BlogPost_blogContent__CnOZu{font-size:1rem}.BlogPost_blogContent__CnOZu h2{font-size:1.5rem}.BlogPost_blogContent__CnOZu h3{font-size:1.25rem}}@media screen and (max-width:480px){.BlogPost_blogWrapper__TsbZQ{padding:var(--spacing-sm)}.BlogPost_tocMobileToggle__TJTXz{bottom:var(--spacing-md);right:var(--spacing-md);width:45px;height:45px}}