.blog-ease{--blog-ease:cubic-bezier(0.22,1,0.36,1)}.blog-card{transition:border-color .3s cubic-bezier(.22,1,.36,1),background-color .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}.blog-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-accent) 32%,transparent);background-color:var(--color-bg-3);box-shadow:0 22px 52px -26px color-mix(in srgb,var(--color-accent) 42%,transparent)}.blog-card__media{transition:transform .64s cubic-bezier(.22,1,.36,1);will-change:transform}.blog-card:hover .blog-card__media{transform:scale(1.05)}.blog-feature{transition:border-color .34s cubic-bezier(.22,1,.36,1),box-shadow .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1)}.blog-feature:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-accent) 34%,transparent);box-shadow:0 32px 72px -34px color-mix(in srgb,var(--color-accent) 48%,transparent)}.blog-media-fallback{background:radial-gradient(120% 86% at 100% 0,color-mix(in srgb,var(--color-accent) 17%,transparent),transparent 56%),linear-gradient(152deg,var(--color-bg-3) 0,var(--color-bg-2) 100%)}.blog-media-fallback:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px 0 0 color-mix(in srgb,var(--color-accent-soft,#f2cf9f) 12%,transparent)}.blog-pill{cursor:pointer;display:inline-flex;align-items:center;border-radius:9999px;padding:.42rem .95rem;font-size:.8125rem;font-weight:600;line-height:1.2;white-space:nowrap;transition:background-color .2s cubic-bezier(.22,1,.36,1),border-color .2s cubic-bezier(.22,1,.36,1),color .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}.blog-pill[aria-pressed=false]{border:1px solid var(--color-line-strong);background:color-mix(in srgb,var(--color-bg-2) 55%,transparent);color:var(--color-fg-muted)}.blog-pill[aria-pressed=false]:hover{border-color:color-mix(in srgb,var(--color-accent) 42%,transparent);background:var(--color-bg-3);color:var(--color-fg)}.blog-pill[aria-pressed=true]{border:1px solid transparent;background:var(--color-accent);color:var(--color-bg);box-shadow:0 8px 22px -12px color-mix(in srgb,var(--color-accent) 70%,transparent)}.blog-pill:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card__media,.blog-feature,.blog-pill{transition:none}.blog-card:hover,.blog-card:hover .blog-card__media,.blog-feature:hover{transform:none}}.blog-prose{max-width:68ch}.blog-prose .code-container{position:relative;margin:1.9rem 0;padding:2.4rem 0 0!important;border-radius:.875rem;border:1px solid color-mix(in srgb,var(--color-fg) 13%,transparent);background-color:color-mix(in srgb,var(--color-bg) 55%,#000)!important;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.04),0 18px 42px -26px rgba(0,0,0,.85);overflow:hidden;font-size:0;line-height:0}.blog-prose .code-container:before{content:"";position:absolute;inset:0 0 auto 0;height:2.4rem;background:color-mix(in srgb,var(--color-fg) 5%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-fg) 9%,transparent);pointer-events:none}.blog-prose .code-container:after{content:"";position:absolute;top:.92rem;left:1.15rem;width:.55rem;height:.55rem;border-radius:9999px;background:color-mix(in srgb,var(--color-accent) 62%,transparent);box-shadow:.95rem 0 0 color-mix(in srgb,var(--color-fg-subtle) 50%,transparent),1.9rem 0 0 color-mix(in srgb,var(--color-fg-faint) 95%,transparent);pointer-events:none}.blog-prose pre{margin:0;padding:0!important;overflow-x:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-fg) 22%,transparent) transparent}.blog-prose pre::-webkit-scrollbar{height:8px}.blog-prose pre::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-fg) 20%,transparent);border-radius:999px}.blog-prose .code-content,.blog-prose pre code{display:block;padding:1rem 1.3rem 1.15rem!important;font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;line-height:1.7;color:var(--color-fg)!important;background-color:transparent!important;white-space:pre}.blog-prose .copy-btn{position:absolute;top:.46rem;right:.6rem;z-index:2;cursor:pointer;border-radius:9999px!important;border:1px solid var(--color-line-strong)!important;background-color:color-mix(in srgb,var(--color-fg) 8%,transparent)!important;padding:.28rem .7rem!important;font-family:var(--font-hanken),ui-sans-serif,system-ui,sans-serif!important;font-size:.72rem!important;font-weight:600!important;letter-spacing:.01em;color:var(--color-fg-muted)!important;transition:background-color .2s cubic-bezier(.22,1,.36,1),border-color .2s cubic-bezier(.22,1,.36,1),color .2s cubic-bezier(.22,1,.36,1)}.blog-prose .copy-btn:hover{color:var(--color-accent)!important;border-color:color-mix(in srgb,var(--color-accent) 45%,transparent)!important}.blog-prose .copy-btn[data-copied=true]{color:var(--color-accent)!important;border-color:color-mix(in srgb,var(--color-accent) 55%,transparent)!important;background-color:color-mix(in srgb,var(--color-accent) 12%,transparent)!important}.blog-prose .copy-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.blog-prose :not(pre)>code{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875em;padding:.1em .4em;border-radius:.375rem;border:1px solid color-mix(in srgb,var(--color-accent) 18%,transparent);background-color:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-accent-pale);word-break:break-word}.blog-prose table{width:100%;margin:1.75rem 0;border-collapse:collapse;font-size:.95rem;display:block;overflow-x:auto}.blog-prose td,.blog-prose th{border:1px solid var(--color-line-strong);padding:.6rem .85rem;text-align:left;vertical-align:top}.blog-prose th{background-color:var(--color-bg-2);color:var(--color-fg);font-weight:600}.blog-prose td{color:var(--color-fg-muted)}.blog-prose hr{margin:2.5rem 0;border:0;height:1px;background:var(--color-line-strong)}@media (prefers-reduced-motion:reduce){.blog-prose .copy-btn{transition:none}}