.ref-blog-surface{width:min(768px,100% - 32px);margin:0 auto;padding:112px 0 96px}.ref-blog-archive{padding-inline:32px}.ref-blog-archive h1,.ref-article-header h1{color:var(--ref-heading,var(--ref-text));letter-spacing:-.035em;margin:0;font-size:24px;font-weight:550;line-height:32px}.ref-archive-header{position:relative}.ref-archive-search{color:var(--ref-muted);font-size:13px;position:absolute;top:5px;right:0}.ref-archive-search input{z-index:2;border:1px solid var(--ref-border);background:var(--ref-surface);width:min(280px,70vw);height:42px;color:var(--ref-text);font:inherit;border-radius:8px;padding:8px 12px;font-size:16px;position:absolute;top:32px;right:0;box-shadow:0 5px 20px #18243b08}.ref-archive-years{margin-top:24px}.ref-archive-year+.ref-archive-year{margin-top:32px}.ref-archive-year h2{color:var(--ref-muted);margin:0 0 8px;font-size:18px;font-weight:450;line-height:28px}.ref-archive-year ol{margin:0;padding:0;list-style:none}.ref-archive-year li{justify-content:space-between;align-items:baseline;gap:24px;padding-block:7px;display:flex}.ref-archive-year li[hidden],.ref-archive-year[hidden],.ref-search-empty[hidden]{display:none}.ref-archive-year a{min-width:0;color:var(--ref-text);text-decoration:underline;-webkit-text-decoration-color:var(--ref-border);text-decoration-color:var(--ref-border);text-underline-offset:4px;font-size:16px;line-height:24px;text-decoration-thickness:1px;transition:color .16s,text-decoration-color .16s}.ref-archive-year a:hover{color:var(--ref-accent);text-decoration-color:currentColor}.ref-archive-year time{color:var(--ref-muted);flex:none;font-size:14px;line-height:24px}.ref-search-empty,.ref-archive-empty{color:var(--ref-muted);margin-top:24px}.ref-archive-footer{color:var(--ref-muted);margin-top:40px;font-size:13px}.ref-archive-footer a{text-decoration:none}.ref-archive-footer a:hover{color:var(--ref-text)}.ref-article{position:relative}.ref-article-main{min-width:0}.ref-article-rail{width:192px;font-size:14px;line-height:22px;position:absolute;top:0;bottom:0;right:calc(100% + 64px)}.ref-article-rail-inner{scrollbar-width:thin;max-height:calc(100vh - 152px);position:sticky;top:112px;overflow-y:auto}.ref-article-rail .ref-back{display:flex}.ref-back{color:var(--ref-muted);align-items:center;gap:10px;font-size:14px;line-height:24px;text-decoration:none;display:inline-flex}.ref-back>span{font-size:26px;font-weight:300;line-height:20px;display:inline-block;transform:translateY(-1px)}.ref-back:hover{color:var(--ref-text)}.ref-back-mobile{display:none}.ref-toc{margin-top:24px}.ref-toc ol,.ref-series-nav ol,.ref-series-mobile ol{margin:0;padding:0;list-style:none}.ref-toc li+li{margin-top:12px}.ref-toc a{color:var(--ref-muted);text-decoration:none;transition:color .16s;display:block}.ref-toc a:hover,.ref-toc a[aria-current=location]{color:var(--ref-text)}.ref-toc-nested{padding-left:12px;font-size:13px}.ref-series-nav{margin-top:24px}.ref-series-nav p{color:var(--ref-muted);margin:0 0 12px}.ref-series-nav a,.ref-series-mobile a{color:var(--ref-muted);padding-block:6px;text-decoration:none;display:block}.ref-series-nav a:hover,.ref-series-nav a[aria-current],.ref-series-mobile a[aria-current]{color:var(--ref-text)}.ref-series-mobile{display:none}.ref-article-meta{color:var(--ref-muted);flex-wrap:wrap;align-items:baseline;gap:0 8px;margin-top:8px;font-size:14px;line-height:24px;display:flex}.ref-article-meta a{color:var(--ref-muted);text-decoration:none}.ref-article-meta a:hover{color:var(--ref-text);text-underline-offset:3px;text-decoration:underline}.ref-tag-comma{margin-left:-8px}.ref-article-prose{letter-spacing:-.015em;color:var(--ref-text);overflow-wrap:anywhere;margin-top:28px;font-size:16px;line-height:28px}.ref-article-prose>:first-child{margin-top:0}.ref-article-prose>:last-child{margin-bottom:0}.ref-article-prose p{margin:0 0 24px}.ref-article-prose :is(h2,h3,h4,h5,h6){color:var(--ref-heading,var(--ref-text));letter-spacing:-.025em;margin:32px 0 12px;scroll-margin-top:108px;font-weight:550}.ref-article-prose h2{font-size:20px;line-height:28px}.ref-article-prose h3{font-size:18px;line-height:28px}.ref-article-prose :is(h4,h5,h6){font-size:16px;line-height:26px}.ref-article-prose strong{font-weight:600}.ref-article-prose a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--ref-border);text-decoration-color:var(--ref-border);text-underline-offset:3px;transition:color .16s,text-decoration-color .16s}.ref-article-prose a:hover{color:var(--ref-accent);text-decoration-color:currentColor}.ref-article-prose :is(ul,ol){margin:0 0 24px;padding-left:24px}.ref-article-prose li{padding-left:4px}.ref-article-prose li+li{margin-top:8px}.ref-article-prose li>:is(ul,ol){margin-block:8px}.ref-article-prose li>p{margin-bottom:8px}.ref-article-prose ul{list-style-type:disc}.ref-article-prose ol{list-style-type:decimal}.ref-article-prose blockquote{color:var(--ref-muted);border-left:2px solid var(--ref-border);margin:24px 0;padding:0 0 0 20px}.ref-article-prose hr{border:0;border-top:1px solid var(--ref-border);margin:36px 0}.ref-article-prose :not(pre)>code{background:color-mix(in srgb, var(--ref-text) 5%, transparent);border:1px solid var(--ref-border);border-radius:4px;padding:2px 4px;font-family:Geist Mono Variable,monospace;font-size:.85em}.ref-article-prose :is(pre,.expressive-code){margin-block:24px}.ref-article-prose pre{max-width:100%;font-size:13px;line-height:22px;overflow:auto}.ref-article-prose pre:not(.expressive-code pre){border:1px solid var(--ref-border);background:var(--ref-surface);border-radius:8px;padding:16px}.ref-article-prose .expressive-code pre{margin:0}.ref-article-prose .expressive-code{max-width:100%}.ref-article-prose table{border-collapse:collapse;width:100%;margin-block:24px;font-size:14px;line-height:24px;display:block;overflow-x:auto}.ref-article-prose :is(th,td){border-bottom:1px solid var(--ref-border);text-align:left;vertical-align:top;padding:10px 14px}.ref-article-prose th{font-weight:550}.ref-article-prose :is(img,video){border-radius:8px;max-width:100%;height:auto;margin-block:24px;display:block}.ref-article-prose iframe{border:0;border-radius:8px;width:100%;max-width:100%;display:block}.ref-article-prose figure{margin:32px 0}.ref-article-prose figcaption{color:var(--ref-muted);font-size:12px;line-height:20px}.ref-article-footer{color:var(--ref-muted);margin-top:64px;font-size:13px;line-height:22px}.ref-article-byline{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;display:flex}.ref-article-byline p{margin:0}.ref-article-byline a{text-decoration:underline;-webkit-text-decoration-color:var(--ref-border);text-decoration-color:var(--ref-border);text-underline-offset:3px}.ref-post-navigation{border-top:1px solid var(--ref-border);grid-template-columns:1fr 1fr;gap:24px;margin-top:32px;padding-top:24px;display:grid}.ref-post-navigation a{flex-direction:column;gap:6px;text-decoration:none;display:flex}.ref-post-navigation a:last-child{text-align:right}.ref-post-navigation strong{color:var(--ref-text);font-size:14px;font-weight:450}.ref-post-navigation a:hover strong{color:var(--ref-accent)}.ref-article-gallery{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;align-items:flex-start;gap:18px;width:calc(50vw + 384px);max-width:none;margin-block:36px;padding:4px 16px 10px;display:flex;overflow-x:auto}.ref-article-gallery::-webkit-scrollbar{display:none}.ref-article-gallery[data-dragging]{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.ref-article-gallery figure{scroll-snap-align:start;flex:none;margin:0}.ref-article-gallery a{cursor:zoom-in;border-radius:8px;display:block}.ref-article-gallery img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:8px;width:auto;max-width:none;height:320px;margin:0;display:block}.ref-article-gallery figcaption{color:var(--ref-muted);text-transform:uppercase;margin-top:7px;padding-inline:3px;font-size:12px;line-height:20px}.ref-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1279px){.ref-article-rail{display:none}.ref-back-mobile{margin-bottom:24px;display:inline-flex}.ref-series-mobile{color:var(--ref-muted);margin-top:24px;font-size:14px;line-height:24px;display:block}.ref-series-mobile ol{margin-top:12px}}@media (max-width:800px){.ref-blog-surface{padding-top:48px;padding-bottom:64px}.ref-blog-archive{padding-inline:0}.ref-archive-year li{gap:16px;padding-block:9px}.ref-archive-year time{font-size:12px}.ref-article-gallery{gap:16px;width:calc(100vw - 16px);padding-left:0}.ref-article-gallery img{height:240px}}@media (max-width:480px){.ref-archive-year li{align-items:flex-start}.ref-archive-year time{white-space:nowrap;padding-top:2px}.ref-article-header h1{font-size:24px;line-height:32px}.ref-article-meta{gap:0 7px}.ref-article-prose{margin-top:28px}.ref-article-gallery img{height:216px}}@media (prefers-reduced-motion:reduce){.ref-blog-surface *{scroll-behavior:auto!important;transition:none!important}}.ref-archive-back{margin-bottom:24px}.ref-blog-archive .ref-archive-description{color:var(--ref-muted);margin-top:12px;font-size:15px;line-height:26px}.ref-article-prose figure[data-rehype-pretty-code-figure]{margin:24px 0}.ref-article-prose [data-rehype-pretty-code-figure] pre{border-radius:8px;padding:16px 0}.ref-article-prose [data-rehype-pretty-code-figure] code{background:0 0;border:0;border-radius:0;width:max-content;min-width:100%;padding:0;font-size:13px;line-height:22px;display:grid}.ref-article-prose [data-rehype-pretty-code-figure] [data-line]{padding-inline:16px}.ref-article-prose [data-rehype-pretty-code-title]{color:var(--ref-muted);margin-bottom:8px;font-size:13px}.ref-article-prose [data-highlighted-line]{background:#ffffff0b}