@view-transition{navigation:auto}*,:before,:after{box-sizing:border-box}html[data-blog-transition=cover]:not([data-theme-transition])::view-transition{background:var(--color-base)}html[data-blog-transition=cover]:not([data-theme-transition])::view-transition-group(root){animation:none}html[data-blog-transition=cover]:not([data-theme-transition])::view-transition-image-pair(root){isolation:auto}html[data-blog-transition=cover]:not([data-theme-transition])::view-transition-old(root){z-index:0;mix-blend-mode:normal;animation:blog-page-fade-out var(--dur-base) var(--ease-out) both}html[data-blog-transition=cover]:not([data-theme-transition])::view-transition-new(root){z-index:1;mix-blend-mode:normal;animation:blog-page-fade-in var(--dur-base) var(--ease-out) var(--dur-slow) both}html[data-blog-transition=cover]:not([data-theme-transition])::view-transition-group(blog-cover){z-index:2}html[data-blog-transition=cover]:not([data-theme-transition])::view-transition-group(blog-cover),html[data-blog-transition=cover]:not([data-theme-transition])::view-transition-old(blog-cover),html[data-blog-transition=cover]:not([data-theme-transition])::view-transition-new(blog-cover){animation-duration:var(--dur-slow);animation-timing-function:cubic-bezier(.87,0,.13,1)}@keyframes blog-page-fade-out{to{opacity:0}}@keyframes blog-page-fade-in{0%{opacity:0}}html:has(body[data-blog]){--blog-nav-offset:3.25rem;scroll-padding-block-start:var(--blog-nav-offset)}@media (width<48rem){html:has(body[data-blog]){scroll-padding-block-start:0}}@layer base{*{margin:0}}@layer components{[data-blog] .sl-markdown-content{color:var(--color-ink-soft);font-size:1.0625rem;line-height:1.7}[data-blog] .sl-anchor-link{display:none}[data-blog] .sl-markdown-content :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-display);color:var(--color-ink);text-wrap:balance;font-weight:400}[data-blog] .sl-markdown-content :is(h2,h3,h4,h5,h6){margin-top:1em;margin-bottom:.625em;line-height:1.15}[data-blog] .sl-markdown-content :is(h3,h4,h5,h6){margin-top:1.625em;margin-bottom:.375em}[data-blog] .sl-markdown-content h2{font-size:1.75rem}[data-blog] .sl-markdown-content h3{font-size:1.375rem}[data-blog] .sl-markdown-content :is(h4,h5,h6){font-size:1.125rem;font-family:var(--font-sans);font-weight:700}[data-blog] .sl-markdown-content :is(p,ul,ol,blockquote,.expressive-code,figure,.spica-markdown-table){margin-block:1.25em}[data-blog] .sl-markdown-content .expressive-code :is(figure,pre){margin:0}[data-blog] .sl-markdown-content>:first-child,[data-blog] .sl-markdown-content :where(div:not(.sl-heading-wrapper),li)>:first-child{margin-top:0}[data-blog] .sl-markdown-content :where(div,li)>:last-child{margin-bottom:0}[data-blog] .sl-markdown-content strong{color:var(--color-ink);font-weight:700}[data-blog] .sl-markdown-content :is(ul,ol){padding-inline-start:1.5rem}[data-blog] .sl-markdown-content ul{list-style:outside}[data-blog] .sl-markdown-content ol{list-style:decimal}[data-blog] .sl-markdown-content li+li{margin-top:.375rem}[data-blog] .sl-markdown-content blockquote{border-left:2px solid var(--color-primary-line);color:var(--color-ink-muted);padding-left:1rem}[data-blog] .sl-markdown-content :is(img,video){border-radius:1rem;max-width:100%;height:auto}[data-blog] .sl-markdown-content img.-png{box-shadow:none;background:0 0;border-radius:0}[data-blog] .sl-markdown-content small{color:var(--color-ink-muted);font-size:.875em;display:block}[data-blog] .sl-markdown-content sup{vertical-align:super;font-size:.75em;line-height:0}[data-blog] .sl-markdown-content sup small{font-size:inherit;display:inline}}.blog-featured{transition:border-color var(--dur-fast) var(--ease-out), scale var(--dur-base) var(--ease-out)}.blog-featured:active,.blog-row>a:active{transition-duration:80ms;scale:.98}.blog-featured-cover{transition:scale .5s var(--ease-spring)}.blog-featured-cta{transition:background-color var(--dur-base) var(--ease-out)}.blog-row>a{transition:scale var(--dur-base) var(--ease-out)}.blog-row-title,.blog-link{transition:color var(--dur-fast) var(--ease-out)}.blog-row-arrow{transition:color var(--dur-fast) var(--ease-out), transform .2s var(--ease-spring)}@media (hover:hover) and (pointer:fine){.blog-featured:hover{border-color:var(--color-primary-line)}.blog-featured:hover .blog-featured-cover{scale:1.015}.blog-featured:hover .blog-featured-cta{background-color:var(--color-primary-cta-deep)}.blog-row>a:hover :is(.blog-row-title,.blog-row-arrow),.blog-link:hover{color:var(--color-primary-ink)}.blog-row>a:hover .blog-row-arrow{transform:translate(4px)}}@keyframes blog-row-fade{0%{opacity:0}}@keyframes blog-row-rise{0%{transform:translateY(8px)}}.blog-row{animation:blog-row-fade .28s var(--ease-out) backwards, blog-row-rise .28s var(--ease-spring) backwards;animation-delay:calc(min(var(--i,0), 8) * 40ms)}@media (prefers-reduced-motion:reduce){html[data-blog-transition=cover]::view-transition-group(root),html[data-blog-transition=cover]::view-transition-old(root),html[data-blog-transition=cover]::view-transition-new(root),html[data-blog-transition=cover]::view-transition-group(blog-cover),html[data-blog-transition=cover]::view-transition-old(blog-cover),html[data-blog-transition=cover]::view-transition-new(blog-cover){animation:none!important}.blog-row{animation:none}.blog-featured,.blog-featured-cover,.blog-featured-cta,.blog-row>a,.blog-row-title,.blog-row-arrow,.blog-link{transition:none}}