main{flex:1 0 auto;width:100%;max-width:100%;margin:0;padding:0}.hero-image{width:100%}.hero-image img{display:block;margin:0 auto;border-radius:12px;box-shadow:var(--box-shadow)}.post-body{display:flex;gap:2.25rem;align-items:flex-start;width:100%;max-width:1320px;margin:0 auto;padding:0 2rem 1.5rem;box-sizing:border-box}.post-content{flex:0 1 980px;max-width:980px;min-width:0}.prose{width:100%;max-width:100%;margin:0;padding:2rem 0 1.5rem;color:rgb(var(--text));line-height:1.8;font-size:1.0625rem;letter-spacing:.01em}.prose-content p{margin-bottom:1.5em;line-height:1.85}.prose-content p:last-child{margin-bottom:0}.prose-content h2{margin-top:2.25em;margin-bottom:.6em;padding-bottom:.35em;font-size:1.6rem;font-weight:700;color:rgb(var(--text-heading));border-bottom:1px solid rgb(var(--border));line-height:1.3}.prose-content h2:first-child{margin-top:0}.prose-content h3{margin-top:1.75em;margin-bottom:.5em;font-size:1.35rem;font-weight:600;color:rgb(var(--text-heading));line-height:1.35}.prose-content h4{margin-top:1.5em;margin-bottom:.4em;font-size:1.15rem;font-weight:600;color:rgb(var(--text-heading));line-height:1.4}.prose-content a{color:var(--accent);text-decoration:none;position:relative;border-bottom:1px solid transparent;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.prose-content a:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform var(--duration-normal) var(--ease-out)}.prose-content a:hover:after{transform-origin:left;transform:scaleX(1)}.prose-content a:hover{border-bottom-color:transparent}.prose-content ul,.prose-content ol{margin:1.25em 0;padding-left:1.5em}.prose-content li{margin-bottom:.4em;line-height:1.75}.prose-content ul{list-style-type:disc}.prose-content ul ul{list-style-type:circle;margin-top:.4em;margin-bottom:.4em}.prose-content ol{list-style-type:decimal}.prose-content blockquote{margin:1.5em 0;padding:.85em 1.25em;border-left:4px solid var(--accent);background:rgba(var(--gray-light),.5);border-radius:0 8px 8px 0;font-size:1.05em;font-style:italic;color:rgb(var(--text-heading));line-height:1.7}[data-theme=dark] .prose-content blockquote{background:#ffffff0d}.prose-content hr{margin:2em 0;border:none;border-top:1px solid rgb(var(--border))}.prose-content code{padding:.2em .45em;font-size:.9em;background:rgb(var(--gray-light));border-radius:6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}[data-theme=dark] .prose-content code{background:#ffffff1a}.prose-content img{border-radius:10px;box-shadow:0 2px 12px rgba(var(--text-heading),.08)}[data-theme=dark] .prose-content img{box-shadow:0 2px 12px #0000004d}.prose-content strong{font-weight:700;color:rgb(var(--text-heading))}.prose-content table{width:100%;margin:1.5em 0;border-collapse:collapse;font-size:.95em}.prose-content th,.prose-content td{padding:.5em .75em;border:1px solid rgb(var(--border));text-align:left}.prose-content th{background:rgb(var(--gray-light));font-weight:600;color:rgb(var(--text-heading))}[data-theme=dark] .prose-content th{background:#ffffff14}.prose-content tbody tr:nth-child(2n){background:rgba(var(--gray-light),.35)}[data-theme=dark] .prose-content tbody tr:nth-child(2n){background:#ffffff08}.toc-sidebar{width:300px;flex:0 0 300px;margin-left:auto;position:sticky;top:1.5rem;padding:1rem 0 0 1rem;border-left:1px solid rgb(var(--border))}@media(max-width:1280px){.post-body{max-width:1200px;margin:0 auto;padding:0 1.5rem 1.5rem}.post-content{flex:1 1 0;max-width:100%}.toc-sidebar{width:min(280px,24%);flex:0 0 min(280px,24%);margin-left:0}}.toc-title{font-size:.9rem;font-weight:700;color:rgb(var(--text-heading));margin:0 0 .75rem}.toc-nav{font-size:.85rem;line-height:1.5}.toc-nav .toc-list{list-style:none;margin:0;padding:0}.toc-nav a{display:block;padding:.35rem .5rem .35rem .25rem;margin:0 0 0 -.25rem;color:rgb(var(--text));text-decoration:none;opacity:.85;border-radius:var(--radius-sm);border-left:3px solid transparent;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),border-left-color var(--duration-fast) var(--ease-out)}.toc-nav a:hover{color:var(--accent);opacity:1}.toc-sidebar .toc-nav a.active{background-color:#2337ff1a;color:var(--accent);opacity:1;border-left-color:var(--accent);font-weight:600}[data-theme=dark] .toc-sidebar .toc-nav a.active{background-color:#6378ff2e;border-left-color:var(--accent)}.toc-nav .toc-h3 a{padding-left:1rem}.toc-nav .toc-h4 a{padding-left:1.5rem}@media(max-width:900px){.toc-sidebar{display:none}}.title{margin-bottom:1.5em;padding:.5em 0 1.25em;text-align:center;line-height:1.25}.title h1{margin:0 0 .4em;font-size:2rem;font-weight:700;letter-spacing:-.02em;color:rgb(var(--text-heading))}.title hr{margin:1.25em auto 0;width:3rem;border:none;border-top:3px solid var(--accent);opacity:.8}.prose-content>h1:first-child{display:none}.date{margin-bottom:.5em;color:rgb(var(--gray))}.last-updated-on{font-style:italic}.tags{margin-top:.5em;font-size:.9rem;color:rgb(var(--gray))}.tag{display:inline-block;margin-right:.5rem}.tag-link{color:var(--accent);text-decoration:none;padding:.2em .5em;border-radius:6px;transition:color .2s ease,background .2s ease}.tag-link:hover{background:#2337ff1a}[data-theme=dark] .tag-link:hover{background:#2137ff33}.prose .code-block-outer{margin:1em 0;border-radius:10px;overflow:hidden;border:1px solid rgba(0,0,0,.15);background:#282c34;transition:box-shadow .25s ease,transform .22s ease}.prose .code-block-outer:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000038}[data-theme=dark] .prose .code-block-outer{border-color:#ffffff1a}[data-theme=dark] .prose .code-block-outer:hover{box-shadow:0 8px 24px #00000073}.prose .code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.45rem .85rem;background:#00000040;border-bottom:1px solid rgba(255,255,255,.08);gap:.5rem}.prose .code-block-lang{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#ffffffb3}.prose .code-block-outer pre{margin:0;padding:1rem 1.25rem;border-radius:0;overflow-x:auto;background:#282c34;color:#abb2bf}.prose .code-block-outer pre code{background:transparent;color:inherit;padding:0}@keyframes copy-pulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.prose .code-copy-btn{width:2rem;height:2rem;min-width:2rem;min-height:2rem;padding:0;display:flex;align-items:center;justify-content:center;color:#ffffffb3;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.prose .code-copy-btn:hover{background:#ffffff1f;color:#fff;border-color:#ffffff59}.prose .code-copy-btn.copied{background:var(--accent);color:#fff;border-color:var(--accent);animation:copy-pulse .35s ease}@media(prefers-reduced-motion:reduce){.prose .code-copy-btn.copied{animation:none}}.prose .code-copy-btn svg{width:1rem;height:1rem;display:block;flex-shrink:0;stroke:currentColor;fill:none}.prose .code-copy-btn .copy-char{display:none}