.blog{--text-scale:1;min-height:100dvh;font-size:1rem}.blog-wrap{width:100%;max-width:70rem;padding-left:max(3.5rem, env(safe-area-inset-left));padding-right:max(3.5rem, env(safe-area-inset-right));margin-inline:auto}.blog :is(a,summary):focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.blog-skip{z-index:50;background:var(--color-canvas);padding:.75rem 1rem;position:fixed;top:1rem;left:1.5rem;transform:translateY(-200%)}.blog-skip:focus{transform:none}.blog-intro{padding-block:5.5rem 4.5rem}.blog-eyebrow{color:var(--color-body);font-size:.8125rem;font-weight:500;line-height:1.5}.blog-intro h1{letter-spacing:-.035em;margin-block:1rem 1.5rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:600;line-height:1.05}.blog-lede{max-width:40rem;color:var(--color-body);text-wrap:pretty;font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.6}.blog-articles{border-top:1px solid var(--color-hairline)}.blog-entry{grid-template-columns:12rem minmax(0,1fr);gap:3rem;padding-block:3rem 3.5rem;display:grid}.blog-entry+.blog-entry{border-top:1px solid var(--color-hairline)}.blog-entry-date{color:var(--color-body);padding-top:.125rem;font-size:.8125rem;line-height:1.5}.blog-entry h2{letter-spacing:-.025em;text-wrap:pretty;max-width:24ch;margin-block:.75rem 1rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;line-height:1.17}.blog-entry-description{max-width:39rem;color:var(--color-body);text-wrap:pretty;font-size:1.0625rem;line-height:1.7}.blog-entry-byline{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:1.75rem;font-size:.875rem;display:flex}.blog-entry-byline>span{color:var(--color-body)}.blog-entry-byline a{font-weight:500}.blog-draft{background:var(--color-wash);color:var(--color-ink);border-radius:var(--radius);margin-left:.5rem;padding:.2rem .4rem}.blog-about{border-block:1px solid var(--color-hairline);grid-template-columns:12rem minmax(0,1fr);gap:3rem;margin-block:2rem 4rem;padding-block:2.5rem;display:grid}.blog-about h2{font-size:1rem;font-weight:500;line-height:1.6}.blog-about p{max-width:42rem;color:var(--color-body);margin-bottom:1rem;line-height:1.7}.blog-about a{font-size:.875rem}.blog-footer{color:var(--color-body);flex-wrap:wrap;align-items:baseline;gap:1rem;padding-block:1.5rem 2.5rem;font-size:.8125rem;display:flex}.blog-footer>a:first-child{color:var(--color-ink);font-weight:600}.blog-footer>a:last-child{margin-left:auto}.blog-empty{padding-block:3rem}.blog-empty h2{margin-bottom:1rem;font-size:1.5rem}.blog-article-header{max-width:51rem;padding-block:3rem 3.5rem}.blog-back{min-height:2.75rem;color:var(--color-body);align-items:center;gap:.5rem;margin-bottom:2.5rem;font-size:.875rem;display:inline-flex}.blog-article-header h1{letter-spacing:-.03em;text-wrap:pretty;margin-block:.875rem 1.75rem;font-size:clamp(2.125rem,5vw,3.625rem);font-weight:600;line-height:1.1}.blog-byline{color:var(--color-body);flex-wrap:wrap;gap:.5rem 1.25rem;font-size:.875rem;line-height:1.6;display:flex}.blog-byline>span:first-child{color:var(--color-ink)}.blog-updated{color:var(--color-body);margin-top:.5rem;font-size:.8125rem}.blog-reading-layout{grid-template-columns:minmax(0,1fr) 14rem;align-items:start;gap:4rem;display:grid}.blog-outline{scrollbar-width:thin;grid-area:1/2;max-height:calc(100dvh - 8rem);padding:.25rem .5rem 1rem;position:sticky;top:6rem;overflow-y:auto}.blog-outline-title,.blog-outline-mobile summary{font-size:.8125rem;font-weight:600;line-height:1.6}:is(.blog-outline,.blog-outline-mobile) ol{margin-top:.75rem}:is(.blog-outline,.blog-outline-mobile) li+li{margin-top:.5rem}:is(.blog-outline,.blog-outline-mobile) a{color:var(--color-body);padding-block:.125rem;font-size:.8125rem;line-height:1.5;text-decoration:none;display:block}:is(.blog-outline,.blog-outline-mobile) a:hover{color:var(--color-ink);text-underline-offset:.2em;text-decoration:underline}.blog-prose{overflow-wrap:break-word;grid-area:1/1;min-width:0;font-size:1.0625rem;line-height:1.8}.blog-prose>:first-child{margin-top:0}.blog-prose p{margin-block:1.25em}.blog-prose>p:first-child{font-size:1.1875rem;line-height:1.75}.blog-prose :is(h2,h3,h4){color:var(--color-ink);text-wrap:pretty;scroll-margin-top:6rem;font-weight:600}.blog-prose h2{letter-spacing:-.015em;margin-block:2.75rem 1.125rem;font-size:1.5rem;line-height:1.35}.blog-prose h3{margin-block:2rem 1rem;font-size:1.1875rem;line-height:1.45}.blog-prose :is(ul,ol){margin-block:1.25em;padding-left:1.5rem}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li{margin-block:.5rem;padding-left:.25rem}.blog-prose a{text-decoration:underline;-webkit-text-decoration-color:var(--color-edge);text-decoration-color:var(--color-edge);text-underline-offset:.2em}.blog-prose a:hover{text-decoration-color:currentColor}.blog-prose code{background:var(--color-wash);border-radius:var(--radius);overflow-wrap:anywhere;padding:.12em .25em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.blog-prose pre{background:var(--color-sidebar);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);margin-block:1.75rem;padding:1.25rem 1.5rem;font-size:.875rem;line-height:1.7;overflow-x:auto}.blog-prose pre code{font-size:inherit;overflow-wrap:normal;background:0 0;padding:0}.blog-prose blockquote{border-left:2px solid var(--color-edge);color:var(--color-body);margin-block:1.75rem;padding-left:1.5rem}.blog-prose :is(img,video){border-radius:var(--radius-lg);max-width:100%;height:auto;margin-block:2rem}.blog-prose hr{border-color:var(--color-hairline);margin-block:3rem}.blog-prose table{border-collapse:collapse;max-width:100%;margin-block:2rem;font-size:.9375rem;display:block;overflow-x:auto}.blog-prose :is(th,td){text-align:left;border-bottom:1px solid var(--color-hairline);padding:.75rem 1rem}.blog-prose th{font-weight:600}.blog-prose .token{color:inherit}.blog-prose .token.comment{color:var(--color-body)}.blog-prose :is(.token.keyword,.token.operator){color:var(--color-accent)}.blog-article-end{border-top:1px solid var(--color-hairline);max-width:44rem;margin-top:4rem;padding-block:2rem 4rem;font-size:.875rem}.blog-article-end p{color:var(--color-body);margin-bottom:1rem}.blog-article-end>div{flex-wrap:wrap;gap:1.5rem;display:flex}@media (width<64rem){.blog-entry,.blog-about{grid-template-columns:minmax(0,1fr);gap:1.25rem}.blog-reading-layout{grid-template-columns:minmax(0,1fr);gap:2.5rem;max-width:44rem}.blog-outline{border-block:1px solid var(--color-hairline);grid-area:auto/1;max-height:none;padding:1.25rem 0;position:static}:is(.blog-outline,.blog-outline-mobile) ol{columns:2;column-gap:2rem}:is(.blog-outline,.blog-outline-mobile) li{break-inside:avoid}.blog-prose{grid-row:auto}.blog-article-header{padding-bottom:2.5rem}}@media (width<48rem){.blog-wrap{padding-left:max(1.5rem, env(safe-area-inset-left));padding-right:max(1.5rem, env(safe-area-inset-right))}.blog-intro{padding-block:3.5rem 3rem}.blog-entry,.blog-about{grid-template-columns:minmax(0,1fr);gap:1.25rem}.blog-entry{padding-block:2rem 2.5rem}.blog-about{margin-bottom:2rem}.blog-article-header{padding-top:1.5rem}.blog-back{margin-bottom:1.75rem}:is(.blog-outline,.blog-outline-mobile) ol{columns:1}.blog-prose{font-size:1rem;line-height:1.8}.blog-prose>p:first-child{font-size:1.125rem}.blog-prose h2{scroll-margin-top:9rem;font-size:1.375rem}.blog-prose pre{padding:1rem;font-size:.8125rem}.blog-footer p{flex-basis:100%;order:3}}@media (pointer:coarse){:is(.blog-outline,.blog-outline-mobile) a{align-items:center;min-height:2.75rem;display:flex}:is(.blog-outline,.blog-outline-mobile) li+li{margin-top:0}.blog-outline-title,.blog-outline-mobile summary,.blog-footer a,.blog-article-end a,.blog-entry-byline a{align-content:center;min-height:2.75rem}}@media print{.blog>header,.blog-outline,.blog-skip,.blog-footer,.blog-article-end,.blog-back{display:none}.blog-wrap{max-width:none;padding-inline:0}.blog-reading-layout{display:block}.blog-prose{font-size:11pt}.blog-prose pre{white-space:pre-wrap}}.blog-outline-mobile{display:none}@media (width<64rem){.blog-outline{display:none}.blog-outline-mobile{border-block:1px solid var(--color-hairline);grid-column:1;padding-block:.75rem;display:block}.blog-outline-mobile summary{align-content:center;min-height:2.75rem}.blog-outline-mobile[open]{padding-bottom:1.5rem}}@media print{.blog-outline-mobile{display:none}}.blog-beta{border-top:1px solid var(--color-hairline);max-width:44rem;padding-block:2.5rem 4rem}.blog-beta h2{margin-block:.75rem 1rem;font-size:1.75rem;font-weight:600;line-height:1.25}.blog-beta>p:not(.blog-eyebrow){color:var(--color-body);max-width:34rem;margin-bottom:1.5rem;font-size:1rem;line-height:1.7}@media print{.blog-beta{display:none}}