.sidebar-toggle{display:none;position:fixed;bottom:1rem;right:1rem;z-index:40;width:3rem;height:3rem;border-radius:50%;background-color:var(--color-zinc-800);border:1px solid var(--color-zinc-700);color:var(--color-zinc-200);align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease}@media(prefers-reduced-motion:reduce){.sidebar-toggle{transition:none}}.sidebar-toggle:hover{background-color:var(--color-zinc-700)}.sidebar-toggle:focus-visible{outline:2px solid var(--color-sky-400);outline-offset:2px}@media(max-width:1024px){.sidebar-toggle{display:flex}}.sidebar-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:30}@media(max-width:1024px){.sidebar-overlay{display:block}}.technical-sidebar{position:sticky;top:2rem;width:16rem;max-height:calc(100vh - 4rem);overflow-y:auto;padding:1rem;font-family:var(--font-mono),ui-monospace,monospace}@media(max-width:1024px){.technical-sidebar{position:fixed;top:0;right:0;bottom:0;width:18rem;max-height:100vh;background-color:var(--color-zinc-950);border-left:1px solid var(--color-zinc-800);transform:translate(100%);transition:transform .2s ease;z-index:35}@media(prefers-reduced-motion:reduce){.technical-sidebar{transition:none}}.technical-sidebar.open{transform:translate(0)}}@media(max-width:768px){.technical-sidebar{width:85vw}}.sidebar-content{display:flex;flex-direction:column;gap:2rem}.sidebar-section{display:flex;flex-direction:column;gap:.75rem}.sidebar-section-title{font-size:.625rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-zinc-500);margin:0;padding-bottom:.5rem;border-bottom:1px solid var(--color-zinc-800)}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.toc-item{padding:0}.toc-item.toc-h3{padding-left:1rem}.toc-link{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--color-zinc-400);text-decoration:none;padding:.25rem .5rem;border-radius:.25rem;transition:color .15s ease,background-color .15s ease;cursor:pointer;background:none;border:none;text-align:left;width:100%}@media(prefers-reduced-motion:reduce){.toc-link{transition:none}}.toc-link:hover{color:var(--color-sky-400);background-color:var(--color-zinc-900)}.toc-link:focus-visible{outline:2px solid var(--color-sky-400);outline-offset:-2px}.toc-icon{flex-shrink:0;color:var(--color-zinc-600)}.category-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.category-link{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--color-zinc-400);text-decoration:none;padding:.375rem .5rem;border-radius:.25rem;transition:color .15s ease,background-color .15s ease}@media(prefers-reduced-motion:reduce){.category-link{transition:none}}.category-link:hover{color:var(--color-sky-400);background-color:var(--color-zinc-900)}.category-link:focus-visible{outline:2px solid var(--color-sky-400);outline-offset:-2px}.category-label{text-transform:uppercase;letter-spacing:.05em}.category-count{font-size:.625rem;color:var(--color-zinc-500)}.article-content-ref{display:contents}.blog-layout{display:grid;grid-template-columns:minmax(0,42rem);justify-content:center;gap:2rem;padding:2rem 1rem}@media(min-width:1024px){.blog-layout{grid-template-columns:1fr minmax(0,42rem) 1fr}}@media(max-width:768px){.blog-layout{padding:1rem}}.blog-article{padding:3rem 1rem;font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif}.blog-header{margin-bottom:2.5rem}.blog-back-link{font-family:var(--font-mono),ui-monospace,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-zinc-500);transition:color .15s ease;text-decoration:none}@media(prefers-reduced-motion:reduce){.blog-back-link{transition:none}}.blog-back-link:hover{color:var(--color-sky-400)}.blog-back-link:focus-visible{outline:2px solid var(--color-sky-400);outline-offset:2px;border-radius:.25rem}.blog-category-link{text-decoration:none;display:inline-block}.blog-category{font-family:var(--font-mono),ui-monospace,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-sky-400)}.blog-title{font-size:1.875rem;font-weight:700;margin-top:.5rem;margin-bottom:.75rem;line-height:1.2;color:var(--color-zinc-50)}.blog-description{color:var(--color-zinc-400);font-size:1.125rem;line-height:1.75}.blog-meta{display:flex;align-items:center;gap:1rem;margin-top:1rem;font-family:var(--font-mono),ui-monospace,monospace;font-size:.875rem;color:var(--color-zinc-500)}.blog-meta-separator{color:var(--color-zinc-600)}.blog-content{max-width:none}.blog-content p{font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif;color:var(--color-zinc-300);line-height:1.8;margin-bottom:1.25rem}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif;color:var(--color-zinc-50);font-weight:600;margin-top:2rem;margin-bottom:1rem}.blog-content h2{font-size:1.5rem;border-bottom:1px solid var(--color-zinc-800);padding-bottom:.5rem}.blog-content h3{font-size:1.25rem}.blog-content ul,.blog-content ol{font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif;color:var(--color-zinc-300);margin-bottom:1.25rem;padding-left:1.5rem;list-style-position:outside}.blog-content li{margin-bottom:.5rem;list-style-position:outside}.blog-content ul{list-style-type:disc}.blog-content ol{list-style-type:decimal}.blog-content ul::marker{color:#a1a1aa}.blog-content ol::marker{color:#a1a1aa;font-family:var(--font-mono),ui-monospace,monospace;font-size:.875rem}.blog-content a{color:var(--color-sky-400);text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}@media(prefers-reduced-motion:reduce){.blog-content a{transition:none}}.blog-content a:hover{color:var(--color-sky-300)}.blog-content a:focus-visible{outline:2px solid var(--color-sky-400);outline-offset:2px;border-radius:.125rem}.blog-content blockquote{border-left:3px solid var(--color-sky-400);padding-left:1rem;margin-left:0;margin-bottom:1.25rem;font-style:italic;color:var(--color-zinc-400)}.blog-content code{font-family:var(--font-mono),ui-monospace,SFMono-Regular,monospace;background-color:var(--color-zinc-900);padding:.125rem .375rem;border-radius:.25rem;font-size:.875em;color:var(--color-zinc-50)}.blog-content pre{font-family:var(--font-mono),ui-monospace,SFMono-Regular,monospace;background-color:var(--color-zinc-900);padding:1rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1.25rem;border:1px solid var(--color-zinc-800)}.blog-content pre code{background-color:transparent;padding:0;font-size:.875rem;line-height:1.7;color:var(--color-zinc-300)}.code-block-wrapper{position:relative;margin-bottom:1.25rem}.code-block-wrapper pre{margin-bottom:0;padding-top:2.5rem}.copy-button{position:absolute;top:.5rem;right:.5rem;z-index:10;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background-color:var(--color-zinc-800);border:1px solid var(--color-zinc-700);border-radius:.375rem;color:var(--color-zinc-400);cursor:pointer;transition:all .15s ease}.copy-button:hover{background-color:var(--color-zinc-700);color:var(--color-zinc-50)}.copy-button:focus-visible{outline:2px solid var(--color-sky-400);outline-offset:2px}.copy-feedback{font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif;font-size:.75rem;color:var(--color-emerald-500);white-space:nowrap}.blog-content table{font-family:var(--font-mono),ui-monospace,SFMono-Regular,monospace;width:100%;border-collapse:collapse;margin-bottom:1.25rem;font-size:.875rem}.blog-content th,.blog-content td{padding:.75rem;text-align:left;border-bottom:1px solid var(--color-zinc-800)}.blog-content th{font-weight:600;color:var(--color-zinc-50);background-color:var(--color-zinc-900)}.blog-content td{color:var(--color-zinc-300)}.blog-content tr:hover td{background-color:var(--color-zinc-800)}@media(max-width:768px){.blog-article{padding:1.5rem 1rem}.blog-header{padding-left:1rem;padding-right:1rem}.blog-title{font-size:1.5rem}.blog-description{font-size:1rem}.blog-content pre,.blog-content table{margin-left:-1rem;margin-right:-1rem;width:calc(100% + 2rem);border-radius:0;border-left:none;border-right:none}.blog-content pre{padding-left:1rem;padding-right:1rem}.blog-content table{display:block;overflow-x:auto;white-space:nowrap}.blog-content blockquote{margin-left:1rem;margin-right:1rem}}