:root:has(body.blog-page),body.blog-page{background-color:light-dark(var(--color-zinc-0),var(--color-zinc-95));background-image:none}@media print{:root:has(body.blog-page){color-scheme:light}}@layer components{.blog-materials{--blog-ground:light-dark(var(--color-zinc-0),var(--color-zinc-95));--blog-sheet:light-dark(var(--color-surface-raised),color-mix(in oklab, var(--blog-ground) 50%, var(--color-surface-raised)));--blog-text:var(--color-text-strong);--blog-title:light-dark(oklch(22% .004 270),oklch(93% .005 86));--blog-text-body:var(--color-text-body);--blog-text-quiet:var(--color-text-muted);--blog-text-faint:color-mix(in oklab, var(--color-text-muted) 72%, var(--color-text-subtle));--blog-contour:var(--color-line-contour);--blog-rule:var(--color-line-divider);--blog-signal:var(--color-amber-40);--blog-highlight:light-dark(#ffffffe6,#ffffff0f);--blog-shadow-rest:inset 0 1px 0 var(--blog-highlight), inset 1px 0 0 light-dark(#fff6,#ffffff05), 0 0 0 1px var(--blog-contour), 0 .5px 1px light-dark(oklch(18% 0 none/.045),oklch(0% 0 none/.4)), .5px 2px 4px -1px light-dark(oklch(18% 0 none/.03),oklch(0% 0 none/.24)), 1px 6px 14px -6px light-dark(oklch(18% 0 none/.03),oklch(0% 0 none/.24));--blog-shadow-lifted:inset 0 1px 0 var(--blog-highlight), inset 1px 0 0 light-dark(#fff6,#ffffff05), 0 0 0 1px color-mix(in oklab, var(--blog-contour), var(--color-line-divider) 40%), 0 .5px 1px light-dark(oklch(18% 0 none/.05),oklch(0% 0 none/.42)), .5px 3px 6px -2px light-dark(oklch(18% 0 none/.04),oklch(0% 0 none/.28)), 2px 14px 32px -14px light-dark(oklch(18% 0 none/.08),oklch(0% 0 none/.42));--blog-shadow-pressed:inset 0 1px 0 var(--blog-highlight), inset 1px 0 0 light-dark(#fff6,#ffffff05), 0 0 0 1px var(--blog-contour), 0 .5px 1px light-dark(oklch(18% 0 none/.05),oklch(0% 0 none/.4)), .5px 1px 2px -1px transparent, 1px 2px 4px -2px transparent;--blog-ease:cubic-bezier(.25, .1, .25, 1);--blog-quick:.2s;--blog-base:.36s;--blog-slow:.72s;--blog-radius-plate:1.25rem;--blog-guide:light-dark(color-mix(in oklab, var(--blog-text) 6%, var(--blog-ground)),color-mix(in oklab, var(--blog-text) 7%, var(--blog-ground)));--blog-tick:color-mix(in oklab, var(--blog-text) 9%, var(--blog-ground));--blog-tick-major:color-mix(in oklab, var(--blog-text) 20%, var(--blog-ground));--blog-cross:color-mix(in oklab, var(--color-line-control) 55%, var(--blog-ground));--blog-mark:var(--blog-cross);background-color:var(--blog-ground);color:var(--blog-text-body)}.blog-plate{border-radius:var(--blog-radius-plate);background-color:var(--blog-sheet);box-shadow:var(--blog-shadow-rest);transition:box-shadow var(--blog-slow) var(--blog-ease);position:relative;&:is(a,button):is(:hover,:focus-visible),:is(a,button):is(:hover,:focus-visible)>&{box-shadow:var(--blog-shadow-lifted);transition-duration:var(--blog-base)}&:is(a,button):active,:is(a,button):active>&{box-shadow:var(--blog-shadow-pressed);transition-duration:var(--blog-quick)}}.blog-stone-text{--stone-ink-top:light-dark(oklch(36% .005 270),oklch(96.5% .004 88));--stone-ink:light-dark(oklch(21% .004 270),oklch(93% .006 86));--stone-ink-bottom:light-dark(oklch(16% .004 270),oklch(87% .012 250));color:var(--blog-text);@supports (background-clip:text){background-image:linear-gradient(180deg, var(--stone-ink-top), var(--stone-ink) 45%, var(--stone-ink-bottom));-webkit-text-fill-color:transparent;background-repeat:repeat-y;background-size:100% 1lh;-webkit-background-clip:text;background-clip:text}}.blog-signal{background-color:var(--blog-signal);border-radius:2147483647px;flex:none;width:.3125rem;height:.3125rem;display:inline-block}.blog-authors{align-items:center;gap:var(--spacing-sm);min-width:0;display:inline-flex}.blog-avatar-stack{isolation:isolate;flex:none;align-items:center;display:flex}.blog-avatar{width:1.5rem;height:1.5rem;box-shadow:0 0 0 2px var(--blog-avatar-ring,var(--blog-sheet));border-radius:2147483647px;flex:none;display:block;position:relative;&+&{margin-inline-start:-.375rem}& img{border-radius:inherit;object-fit:cover;width:100%;height:100%;margin:0;display:block}&:after{border-radius:inherit;pointer-events:none;content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px light-dark(#0000001a,#ffffff1a)}}.blog-author-names{min-width:0;color:var(--blog-text-quiet);font-size:.8125rem;line-height:1.5}.blog-rails,.blog-rails-rule{--blog-rail-gap:1.25rem;--blog-tick-length:.75rem;--blog-rule-bleed:var(--blog-tick-length);isolation:isolate;position:relative}@media (width>=64rem){.blog-rails:after{inset-block:0;inset-inline:calc(-1 * (var(--blog-rail-gap) + var(--blog-tick-length)));z-index:-1;background:linear-gradient(var(--blog-tick-major) 0 1px, transparent 1px) left 0 top 0 / var(--blog-tick-length) 8rem repeat-y, linear-gradient(var(--blog-tick-major) 0 1px, transparent 1px) right 0 top 0 / var(--blog-tick-length) 8rem repeat-y, linear-gradient(var(--blog-tick) 0 1px, transparent 1px) left calc(var(--blog-tick-length) / 2) top 0 / calc(var(--blog-tick-length) / 2) 1rem repeat-y, linear-gradient(var(--blog-tick) 0 1px, transparent 1px) right calc(var(--blog-tick-length) / 2) top 0 / calc(var(--blog-tick-length) / 2) 1rem repeat-y, linear-gradient(var(--blog-guide), var(--blog-guide)) left var(--blog-tick-length) top 6px / 1px calc(100% - 6px) no-repeat, linear-gradient(var(--blog-guide), var(--blog-guide)) right var(--blog-tick-length) top 6px / 1px calc(100% - 6px) no-repeat;pointer-events:none;content:"";position:absolute}.blog-rails-rule:before{top:-5px;inset-inline:calc(-1 * (var(--blog-rail-gap) + var(--blog-rule-bleed)));z-index:-2;background:linear-gradient(var(--blog-cross), var(--blog-cross)) left calc(var(--blog-rule-bleed) - 5px) top 5px / 11px 1px no-repeat, linear-gradient(var(--blog-cross), var(--blog-cross)) left var(--blog-rule-bleed) top 0 / 1px 11px no-repeat, linear-gradient(var(--blog-cross), var(--blog-cross)) right calc(var(--blog-rule-bleed) - 5px) top 5px / 11px 1px no-repeat, linear-gradient(var(--blog-cross), var(--blog-cross)) right var(--blog-rule-bleed) top 0 / 1px 11px no-repeat, linear-gradient(var(--blog-guide), var(--blog-guide)) 0 5px / 100% 1px no-repeat;pointer-events:none;content:"";height:11px;position:absolute}}.blog-marks{--blog-marks-inset:.375rem;--blog-marks-size:.5rem;position:relative;&:before{inset:calc(var(--blog-marks-inset) * -1);background:linear-gradient(var(--blog-mark), var(--blog-mark)) 0 0 / var(--blog-marks-size) 1px no-repeat, linear-gradient(var(--blog-mark), var(--blog-mark)) 0 0 / 1px var(--blog-marks-size) no-repeat, linear-gradient(var(--blog-mark), var(--blog-mark)) 100% 0 / var(--blog-marks-size) 1px no-repeat, linear-gradient(var(--blog-mark), var(--blog-mark)) 100% 0 / 1px var(--blog-marks-size) no-repeat, linear-gradient(var(--blog-mark), var(--blog-mark)) 0 100% / var(--blog-marks-size) 1px no-repeat, linear-gradient(var(--blog-mark), var(--blog-mark)) 0 100% / 1px var(--blog-marks-size) no-repeat, linear-gradient(var(--blog-mark), var(--blog-mark)) 100% 100% / var(--blog-marks-size) 1px no-repeat, linear-gradient(var(--blog-mark), var(--blog-mark)) 100% 100% / 1px var(--blog-marks-size) no-repeat;pointer-events:none;content:"";position:absolute}}.blog-hatch-text{--blog-hatch-ink:light-dark(color-mix(in oklab, var(--blog-text) 58%, transparent),color-mix(in oklab, var(--blog-text) 54%, transparent));--blog-hatch-fill:light-dark(color-mix(in oklab, var(--blog-text) 38%, transparent),color-mix(in oklab, var(--blog-text) 24%, transparent));--blog-hatch-size:5px;--blog-hatch-line:1px;color:var(--blog-text);@supports (width:round(1em, 1px)){--blog-hatch-size:max(3px, round(.05em, 1px))}@supports (background-clip:text){background-image:linear-gradient(135deg, var(--blog-hatch-ink) 0 var(--blog-hatch-line), transparent 0 50%, var(--blog-hatch-ink) 0 calc(50% + var(--blog-hatch-line)), transparent 0), linear-gradient(var(--blog-hatch-fill), var(--blog-hatch-fill));background-size:var(--blog-hatch-size) var(--blog-hatch-size), auto;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;&::selection{color:var(--blog-text);background-color:color-mix(in oklab, var(--blog-text) 16%, transparent);-webkit-text-fill-color:var(--blog-text)}}}@media (prefers-contrast:more){.blog-materials{--blog-text-quiet:var(--blog-text-body);--blog-text-faint:var(--blog-text-body);--blog-contour:var(--color-line-control);--blog-rule:color-mix(in oklab, var(--color-line-control) 70%, transparent);--blog-guide:color-mix(in oklab, var(--blog-text) 16%, var(--blog-ground));--blog-cross:var(--color-line-control)}.blog-hatch-text{--blog-hatch-ink:var(--blog-text);--blog-hatch-fill:color-mix(in oklab, var(--blog-text) 64%, transparent)}}@media (prefers-reduced-motion:reduce){.blog-plate{transition:none}}@media (forced-colors:active),print{.blog-rails:after,.blog-rails-rule:before,.blog-marks:before{display:none}.blog-hatch-text,.blog-stone-text{color:canvastext;-webkit-text-fill-color:currentColor;background-image:none}.blog-plate{color:canvastext;box-shadow:none;background-color:canvas;border:1px solid canvastext}.blog-signal{background-color:canvastext}.blog-avatar{outline:2px solid canvas}}}@layer theme{:root,:host{--color-zinc-0:oklch(98.6% .0008 265);--color-zinc-30:oklch(78% .0025 265);--color-zinc-40:oklch(68.6% .0028 265);--color-zinc-50:oklch(58% .003 265);--color-zinc-60:oklch(48.6% .003 265);--color-zinc-70:oklch(39.8% .0028 265);--color-zinc-90:oklch(24.6% .0022 265);--color-zinc-95:oklch(19.4% .0019 265);--color-zinc-100:oklch(15% .0016 265);--color-amber-40:oklch(83.04% .1701 81.1);--color-surface-raised:light-dark(var(--color-white),var(--color-zinc-90));--color-line-divider:light-dark(oklch(0% 0 none/.12),oklch(100% 0 none/.12));--color-line-control:light-dark(var(--color-zinc-50),var(--color-zinc-40));--color-text-body:light-dark(var(--color-zinc-70),var(--color-zinc-30));--color-text-strong:light-dark(var(--color-zinc-100),var(--color-white));--color-text-muted:light-dark(var(--color-zinc-60),var(--color-zinc-40));--color-white:oklch(100% 0 none);--spacing-sm:.75rem;--color-text-subtle:var(--ui-text-muted);--color-line-contour:var(--ui-line-contour);--color-code-function:var(--ui-code-function);--color-code-keyword:var(--ui-code-keyword);--color-code-number:var(--ui-code-number);--color-code-property:var(--ui-code-property);--color-code-string:var(--ui-code-string);--color-code-surface:light-dark(var(--color-zinc-0),var(--color-zinc-95))}}