.blog-scope,.blog-lightbox{--blog-ink:var(--color-base-content);--blog-ink-body:color-mix(in oklab, var(--color-base-content) 86%, var(--color-base-100));--blog-ink-muted:color-mix(in oklab, var(--color-base-content) 72%, var(--color-base-100));--blog-ink-faint:color-mix(in oklab, var(--color-base-content) 58%, var(--color-base-100));--blog-line:color-mix(in oklab, var(--color-base-content) 12%, transparent);--blog-line-strong:color-mix(in oklab, var(--color-base-content) 24%, transparent);--blog-inset:var(--color-base-200);--blog-accent:var(--color-primary);--blog-radius:var(--radius-box,.5rem);--blog-image-outline:#0000001a;--blog-ease-out:cubic-bezier(.23, 1, .32, 1);--blog-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}@supports (color:lab(0% 0 0)){.blog-scope,.blog-lightbox{--blog-image-outline:lab(0% 0 0/.1)}}.blog-prose{color:var(--blog-ink-body);text-wrap:pretty;overflow-wrap:break-word;font-size:clamp(1.0625rem,.2vw + 1.02rem,1.1875rem);line-height:1.75}.blog-prose>:first-child{margin-top:0}.blog-prose>:last-child{margin-bottom:0}.blog-prose p{margin-block:1.15em}.blog-prose :is(h1,h2,h3,h4,h5,h6){color:var(--blog-ink);letter-spacing:-.022em;text-wrap:balance;scroll-margin-top:6rem}.blog-prose h1{margin-block:2.4em .6em;font-size:clamp(1.75rem,1.5vw + 1.3rem,2.25rem);font-weight:700;line-height:1.1}.blog-prose h2{margin-block:2.2em .55em;font-size:clamp(1.45rem,1.1vw + 1.15rem,1.8rem);font-weight:650;line-height:1.18}.blog-prose h3{margin-block:2em .5em;font-size:clamp(1.2rem,.6vw + 1.05rem,1.375rem);font-weight:650;line-height:1.3}.blog-prose h4{letter-spacing:-.012em;margin-block:1.9em .45em;font-size:clamp(1.0625rem,.25vw + 1rem,1.15rem);font-weight:650;line-height:1.4}.blog-prose :is(h5,h6){letter-spacing:0;margin-block:1.8em .4em;font-size:1rem;font-weight:650;line-height:1.45}.blog-prose :is(strong,b){color:var(--blog-ink);font-weight:650}.blog-prose em{font-style:italic}.blog-prose a{color:var(--blog-accent);text-decoration-line:underline;-webkit-text-decoration-color:color-mix(in oklab, currentColor 45%, transparent);text-decoration-color:color-mix(in oklab, currentColor 45%, transparent);text-underline-offset:.2em;text-decoration-thickness:1px;transition-property:text-decoration-color,text-decoration-thickness;transition-duration:.15s;transition-timing-function:ease}.blog-prose a:hover{text-decoration-color:currentColor;text-decoration-thickness:2px}.blog-prose a:focus-visible{outline:2px solid var(--blog-accent);outline-offset:2px;border-radius:.125rem}.blog-prose small{color:var(--blog-ink-muted);font-size:.875em}.blog-prose kbd{font-family:var(--blog-mono);background-color:var(--blog-inset);border:1px solid var(--blog-line-strong);color:var(--blog-ink);border-radius:.375rem;padding:.15em .4em;font-size:.8125em}.blog-prose :is(ul,ol){margin-block:1.15em;padding-inline-start:1.35em}.blog-prose ul{list-style-type:disc}.blog-prose ol{list-style-type:decimal}.blog-prose ul ul{list-style-type:circle}.blog-prose li{margin-block:.4em;padding-inline-start:.15em}.blog-prose li::marker{color:var(--blog-ink-faint)}.blog-prose li>p,.blog-prose :is(ul,ol) :is(ul,ol){margin-block:.5em}.blog-prose li:has(>input[type=checkbox]){margin-inline-start:-1.35em;list-style:none}.blog-prose blockquote{border-inline-start:2px solid var(--blog-line-strong);color:var(--blog-ink-muted);margin-block:1.75em;margin-inline:0;padding-inline-start:1.25rem}.blog-prose blockquote p{margin-block:.6em}.blog-prose code{font-family:var(--blog-mono);background-color:var(--blog-inset);border:1px solid var(--blog-line);color:var(--blog-ink);overflow-wrap:anywhere;border-radius:.375rem;padding:.12em .38em;font-size:.875em}.blog-prose pre{border-radius:var(--blog-radius);background-color:var(--blog-inset);border:1px solid var(--blog-line);font-family:var(--blog-mono);color:var(--blog-ink);tab-size:2;margin-block:1.6em;padding:1rem 1.15rem;font-size:.875rem;line-height:1.65;overflow-x:auto}.blog-prose pre code{font-size:inherit;line-height:inherit;color:inherit;overflow-wrap:normal;background:0 0;border:0;border-radius:0;padding:0}.blog-code{border-radius:var(--blog-radius);background-color:var(--blog-inset);border:1px solid var(--blog-line);margin-block:1.75em;overflow:hidden}.blog-code-bar{border-bottom:1px solid var(--blog-line);min-height:2.5rem;color:var(--blog-ink-faint);justify-content:space-between;align-items:center;gap:1rem;padding-inline:1.15rem .3125rem;font-size:.75rem;line-height:1;display:flex}.blog-code-lang{letter-spacing:.01em;font-weight:500}.blog-prose .blog-code pre{background:0 0;border:0;border-radius:0;margin:0}.blog-prose .blog-code pre:focus-visible{outline:2px solid var(--blog-accent);outline-offset:-2px}.blog-copy-button{border-radius:max(.25rem, calc(var(--blog-radius) - .3125rem));height:1.875rem;color:var(--blog-ink-faint);align-items:center;gap:.375rem;padding-inline:.625rem;font-size:.75rem;font-weight:500;transition-property:color,background-color,scale;transition-duration:.15s;transition-timing-function:ease;display:inline-flex}.blog-copy-button:hover{color:var(--blog-ink);background-color:var(--blog-line)}.blog-copy-button:active{scale:.96}.blog-copy-button:focus-visible{outline:2px solid var(--blog-accent);outline-offset:1px}.blog-table{width:100%;margin-block:1.75em;overflow-x:auto}.blog-prose table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:32rem;font-size:.9375rem;line-height:1.5}.blog-prose thead th{color:var(--blog-ink);border-bottom:1px solid var(--blog-line-strong);font-weight:600}.blog-prose :is(th,td){border-bottom:1px solid var(--blog-line);vertical-align:top;text-align:start;padding:.65rem .85rem}.blog-prose :is(th,td):first-child{padding-inline-start:0}.blog-prose :is(th,td):last-child{padding-inline-end:0}.blog-prose tbody tr:last-child td{border-bottom:0}.blog-prose hr{border:0;border-top:1px solid var(--blog-line);height:0;margin-block:3em}.blog-prose figure{margin-block:2em;margin-inline:0}.blog-prose figure[data-media=image]{flex-direction:column;align-items:center;display:flex}.blog-prose figcaption{max-width:60ch;color:var(--blog-ink-muted);text-align:center;text-wrap:balance;margin-top:.75em;font-size:.875rem;line-height:1.5}.blog-image-trigger{vertical-align:top;border-radius:var(--blog-radius);max-width:100%;display:inline-block;position:relative}.blog-image-trigger:focus-visible{outline:2px solid var(--blog-accent);outline-offset:3px}.blog-image{border-radius:var(--blog-radius);outline:1px solid var(--blog-image-outline);outline-offset:-1px;background-color:var(--blog-inset);max-width:100%;height:auto;max-height:80vh;display:block}.blog-image-hint{background-color:color-mix(in oklab, var(--color-base-100) 85%, transparent);width:2rem;height:2rem;color:var(--blog-ink);box-shadow:0 0 0 1px var(--blog-line), 0 2px 6px #0000001f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;border-radius:9999px;place-items:center;font-size:.875rem;transition:opacity .15s;display:grid;position:absolute;top:.625rem;right:.625rem}@supports (color:lab(0% 0 0)){.blog-image-hint{box-shadow:0 0 0 1px var(--blog-line), 0 2px 6px lab(0% 0 0/.12)}}.blog-image-trigger:focus-visible .blog-image-hint{opacity:1}@media (hover:hover) and (pointer:fine){.blog-image-trigger:hover .blog-image-hint{opacity:1}}.blog-video{border-radius:var(--blog-radius);border:1px solid var(--blog-line);background-color:var(--blog-inset);width:100%;max-width:100%;height:auto;margin-block:2em;display:block}.blog-embed{border-radius:calc(var(--blog-radius) + .375rem);border:1px solid var(--blog-line);background-color:var(--blog-inset);margin-block:2em;padding:.375rem;display:block}.blog-embed-ratio{aspect-ratio:16/9;border-radius:var(--blog-radius);background-color:#000;background-color:lab(0% 0 0);width:100%;display:block;position:relative;overflow:hidden}.blog-embed-ratio iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.blog-iframe{border-radius:var(--blog-radius);border:1px solid var(--blog-line);max-width:100%;margin-block:2em;display:block}.blog-prose :is(img,video,iframe){max-width:100%}