.site-footer[data-v-9c949afc]{border-top:1px solid var(--border)}.inner[data-v-9c949afc]{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:28px 40px;font-size:14px;display:flex}.links[data-v-9c949afc]{gap:20px;display:flex}.blog{--bg:rgb(var(--g-5));--surface:rgb(var(--g-0));--surface-2:rgb(var(--g-10));--border:rgb(var(--g-15));--border-strong:rgb(var(--g-20));--heading:rgb(var(--g-100));--text:rgb(var(--g-100));--text-body:rgb(var(--g-80));--text-soft:rgb(var(--g-70));--muted:rgb(var(--g-50));--link:rgb(var(--p-100));--link-hover:rgb(var(--p-hover));--accent-fill:rgb(var(--p-90));--on-accent:#fff;--accent-soft:rgb(var(--p-5));--accent-border:rgb(var(--p-20));--mark-bg:#fef3c7;--mark-text:rgb(var(--g-100));--code-bg:#161617;--code-text:#e5e5e7;--inline-code:rgb(var(--g-90));--font-sans:"Inter var", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, monospace;--radius:10px;--page:880px;--reading:720px;--gutter:24px;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5}.blog a:where(:not([class*=sui-])){color:var(--link)}.blog a:where(:not([class*=sui-])):hover{color:var(--link-hover)}.blog :focus-visible{outline:2px solid var(--accent-fill);outline-offset:3px;border-radius:4px}.blog img,.blog video,.blog iframe{max-width:100%}.blog .container{width:100%;max-width:var(--page);padding-inline:var(--gutter);margin-inline:auto}.blog .container-reading{width:100%;max-width:var(--reading);padding-inline:var(--gutter);margin-inline:auto}.blog .eyebrow{color:var(--muted);margin:0 0 12px;font-size:14px;font-weight:500}.blog .page-title{letter-spacing:-.03em;color:var(--text);margin:0 0 16px;font-size:clamp(34px,6vw,44px);font-weight:600;line-height:1.1}.blog .visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog .skip-link{left:var(--gutter);background:var(--accent-fill);color:var(--on-accent);z-index:10;border-radius:8px;padding:10px 14px;position:absolute;top:-60px}.blog .skip-link:focus{top:12px}.blog .prose{color:var(--text-body);overflow-wrap:break-word;font-size:19px;line-height:1.75}.blog .prose>*{margin-block:0 24px}.blog .prose>:last-child{margin-bottom:0}.blog .prose h1,.blog .prose h2,.blog .prose h3,.blog .prose h4,.blog .prose h5,.blog .prose h6{letter-spacing:-.02em;color:var(--heading);margin:56px 0 20px;scroll-margin-top:24px;font-weight:600;line-height:1.3;position:relative}.blog .prose h1,.blog .prose h2{font-size:28px}.blog .prose h3{font-size:23px}.blog .prose h4,.blog .prose h5,.blog .prose h6{font-size:19px}.blog .prose .heading-anchor{color:var(--muted);margin-right:10px;text-decoration:none}.blog .prose .heading-anchor:hover{color:var(--link)}.blog .prose strong{color:var(--heading);font-weight:600}.blog .prose mark{background:var(--mark-bg);color:var(--mark-text);border-radius:3px;padding:0 3px}.blog .prose code{background:var(--surface-2);color:var(--inline-code);font-family:var(--font-mono);border-radius:4px;padding:2px 6px;font-size:.85em}.blog .prose pre{border:1px solid var(--border);border-radius:var(--radius);background:var(--code-bg);color:var(--code-text);margin-bottom:40px;padding:18px 20px;font-size:15px;line-height:1.65;overflow-x:auto}.blog .prose pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.blog .prose ul,.blog .prose ol{padding-left:1.4em}.blog .prose li>p{margin:0 0 8px}.blog .prose li::marker{color:var(--link)}.blog .prose hr{border:0;border-top:1px dashed var(--border-strong);margin-block:48px}.blog .prose blockquote:not(.twitter-tweet){border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);margin-inline:0;padding:20px 24px}.blog .prose blockquote:not(.twitter-tweet)>:last-child{margin-bottom:0}.blog .prose blockquote:not(.twitter-tweet) p{margin:0 0 10px}.blog .prose figure{margin:0 0 40px}.blog .prose figure img{border-radius:var(--radius);border:1px solid var(--border);width:100%;height:auto;display:block}.blog .prose figcaption{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.5}.blog .prose figure.video iframe,.blog .prose figure.video video{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius);background:#000;width:100%;height:auto;display:block}.blog .prose blockquote.twitter-tweet{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:0 0 40px;padding:20px 24px;font-size:14px}.blog .prose .twitter-tweet a{overflow-wrap:anywhere}.blog .prose a.link-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) auto;margin-bottom:40px;line-height:1.5;text-decoration:none;display:grid;overflow:hidden}.blog .prose a.link-card:hover{border-color:var(--border-strong)}.blog .prose .link-card img{object-fit:cover;background:var(--surface-2);grid-area:1/2/span 2;width:168px;height:100%;min-height:100px}.blog .prose .link-card-title,.blog .prose .link-card-description{grid-column:1;padding-inline:20px;display:block}.blog .prose .link-card-title{padding-top:18px;font-size:16px;font-weight:600}.blog .prose .link-card-description{color:var(--muted);padding-bottom:18px;font-size:14px}.blog .prose .link-card-title:last-child{padding-bottom:18px}.blog .prose .table-wrap{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:40px;overflow-x:auto}.blog .prose table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5}.blog .prose th,.blog .prose td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 14px}.blog .prose tr:last-child>td{border-bottom:0}.blog .prose th{background:var(--surface);color:var(--muted);font-size:13px;font-weight:500}.blog .prose th>p,.blog .prose td>p{margin:0}@media (width<=560px){.blog .prose{font-size:18px}.blog .prose a.link-card{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}.blog .prose .link-card img{aspect-ratio:1.91;grid-area:1/1;width:100%;height:auto}}:where(.blog) .container{flex:none;display:block}html[data-mode=dark] .blog{--mark-bg:#3a3115;--mark-text:#fde68a;--on-accent:#fff}