:root{:root{--blog-max-width:680px;--heading-color:rgb(17,24,39);--text-color:rgb(75,85,99);--border-color:rgb(229,231,235);--background-light:rgb(249,250,251);--link-color:rgb(59,130,246);--link-hover:rgb(37,99,235)}}.blog-post{.blog-post{background-color:white;min-height:100vh}}.blog-content{.blog-content{max-width:var(--blog-max-width);margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;font-size:1.125rem;line-height:1.75;color:var(--text-color)}}@media (min-width:640px){@media (min-width:640px){.blog-content{.blog-content{padding-left:1.5rem;padding-right:1.5rem}}}}@media (min-width:1024px){@media (min-width:1024px){.blog-content{.blog-content{padding-left:0;padding-right:0}}}}.blog-content h1{.blog-content h1{font-size:2.5rem;line-height:1.2;font-weight:700;color:var(--heading-color);letter-spacing:-.025em;margin-bottom:2rem}}.blog-content h2{.blog-content h2{font-size:1.875rem;line-height:1.3;font-weight:700;color:var(--heading-color);margin-top:4rem;margin-bottom:1.5rem;scroll-margin-top:5rem}}.blog-content h3{.blog-content h3{font-size:1.5rem;line-height:1.4;font-weight:600;color:var(--heading-color);margin-top:3rem;margin-bottom:1rem;scroll-margin-top:5rem}}.blog-content p{.blog-content p{font-size:1.125rem;line-height:1.85;color:var(--text-color);margin-bottom:2rem}}.blog-content ol,.blog-content ul{.blog-content ol{margin:2rem 0;padding-left:1.5rem}}.blog-content li{.blog-content li{font-size:1.125rem;line-height:1.85;color:var(--text-color);padding-left:.5rem;margin-bottom:1rem}}.blog-content li::marker{.blog-content li::marker{color:rgb(156,163,175)}}.blog-content .info-box{.blog-content .info-box{background-color:rgba(59,130,246,.1);border-left:4px solid var(--link-color);padding:1rem;margin:1.5rem 0;border-radius:.5rem}}.blog-content pre{.blog-content pre{background-color:rgb(17,24,39);border-radius:.75rem;padding:1.5rem;margin:1.5rem 0;overflow-x:auto}}.blog-content pre code{.blog-content pre code{font-size:.875rem;line-height:1.7;color:rgb(243,244,246)}}.blog-content :not(pre)>code{.blog-content :not(pre)>code{background-color:rgb(243,244,246);color:rgb(31,41,55);padding:.25rem .5rem;border-radius:.25rem;font-size:.9em}}.blog-content table,.prose table{width:100%!important;margin:2rem 0!important;border-collapse:collapse!important;text-align:left!important;border:1px solid var(--border-color)!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;font-size:.9rem!important}.blog-content th,.blog-content thead,.blog-content thead th,.prose th,.prose thead,.prose thead th{background-color:var(--background-light)!important}.blog-content th,.prose th{padding:1rem!important;font-size:.9rem!important;font-weight:600!important;color:var(--heading-color)!important;border-bottom:2px solid var(--border-color)!important;border-right:1px solid var(--border-color)!important;text-align:left!important}.blog-content th:last-child,.prose th:last-child{border-right:none!important}.blog-content td,.prose td{padding:1rem!important;font-size:.9rem!important;color:var(--text-color)!important;border-bottom:1px solid var(--border-color)!important;border-right:1px solid var(--border-color)!important;vertical-align:top!important;line-height:1.5!important}.blog-content td:last-child,.prose td:last-child{border-right:none!important}.blog-content tr:last-child td,.prose tr:last-child td{border-bottom:none!important}.blog-content tr:nth-child(2n),.prose tbody tr:nth-child(2n){background-color:rgba(249,250,251,.5)!important}.blog-content tr:hover,.prose tbody tr:hover{background-color:rgba(59,130,246,.05)!important}@media (max-width:768px){.blog-content table,.prose table{font-size:.8rem!important;margin:1rem 0!important}.blog-content td,.blog-content th,.prose td,.prose th{padding:.75rem .5rem!important;font-size:.8rem!important}}.blog-content a{.blog-content a{color:var(--link-color);text-decoration:underline;text-decoration-color:rgba(59,130,246,.4);transition:all .2s ease}}.blog-content a:hover{.blog-content a:hover{color:var(--link-hover);text-decoration-color:var(--link-hover)}}.blog-content blockquote{.blog-content blockquote{border-left:4px solid var(--border-color);padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:var(--text-color)}}.blog-content blockquote p{.blog-content blockquote p{margin-bottom:0}}.blog-content .image-container{.blog-content .image-container{margin:3rem 0;border-radius:.75rem;overflow:hidden}}.blog-content .image-container img{.blog-content .image-container img{width:100%;height:auto}}.blog-content .image-container em{.blog-content .image-container em{display:block;text-align:center;font-size:.875rem;color:rgb(107,114,128);margin-top:1rem}}.blog-content .series-navigation{.blog-content .series-navigation{margin:2rem 0;display:flex;justify-content:space-between;align-items:center;gap:2rem}}.blog-content .series-navigation-link{.blog-content .series-navigation-link{display:flex;align-items:center;gap:.5rem;padding:1rem;border:1px solid var(--border-color);border-radius:.75rem;transition:all .2s ease;max-width:300px}}.blog-content .series-navigation-link:hover{.blog-content .series-navigation-link:hover{border-color:rgb(209,213,219);background-color:var(--background-light)}}.blog-content .series-navigation-link.prev{.blog-content .series-navigation-link.prev{flex-direction:row-reverse}}.blog-content .series-navigation-title{.blog-content .series-navigation-title{font-size:.875rem;font-weight:500;color:var(--heading-color)}}.blog-content .series-navigation-label{.blog-content .series-navigation-label{font-size:.75rem;color:rgb(107,114,128);display:block}}.blog-content .toc{.blog-content .toc{position:sticky;top:2rem;padding:1.5rem;background-color:var(--background-light);border-radius:.75rem}}.blog-content .toc-list{.blog-content .toc-list{display:flex;flex-direction:column;gap:.75rem}}.blog-content .toc-link{.blog-content .toc-link{display:block;font-size:.875rem;color:var(--text-color);transition:color .2s ease}}.blog-content .toc-link:hover{.blog-content .toc-link:hover{color:var(--link-color)}}.blog-content .toc-link.active{.blog-content .toc-link.active{color:var(--link-color);font-weight:500}}.blog-content .toc-link.h2{.blog-content .toc-link.h2{padding-left:1rem}}.blog-content .toc-link.h3{.blog-content .toc-link.h3{padding-left:2rem}}.blog-content .copy-button{.blog-content .copy-button{padding:.5rem;border-radius:.5rem;background-color:rgb(243,244,246);transition:background-color .2s ease}}.blog-content .copy-button:hover{.blog-content .copy-button:hover{background-color:rgb(229,231,235)}}.blog-content .copy-icon{.blog-content .copy-icon{width:1.25rem;height:1.25rem;color:rgb(75,85,99)}}.blog-content .related-posts{.blog-content .related-posts{margin:4rem 0}}.blog-content .related-posts h3{.blog-content .related-posts h3{font-size:1.5rem;font-weight:600;color:var(--heading-color);margin-bottom:1.5rem}}.blog-content .related-posts-grid{.blog-content .related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}}.blog-content .related-post-card{.blog-content .related-post-card{border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;transition:all .2s ease}}.blog-content .related-post-card:hover{.blog-content .related-post-card:hover{border-color:rgb(209,213,219);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}}.blog-content .related-post-title{.blog-content .related-post-title{font-size:1.25rem;font-weight:600;color:var(--heading-color);margin-bottom:.5rem}}.blog-content .related-post-excerpt{.blog-content .related-post-excerpt{font-size:.875rem;color:var(--text-color);margin-bottom:1rem}}.blog-content .related-post-meta{.blog-content .related-post-meta{font-size:.75rem;color:rgb(107,114,128);display:flex;align-items:center;gap:1rem}}