:root{--page:#fff;--ink:#1f1f1f;--ink-2:#444746;--ink-3:#5e5e5e;--rule:#dfe3e7;--surface:#f0f4f9;--surface-2:#f8fafd;--island:#1e1f20;--island-2:#282a2c;--island-ink:#e3e3e3;--blue:#0b57d0;--green:#146c2e;--yellow:#f9ab00;--red:#b3261e;--blue-ink:#0b57d0;--accent:#0b57d0;--accent-on-dark:#a8c7fa;--pass:#146c2e;--pass-surface:#e6f4ea;--code-foreground:#1f1f1f;--code-background:#f0f4f9;--code-token-keyword:var(--accent);--code-token-string:var(--ink-2);--code-token-string-expression:var(--ink-2);--code-token-comment:var(--ink-3);--code-token-constant:var(--ink);--code-token-function:var(--ink);--code-token-parameter:var(--ink);--code-token-punctuation:var(--ink);--code-token-link:var(--accent);--sans:"Google Sans Flex", "Google Sans", system-ui, sans-serif;--code:"Google Sans Code", ui-monospace, SFMono-Regular, Menlo, monospace;--header-h:60px;--wrap:1480px;--gutter:clamp(20px, 4vw, 56px);color-scheme:light}[data-theme=dark]{--page:#131314;--ink:#e3e3e3;--ink-2:#c4c7c5;--ink-3:#a8abad;--rule:#3c4043;--surface:#1e1f20;--surface-2:#18191a;--island:#282a2c;--island-2:#333537;--blue:#a8c7fa;--green:#6dd58c;--yellow:#fdd663;--red:#f2b8b5;--blue-ink:#a8c7fa;--accent:#a8c7fa;--pass:#6dd58c;--pass-surface:#0f2e1a;--code-foreground:#e3e3e3;--code-background:#1e1f20;color-scheme:dark}:root{--measure:680px;--wrap:840px}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 24px)}body{background:var(--page);color:var(--ink);font-family:var(--sans);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}a{color:inherit}img{max-width:100%;height:auto}code,pre,kbd{font-family:var(--code)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:2px}.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}.skip-link:focus{z-index:1000;clip:auto;background:var(--page);width:auto;height:auto;color:var(--ink);border:1px solid var(--rule);border-radius:8px;margin:0;padding:8px 14px;font-size:14px;position:fixed;top:8px;left:8px;overflow:visible}.wrap{max-width:var(--wrap);padding:0 var(--gutter);margin:0 auto}.site-header{z-index:50;height:var(--header-h);background:var(--page);border-bottom:1px solid var(--rule);position:sticky;top:0}.site-header .wrap{align-items:center;gap:32px;height:100%;display:flex}.brand{font:500 17px/1 var(--code);letter-spacing:-.02em;color:var(--ink);white-space:nowrap;flex:none;align-items:center;text-decoration:none;display:flex}.nav-main{align-self:stretch;align-items:stretch;gap:22px;display:flex}.nav-main a{font:450 15px/1 var(--code);letter-spacing:-.01em;color:var(--ink-2);align-items:center;text-decoration:none;display:flex;position:relative}.nav-main .slug{color:var(--ink-3);margin-right:1px}.nav-main a:hover{color:var(--ink)}.nav-main a[aria-current]{color:var(--ink);font-weight:550}.nav-main a[aria-current] .slug{color:var(--accent)}.nav-main a[aria-current]:after{content:"";background:var(--ink);height:2px;position:absolute;bottom:-1px;left:0;right:0}.header-tools{align-items:center;margin-left:auto;display:flex}.icon-btn{min-width:36px;height:36px;color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0 9px;font-size:14px;text-decoration:none;display:inline-flex}.icon-btn:hover{color:var(--ink);background:var(--surface)}@media (width<=480px){.site-header .wrap{gap:18px}.nav-main{gap:14px}}.site-footer{border-top:1px solid var(--rule);color:var(--ink-3);margin-top:96px;padding:28px 0 56px;font-size:14px;line-height:1.5}.site-footer a{color:var(--ink-2);text-underline-offset:3px}.page{padding-top:56px}.prose .date{color:var(--ink-3);margin:0 0 14px;font-size:14px}.prose .date .updated-on{margin-left:12px}.post-list{margin:0 0 24px;padding:0;list-style:none}.post-list li{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:4px 24px;padding:14px 0;display:flex}.post-list li+li{margin-top:0}.post-list a{font-weight:500;text-decoration:none}.post-list a:hover{text-underline-offset:3px;text-decoration:underline}.post-list time{color:var(--ink-3);white-space:nowrap;font-size:14px}pre.astro-code,.code-island{color:var(--code-foreground);border-radius:10px;margin:24px 0;padding:16px 20px;font-size:14px;line-height:1.65;overflow-x:auto;background:var(--code-background)!important}pre.astro-code code{font-family:var(--code)}.code-wrap{position:relative}.copy-code{opacity:0;background:var(--page);color:var(--ink-2);font:500 12.5px var(--sans);cursor:pointer;border:0;border-radius:6px;padding:5px 10px;transition:opacity .15s;position:absolute;top:8px;right:8px}.copy-code:hover{color:var(--ink)}.code-wrap:hover .copy-code,.copy-code:focus-visible{opacity:1}@media (hover:none){.copy-code{opacity:1}}.prose{max-width:var(--measure);font-size:17px;line-height:1.6}.prose>:first-child{margin-top:0}.prose p{margin:0 0 16px}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--ink);text-wrap:balance}.prose h1{letter-spacing:-.012em;font-variation-settings:"opsz" 144;margin:0 0 18px;font-size:clamp(36px,3.3vw,46px);font-weight:500;line-height:1.04}.prose h1+p{color:var(--ink-2);max-width:60ch;margin-bottom:28px;font-size:19px;line-height:1.5}.prose h2{letter-spacing:-.015em;font-variation-settings:"opsz" 144;margin:64px 0 14px;font-size:28px;font-weight:500;line-height:1.15}.prose h3{letter-spacing:-.01em;margin:44px 0 10px;font-size:21px;font-weight:500;line-height:1.25}.prose h4{margin:32px 0 8px;font-size:17.5px;font-weight:550;line-height:1.35}.prose h5,.prose h6{color:var(--ink-2);margin:28px 0 6px;font-size:16px;font-weight:620;line-height:1.4}.prose :is(h2,h3,h4)+:is(h3,h4,h5){margin-top:20px}.prose p,.prose li{color:var(--ink)}.prose strong{font-weight:600}.prose a{color:var(--blue-ink);text-decoration:underline 1px;text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);text-underline-offset:3px}.prose a:hover{text-decoration-color:currentColor}.prose :not(pre)>code{color:var(--ink);background:var(--surface);border-radius:4px;padding:.1em .36em;font-size:.875em}.prose a code{color:inherit}.prose ul,.prose ol{margin:0 0 16px;padding-left:1.4em}.prose li+li{margin-top:6px}.prose li>p{margin-bottom:8px}.prose li::marker{color:var(--ink-3)}.prose img{border-radius:10px}.prose hr{border:0;border-top:1px solid var(--rule);margin:48px 0}.prose blockquote{border-left:2px solid var(--rule);color:var(--ink-2);margin:24px 0;padding:0 0 0 20px}.prose table{border-collapse:collapse;width:100%;margin:24px 0 28px;font-size:15px;line-height:1.5;display:block;overflow-x:auto}.prose th{text-align:left;color:var(--ink);border-bottom:1px solid var(--ink-3);vertical-align:bottom;padding:0 20px 10px 0;font-size:14px;font-weight:600}.prose td{border-bottom:1px solid var(--rule);vertical-align:top;padding:11px 20px 11px 0}.prose :is(th,td):last-child{padding-right:0}.prose td :not(pre)>code{font-size:.86em}.prose td a,.prose td :not(pre)>code{overflow-wrap:normal}.prose .code-title{font:12.5px/1.4 var(--code);color:var(--ink-2);background:var(--code-background);border-bottom:1px solid color-mix(in srgb, var(--rule) 70%, var(--code-background));border-radius:10px 10px 0 0;margin:24px 0 0;padding:9px 20px 8px}.prose .code-title+pre.astro-code,.prose .code-title+.code-wrap>pre.astro-code{border-radius:0 0 10px 10px;margin-top:0}.prose :is(th,td):first-child code{background:0 0;padding:0;font-weight:500}.prose{overflow-wrap:break-word}.prose a{overflow-wrap:anywhere}.prose :not(pre)>code{white-space:nowrap}.prose :is(td,th,h1,h2,h3,h4,h5,h6) code,.prose code.code-long{white-space:normal}@media (width<=560px){.prose code:is(.code-mid,.code-long){white-space:normal;overflow-wrap:anywhere}}.prose pre.astro-code:not(:has(span[style])):not(:has(.line+.line)){white-space:pre-wrap;overflow-wrap:anywhere}@media (hover:none){.prose pre.astro-code:not(:has(span[style])):not(:has(.line+.line)){padding-right:72px}}.prose :is(h1,h2,h3,h4,h5,h6) code{letter-spacing:-.03em;color:inherit;overflow-wrap:break-word;background:0 0;border-radius:0;padding:0;font-size:.84em;font-weight:450}.prose :is(h4,h5,h6) code{font-size:.92em}.prose img{margin:24px 0;display:block}[data-theme=dark] .prose img{background:var(--surface);padding:12px}.footer-row{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.profile{align-items:center;gap:24px;margin-bottom:36px;display:flex}.profile img{object-fit:cover;border:1px solid var(--rule);border-radius:50%;flex:none;width:96px;height:96px}.prose .profile h1{margin:0 0 6px}.profile .role{color:var(--ink-3);margin:0 0 12px;font-size:16px;line-height:1.4}.prose .profile .role{color:var(--ink-3)}.prose dl.tech{margin:0}.prose dl.tech>div{margin:0 0 8px}.prose dl.tech dt{font-weight:600;display:inline}.prose dl.tech dt:after{content:":"}.prose dl.tech dd{margin:0 0 0 .35em;display:inline}@media (width<=559px){.profile{flex-direction:column;align-items:flex-start;gap:16px}}.social-links[data-astro-cid-y2qsmizv]{vertical-align:middle;align-items:center;gap:14px;display:inline-flex}.social-links[data-astro-cid-y2qsmizv] a[data-astro-cid-y2qsmizv]{color:var(--ink-2);display:inline-flex}.social-links[data-astro-cid-y2qsmizv] a[data-astro-cid-y2qsmizv]:hover{color:var(--ink)}