@media (prefers-reduced-motion:no-preference){.site-shell .blog-content:not([data-revealed])>*{opacity:0;animation:.4s ease-out 2s forwards site-enter-failsafe}}@media (scripting:none){.site-shell .blog-content:not([data-revealed])>*{opacity:1}}.site-shell .blog-content{--blog-link:var(--hi-accent);--blog-link-line:#4f39f659;--blog-code:var(--hi-accent-lighter);--blog-pre-bg:#101017;--blog-pre-text:#ededf5;--blog-zebra:#4f39f60a;counter-reset:blog-section;color:var(--hi-text-secondary);overflow-wrap:anywhere;font-size:17px;line-height:1.8}.dark .site-shell .blog-content{--blog-link:var(--hi-accent-light);--blog-link-line:#7b6cff73;--blog-code:var(--hi-accent-lighter);--blog-pre-bg:#0b0b10;--blog-zebra:#7b6cff0d}@media (min-width:640px){.site-shell .blog-content{font-size:18px}}.site-shell .blog-content>:first-child{margin-top:0}.site-shell .blog-content ::selection{background:#4f39f659}.site-shell .blog-content h2,.site-shell .blog-content h3,.site-shell .blog-content h4{color:var(--hi-text-primary);text-wrap:balance;scroll-margin-top:96px;font-weight:700}.site-shell .blog-content h2{letter-spacing:-.025em;border-top:1px solid var(--hi-border-subtle);margin:3rem 0 1rem;padding-top:1.5rem;font-size:26px;line-height:1.2}@media (min-width:640px){.site-shell .blog-content h2{font-size:30px}}.site-shell .blog-content h2:before{counter-increment:blog-section;content:counter(blog-section,decimal-leading-zero)" //";font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--hi-accent-lighter);margin-bottom:.6rem;font-size:11px;font-weight:500;display:block}.site-shell .blog-content h3{letter-spacing:-.015em;margin:2.25rem 0 .75rem;font-size:21px;line-height:1.3}.site-shell .blog-content h4{margin:1.75rem 0 .5rem;font-size:17px;font-weight:600;line-height:1.4}.site-shell .blog-content p{text-wrap:pretty;margin:0 0 1.4rem}.site-shell .blog-content strong{color:var(--hi-text-primary);font-weight:650}.site-shell .blog-content em{color:var(--hi-text-body)}.site-shell .blog-content a{color:var(--blog-link);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--blog-link-line);text-decoration-color:var(--blog-link-line);transition:color .15s,text-decoration-color .15s}.site-shell .blog-content a:hover{color:var(--hi-text-primary);-webkit-text-decoration-color:var(--blog-link);text-decoration-color:var(--blog-link)}.site-shell .blog-content a:focus-visible{outline:2px solid var(--hi-accent);outline-offset:3px;border-radius:4px}.site-shell .blog-content ul{margin:0 0 1.4rem;padding:0;list-style:none}.site-shell .blog-content ul li{margin-bottom:.55rem;padding-left:1.6rem;position:relative}.site-shell .blog-content ul li:before{content:"";background:var(--hi-accent-gradient);width:7px;height:7px;box-shadow:0 0 0 3px var(--hi-accent-soft-bg);border-radius:50%;position:absolute;top:.72em;left:.15rem}.site-shell .blog-content ol{margin:0 0 1.4rem;padding-left:1.6rem;list-style:decimal}.site-shell .blog-content ol li{margin-bottom:.55rem;padding-left:.3rem}.site-shell .blog-content ol li::marker{font-family:var(--font-mono);color:var(--hi-accent-lighter);font-size:.85em;font-weight:600}.site-shell .blog-content li>p{margin-bottom:.5rem}.site-shell .blog-content li>ul,.site-shell .blog-content li>ol{margin-top:.5rem;margin-bottom:.5rem}.site-shell .blog-content blockquote{border-left:3px solid var(--hi-accent);border-radius:0 var(--radius-hi-card-sm,15px)var(--radius-hi-card-sm,15px)0;background:var(--hi-accent-soft-bg);color:var(--hi-text-body);margin:2rem 0;padding:1rem 1.4rem 1rem 1.6rem;font-style:italic;position:relative}.site-shell .blog-content blockquote p{margin:0}.site-shell .blog-content blockquote p+p{margin-top:.75rem}.site-shell .blog-content hr{background:linear-gradient(90deg,transparent,var(--hi-border-strong),transparent);border:none;height:1px;margin:3rem 0}.site-shell .blog-content code{font-family:var(--font-mono);border:1px solid var(--hi-border-subtle);background:var(--hi-bg-raised);color:var(--blog-code);border-radius:6px;padding:.15em .45em;font-size:.86em}.site-shell .blog-content pre{border:1px solid var(--hi-border-default);background:var(--blog-pre-bg);border-radius:12px;margin:1.75rem 0;padding:1.15rem 1.35rem;overflow-x:auto}.site-shell .blog-content pre code{color:var(--blog-pre-text);background:0 0;border:none;padding:0;font-size:.875rem;line-height:1.6}.site-shell .blog-content table{border:1px solid var(--hi-border-default);border-collapse:separate;border-spacing:0;-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;margin:1.75rem 0;font-size:15px;line-height:1.55;display:block;overflow-x:auto}.site-shell .blog-content table th{text-align:left;white-space:nowrap;color:var(--hi-text-primary);background:var(--hi-bg-raised);border-bottom:1px solid var(--hi-border-strong);padding:.75rem 1rem;font-weight:600}.site-shell .blog-content table td{vertical-align:top;min-width:10rem;color:var(--hi-text-secondary);border-bottom:1px solid var(--hi-border-subtle);padding:.75rem 1rem}.site-shell .blog-content table td strong{color:var(--hi-text-primary)}.site-shell .blog-content table tbody tr:nth-child(2n){background:var(--blog-zebra)}.site-shell .blog-content table tbody tr:last-child td{border-bottom:none}.site-shell .blog-content table tbody tr:hover td{background:var(--hi-bg-raised)}.site-shell .blog-content img{border:1px solid var(--hi-border-default);border-radius:12px;max-width:100%;height:auto;margin:1.75rem 0;display:block}.site-shell .blog-content figure{margin:1.75rem 0}.site-shell .blog-content figcaption{color:var(--hi-text-muted);margin-top:.6rem;font-size:13px}@media (max-width:1023px){.site-shell .blog-content table:not(:has(:is(th,td):nth-child(4))){font-size:14px;line-height:1.5}.site-shell .blog-content table:not(:has(:is(th,td):nth-child(4))) :is(th,td){white-space:normal;word-break:normal;overflow-wrap:normal;min-width:0;padding:.6rem .65rem}.site-shell .blog-content table:has(:is(th,td):nth-child(4)){-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.site-shell .blog-content table:has(:is(th,td):nth-child(4)):after{content:"Swipe →";font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--hi-text-dim);padding:.5rem 1rem;font-size:11.5px;display:block;position:sticky;left:0}}@media (max-width:399px){.site-shell .blog-content table:not(:has(:is(th,td):nth-child(4))){font-size:13.5px}.site-shell .blog-content table:not(:has(:is(th,td):nth-child(4))) :is(th,td){padding:.55rem .5rem}}