[data-blog]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--blog-bg:#fff;--blog-surface:#f8f9fa;--blog-surface-raised:#fff;--blog-sunken:#eef0f2;--blog-panel:#0f0f0f;--blog-panel-border:#ffffff14;--blog-heading:#0f0f0f;--blog-text:#1c1c1e;--blog-text-muted:#4a4a4f;--blog-text-subtle:#6b6b72;--blog-border:#0f0f0f14;--blog-border-strong:#0f0f0f29;--blog-accent:#e60000;--blog-accent-text:#c20000;--blog-accent-soft:#fff1f1;--blog-focus:#e60000;--blog-shadow:0 1px 2px #0f0f0f0a, 0 12px 32px -16px #0f0f0f2e;--blog-measure:68ch;background:var(--blog-bg);color:var(--blog-text)}@media (prefers-color-scheme:dark){[data-blog]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--blog-bg:#0f0f0f;--blog-surface:#1c1c1e;--blog-surface-raised:#1c1c1e;--blog-sunken:#161618;--blog-panel:#1c1c1e;--blog-panel-border:#ffffff1a;--blog-heading:#fffffff2;--blog-text:#ffffffd9;--blog-text-muted:#ffffffad;--blog-text-subtle:#ffffff8c;--blog-border:#ffffff1a;--blog-border-strong:#ffffff2e;--blog-accent:#e60000;--blog-accent-text:#ff5c5c;--blog-accent-soft:#e6000024;--blog-focus:#ff5c5c;--blog-shadow:0 1px 0 #ffffff0a inset, 0 16px 40px -20px #0009}html:has([data-blog]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0f0f0f}html:has([data-blog]) body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0f0f0f}}::view-transition-group(.blog-cover){animation-duration:.7s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-image-pair(.blog-cover){border-radius:1rem;overflow:hidden}::view-transition-old(.blog-cover){object-fit:cover;height:100%}::view-transition-new(.blog-cover){object-fit:cover;height:100%}@media (prefers-reduced-motion:reduce){::view-transition-group(.blog-cover){animation-duration:0s!important}::view-transition-old(.blog-cover){animation-duration:0s!important}::view-transition-new(.blog-cover){animation-duration:0s!important}}@layer components{.blog-card{--blog-card-radius:1rem;-webkit-tap-highlight-color:transparent}.blog-card:focus-visible{outline:2px solid var(--blog-focus);outline-offset:4px;border-radius:var(--blog-card-radius)}.blog-card-media img{transition:scale .3s cubic-bezier(.22,1,.36,1)}.blog-card-title{transition:color .2s}@media (hover:hover) and (pointer:fine){.blog-card:hover .blog-card-title{color:var(--blog-accent-text)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.blog-card:hover .blog-card-media img{scale:1.03}}.blog-typo-cover{background-color:#0f0f0f;background-image:radial-gradient(120% 90% at 100% 100%,#e6000038,#0000 55%),linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,-1px -1px,-1px -1px,-1px -1px,-1px -1px;background-size:100% 100%,96px 96px,96px 96px,24px 24px,24px 24px}.blog-typo-cover.blog-panel{background-color:var(--blog-panel)}@media (prefers-color-scheme:dark){.blog-typo-cover{border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff14}}.blog-typo-cover-line{background:repeating-linear-gradient(0deg,#0000 0 18px,#ffffff8c 18px 54px,#0000 54px 72px);-webkit-mask-image:linear-gradient(#0000,#000 70%);mask-image:linear-gradient(#0000,#000 70%)}.blog-prose{max-width:var(--blog-measure);color:var(--blog-text);overflow-wrap:break-word;font-size:1.0625rem;line-height:1.75}@media (min-width:768px){.blog-prose{font-size:1.125rem}}.blog-prose>*+*{margin-top:1.25em}.blog-prose :where(h2,h3){color:var(--blog-heading);text-wrap:balance;scroll-margin-top:6rem}.blog-prose>h2{letter-spacing:-.02em;margin-top:2.75em;font-size:1.625rem;font-weight:800;line-height:1.2}.blog-prose>h2:before{content:"";background:var(--blog-accent);border-radius:9999px;width:1.5rem;height:3px;margin-bottom:.9rem;display:block}@media (min-width:768px){.blog-prose>h2{font-size:1.875rem}}.blog-prose>h3{letter-spacing:-.01em;margin-top:2em;font-size:1.25rem;font-weight:700;line-height:1.3}.blog-prose>:is(h2,h3)+*{margin-top:.75em}.blog-prose :where(p,li){text-wrap:pretty}.blog-prose :where(strong){color:var(--blog-heading);font-weight:650}.blog-prose :where(a){color:var(--blog-accent-text);text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--blog-accent-text) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--blog-accent-text) 40%, transparent);text-underline-offset:.2em;font-weight:500;transition:text-decoration-color .2s}.blog-prose :where(a):hover{text-decoration-color:currentColor}.blog-prose :where(a):focus-visible{outline:2px solid var(--blog-focus);outline-offset:2px;border-radius:2px}.blog-prose :where(ul,ol){padding-left:0;list-style:none}.blog-prose :where(li){padding-left:1.75em;position:relative}.blog-prose :where(li+li){margin-top:.5em}.blog-prose :where(ul)>li:before{content:"";background:var(--blog-accent);border-radius:9999px;width:.75em;height:2px;position:absolute;top:.85em;left:.25em}.blog-prose :where(ol){counter-reset:blog-list}.blog-prose :where(ol)>li{counter-increment:blog-list}.blog-prose :where(ol)>li:before{content:counter(blog-list) ".";color:var(--blog-accent-text);font-variant-numeric:tabular-nums;font-weight:700;position:absolute;left:0}.blog-prose :where(li>ul,li>ol){margin-top:.5em}.blog-prose>blockquote{border-left:3px solid var(--blog-accent);color:var(--blog-heading);padding-left:1.25em;font-size:1.125em;font-weight:500;line-height:1.6}.blog-prose :where(code){background:var(--blog-sunken);color:var(--blog-heading);border-radius:.375rem;padding:.15em .4em;font-size:.875em}.blog-prose>pre{background:var(--blog-panel);color:#ffffffd9;border-radius:1rem;padding:1.25em 1.5em;font-size:.875em;line-height:1.7;overflow-x:auto}.blog-prose>pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.blog-prose>hr{background:repeating-linear-gradient(to right, var(--blog-border-strong) 0 24px, transparent 24px 48px);border:0;height:2px;margin-block:3em}.blog-prose .blog-table-scroll{border:1px solid var(--blog-border);border-radius:1rem;overflow-x:auto}.blog-prose .blog-table-scroll:focus-visible{outline:2px solid var(--blog-focus);outline-offset:2px}.blog-prose :where(table){border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9375em;line-height:1.5}.blog-prose :where(th,td){text-align:left;vertical-align:top;padding:.75em 1em}.blog-prose :where(thead th){background:var(--blog-surface);color:var(--blog-heading);border-bottom:1px solid var(--blog-border-strong);font-weight:700}.blog-prose :where(tbody tr+tr)>*{border-top:1px solid var(--blog-border)}.blog-prose>:is(figure,aside,section){margin-block:2.25em}}
