.blog-translate{align-items:center;display:inline-flex;position:relative}.blog-translate:before{pointer-events:none;content:"";opacity:.72;background:currentColor;width:.75rem;height:.75rem;position:absolute;left:.55rem;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 6 6'/%3E%3Cpath d='m4 14 6-6 2-3'/%3E%3Cpath d='M2 5h12'/%3E%3Cpath d='M7 2h1'/%3E%3Cpath d='m22 22-5-10-5 10'/%3E%3Cpath d='M14 18h6'/%3E%3C/svg%3E") 50%/contain no-repeat}.blog-translate[data-busy]:before{animation:.7s linear infinite blog-translate-spin;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M12 2a10 10 0 0 1 10 10'/%3E%3C/svg%3E") 50%/contain no-repeat}@keyframes blog-translate-spin{to{transform:rotate(360deg)}}.blog-translate__select{min-width:8.75rem;height:24px;font:inherit;color:var(--foreground);appearance:none;background:linear-gradient(45deg, transparent 50%, currentColor 50%) calc(100% - .8rem) 50% / .28rem .28rem no-repeat, linear-gradient(135deg, currentColor 50%, transparent 50%) calc(100% - .62rem) 50% / .28rem .28rem no-repeat, var(--background);border:1px solid var(--border);border-radius:.5rem;padding:0 1.45rem 0 1.55rem;font-size:.7rem;font-weight:400;line-height:24px;transition:border-color .15s,background-color .15s,color .15s,box-shadow .15s}.blog-translate__select:hover{background-color:var(--accent);border-color:var(--ring)}.blog-translate__select:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 22%, transparent);outline:none}.liquid-glass .blog-translate:before{left:1.05rem}.liquid-glass .blog-translate__select{background-color:#0000;background-position:calc(100% - 1.2rem),calc(100% - 1.02rem);border-color:#0000;border-radius:999px;height:44px;padding:0 2.2rem 0 2.35rem;font-size:13px;font-weight:600;line-height:44px}.liquid-glass .blog-translate__select:hover{background-color:#0000;border-color:#0000}.liquid-glass .blog-translate__select:focus-visible{outline:2px solid var(--ring);outline-offset:4px;box-shadow:none}.blog-translate[data-busy],.blog-translate[data-busy] .blog-translate__select{cursor:progress}.blog-translate[data-state=error] .blog-translate__select{border-color:color-mix(in oklch, var(--destructive,#dc2626) 65%, var(--border))}@media (prefers-reduced-motion:reduce){.blog-translate[data-busy]:before{opacity:.3;animation:none;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 6 6'/%3E%3Cpath d='m4 14 6-6 2-3'/%3E%3Cpath d='M2 5h12'/%3E%3Cpath d='M7 2h1'/%3E%3Cpath d='m22 22-5-10-5 10'/%3E%3Cpath d='M14 18h6'/%3E%3C/svg%3E") 50%/contain no-repeat}}.liquid-glass{--liquid-glass-hover-fill:color-mix(in oklab, var(--foreground) 7%, transparent);--liquid-glass-hover-filter:brightness(.94);color:var(--foreground);background:color-mix(in oklab, var(--background) 82%, var(--foreground));border:1px solid color-mix(in oklab, var(--foreground) 12%, transparent);isolation:isolate;border-radius:999px;position:relative;box-shadow:0 6px 18px #00000017}@supports (backdrop-filter:blur(1px)){.liquid-glass{background:color-mix(in oklab, var(--background) 70%, transparent);backdrop-filter:blur(12px)saturate(1.2)}}.liquid-glass--rendered{box-shadow:none;backdrop-filter:none;background:0 0;border-color:#0000}.dark .liquid-glass{--liquid-glass-hover-filter:brightness(1.3)}.liquid-glass__canvas{z-index:-1;pointer-events:none;transition:filter .16s;display:none;position:absolute}.liquid-glass--rendered>.liquid-glass__canvas{display:block}.liquid-glass :is(a,button),.liquid-glass .liquid-glass__label{border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:13px;font-weight:600;display:inline-flex}.liquid-glass--icon :is(a,button){width:44px;padding:0}.liquid-glass--rendered:is(a,button,:has(:is(a,button,select))):not(:has(:is(a,button,select)~:is(a,button,select))):hover .liquid-glass__canvas{filter:var(--liquid-glass-hover-filter)}.liquid-glass:not(.liquid-glass--rendered):is(a,button,:has(:is(a,button,select))):not(:has(:is(a,button,select)~:is(a,button,select))):hover{background-image:linear-gradient(var(--liquid-glass-hover-fill), var(--liquid-glass-hover-fill))}.liquid-glass:has(:is(a,button,select)~:is(a,button,select)) :is(a,button){background-clip:padding-box;border:4px solid #0000;padding-inline:14px}.liquid-glass:has(:is(a,button,select)~:is(a,button,select)) :is(a,button):hover{background-color:var(--liquid-glass-hover-fill)}.liquid-glass--live{background:color-mix(in oklab, var(--background) 18%, transparent);backdrop-filter:blur(6px)saturate(1.6)brightness(1.08);border-color:#ffffff24;box-shadow:0 4px 14px #0000002e,inset 1.5px 2px 1px -.5px #ffffff8c,inset -1.5px -2px 1px -.5px #ffffff38}.liquid-glass button{color:inherit;cursor:pointer;background:0 0;border:0}.liquid-glass :is(a,button):active{transform:scale(.98)}.liquid-glass :is(a,button):focus-visible{outline:2px solid var(--ring);outline-offset:4px}.liquid-glass-lens{border-radius:999px;position:relative;box-shadow:0 4px 14px #0000002e}.liquid-glass-lens:before,.liquid-glass-lens:after{z-index:1;pointer-events:none;content:"";border-radius:inherit;position:absolute;inset:0}.liquid-glass-lens:before{backdrop-filter:blur(2px)saturate(1.5)brightness(1.12);mask:radial-gradient(closest-side,#0000 72%,#000 94%)}.liquid-glass-lens:after{box-shadow:inset 0 0 0 .5px #fff6,inset 1.5px 2px 1px -.5px #ffffffa6,inset -1.5px -2px 1px -.5px #ffffff47,inset 0 -3px 6px #0000001f}.liquid-glass-lens--rendered:before,.liquid-glass-lens--rendered:after{display:none}.liquid-glass-lens__canvas{z-index:1;pointer-events:none;position:absolute}.liquid-glass-lens:not(.liquid-glass-lens--rendered) .liquid-glass-lens__canvas{display:none}@media (prefers-reduced-transparency:reduce){.liquid-glass-lens:before{display:none}}@media (forced-colors:active){.liquid-glass-lens:before,.liquid-glass-lens:after{display:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.liquid-glass{background:var(--background);border-color:var(--foreground);backdrop-filter:none}}@media (forced-colors:active){.liquid-glass{color:canvastext;backdrop-filter:none;background:canvas;border:1px solid canvastext}}.blog-page{--blog-gutter:clamp(1.25rem, 4vw, 5rem);min-height:100svh;overflow:clip}.blog-reading-progress{z-index:20;pointer-events:none;height:2px;position:fixed;inset:0 0 auto}.blog-reading-progress span{background:var(--foreground);transform-origin:0;will-change:transform;width:100%;height:100%;display:block;transform:scaleX(0)}[dir=rtl] .blog-reading-progress span{transform-origin:100%}.blog-nav{padding:1.25rem var(--blog-gutter);justify-content:space-between;align-items:center;gap:1rem;display:flex}.blog-brand{letter-spacing:-.02em;align-items:center;gap:.45rem;font-size:.875rem;font-weight:650;transition:opacity .18s;display:inline-flex}.blog-brand:hover{opacity:.65}.blog-brand:active,.blog-back-link:active{transform:scale(.98)}.blog-header{padding:clamp(3.5rem, 8vh, 6rem) var(--blog-gutter) clamp(3.5rem, 7vw, 5.5rem);border-bottom:1px solid color-mix(in oklab, var(--border) 75%, transparent);grid-template-columns:minmax(0,2fr) minmax(17rem,.8fr);align-items:center;gap:clamp(2rem,4vw,5rem);display:grid}.blog-title-block h1{max-width:20ch;font-family:var(--font-serif);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.75rem,5vw,6.25rem);font-weight:400;line-height:.96}.blog-header-details{flex-direction:column;gap:2.25rem;display:flex}.blog-description{max-width:38ch;color:var(--muted-foreground);letter-spacing:-.012em;text-wrap:pretty;font-size:clamp(1rem,1.25vw,1.25rem);line-height:1.55}.blog-meta{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding-top:1.25rem;font-size:.75rem;display:grid}.blog-meta div{flex-direction:column;gap:.35rem;display:flex}.blog-meta dt{color:var(--muted-foreground)}.blog-meta dd{font-weight:550}.blog-article-grid{padding:clamp(4rem, 8vw, 8rem) var(--blog-gutter);grid-template-columns:minmax(12rem,.75fr) minmax(0,43rem) minmax(8rem,.75fr);align-items:start;gap:clamp(2rem,6vw,8rem);display:grid}.blog-rail{min-height:100%;position:relative}.blog-rail-inner{flex-direction:column;gap:1.25rem;display:flex;position:sticky;top:2rem}.blog-rail-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.12em;padding-inline:.85rem;font-size:.68rem;font-weight:600}.blog-outline{position:relative}.blog-outline:has(ol:empty){display:none}.blog-outline .blog-outline-pill{z-index:0;pointer-events:none;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.blog-rail ol{z-index:1;flex-direction:column;gap:.15rem;max-width:14.7rem;display:flex;position:relative}.blog-outline-link{color:var(--muted-foreground);padding:.45rem .85rem;font-size:.78rem;line-height:1.35;transition:color .18s,transform .18s;display:block}.blog-outline-link[aria-current=true]{color:var(--foreground)}.blog-outline-link:hover{color:var(--foreground);transform:translate(.2rem)}[dir=rtl] .blog-outline-link:hover{transform:translate(-.2rem)}.blog-back-link{align-items:center;gap:.5rem;width:fit-content;margin-top:1rem;font-size:.75rem;font-weight:550;transition:opacity .18s,transform .1s;display:inline-flex}.blog-back-link:hover{opacity:.6}.blog-reading-status{justify-content:flex-end;display:flex;position:sticky;top:2rem}.liquid-glass .blog-reading-top{min-width:7.25rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted-foreground);letter-spacing:.02em;gap:.4rem;font-size:.72rem;font-weight:500}.blog-reading-top [data-reading-percentage]{color:var(--foreground)}.blog-prose{min-width:0;color:var(--foreground);letter-spacing:-.008em;font-size:clamp(1.05rem,1.1vw,1.16rem);line-height:1.78}.blog-prose>:first-child{margin-top:0}.blog-prose h2,.blog-prose h3,.blog-prose h4{letter-spacing:-.025em;text-wrap:balance;margin-top:3.75rem;margin-bottom:1rem;scroll-margin-top:2rem;font-weight:600;line-height:1.14}.blog-prose h2{font-family:var(--font-serif);font-size:clamp(2.25rem,3.4vw,3.5rem);font-weight:400}.blog-prose h3{font-size:clamp(1.35rem,1.8vw,1.7rem)}.blog-prose h4{font-size:1.12rem}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote,.blog-prose pre,.blog-prose .threads-embed{margin-top:1.35rem;margin-bottom:1.35rem}.blog-prose ul,.blog-prose ol{padding-inline-start:1.4rem}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li{padding-inline-start:.25rem}.blog-prose li+li{margin-top:.5rem}.blog-prose a{text-underline-offset:.2em;text-decoration:underline .06em;transition:opacity .16s}.blog-prose a:hover{opacity:.55}.blog-prose blockquote{color:var(--muted-foreground);border-inline-start:2px solid var(--foreground);margin-inline-start:-1.5rem;padding-block:.25rem;padding-inline:1.25rem 0}.blog-prose hr{border-color:var(--border);margin:4rem 0}.blog-prose pre,.blog-prose code{text-align:left;direction:ltr;unicode-bidi:isolate}.blog-prose :not(pre)>code{background:var(--muted);border:1px solid var(--border);border-radius:.35rem;padding:.12rem .4rem;font-size:.86em}.blog-prose pre{background:color-mix(in oklab, var(--muted) 72%, var(--background));border:1px solid var(--border);border-radius:1rem;width:100%;padding:clamp(1.25rem,2.5vw,2rem);font-size:.82rem;line-height:1.65;overflow-x:auto}.blog-prose>p:has(>img:only-child),.blog-prose>.blog-figure{width:100%;margin:clamp(2.5rem,5vw,5rem) 0}.blog-prose img{border:1px solid var(--border);border-radius:clamp(.75rem,1.5vw,1.25rem);width:100%}.blog-prose>.blog-figure{position:relative}.blog-prose>.blog-figure img{display:block}.blog-prose .blog-figure-chip{inset-inline-start:.75rem;align-items:center;gap:.35rem;height:2rem;padding:0 .8rem;font-size:12px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;position:absolute;bottom:.75rem}.blog-prose .blog-figure-chip:hover{opacity:1}.blog-figure-chip:active{transform:scale(.97)}.blog-figure-chip:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.blog-figure-chip svg{width:.8rem;height:.8rem}.blog-old-footer{width:100%;color:var(--muted-foreground);flex-direction:column;gap:.75rem;margin-top:2.5rem;padding:0;font-size:.72rem;display:flex}.blog-old-footer .blog-back-link{margin-top:0;text-decoration:none}.blog-back-glass{display:flex}.blog-back-glass .blog-back-link:hover{opacity:1}.blog-copyright{font-size:.75rem}@media (width<=1023px){.blog-header{grid-template-columns:minmax(0,2fr) minmax(15rem,1fr)}.blog-header-details{grid-column:2}.blog-article-grid{grid-template-columns:minmax(0,43rem) 2rem;justify-content:center}.blog-rail,.blog-reading-status{display:none}}@media (width<=767px){.blog-nav{padding-top:1rem}.blog-header{grid-template-columns:1fr;gap:1.75rem;padding-top:3rem;padding-bottom:3rem}.blog-title-block,.blog-header-details{grid-column:1}.blog-title-block h1{max-width:100%;font-size:clamp(2.6rem,11.5vw,4.25rem);line-height:1}.blog-header-details{gap:1.75rem}.blog-description{font-size:1rem}.blog-article-grid{padding-top:3.5rem;padding-bottom:4rem;display:block}.blog-prose{font-size:1rem;line-height:1.72}.blog-prose h2{font-size:2.25rem}.blog-prose blockquote{margin-inline-start:0}.blog-prose pre{border-radius:.8rem}}@media (prefers-reduced-transparency:reduce){.blog-prose pre{background:var(--muted)}}.blog-reveal{--blog-reveal-delay:0s;opacity:0;filter:blur(3px);transform:translateY(10px)}.blog-reveal-visible{animation:.52s cubic-bezier(.16,1,.3,1) both blog-reveal-in;animation-delay:var(--blog-reveal-delay)}@keyframes blog-reveal-in{0%{opacity:0;filter:blur(3px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.blog-reveal,.blog-reveal-visible{opacity:1;filter:none;animation:none;transform:none}.blog-brand,.blog-back-link,.blog-prose a{transition:none}}
