.blog-page{background:#000}.blog-page ::selection{background:color-mix(in srgb, var(--accent) 28%, transparent);color:#fff}.blog-title{text-wrap:balance;letter-spacing:-.02em}.blog-page .prose-post p,.blog-page .prose-post li{text-wrap:pretty}.blog-page :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:.25rem}.skip-link{z-index:60;color:#000;background:#fafafa;border-radius:.5rem;padding:.5rem .9rem;font-size:.875rem;font-weight:600;transition:top .15s;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.blog-page .prose-post h2,.blog-page .prose-post h3{scroll-margin-top:5rem}.blog-page .prose-post .heading-anchor{color:#8a8a93;opacity:0;margin-left:.5rem;text-decoration:none;transition:opacity .15s}.blog-page .prose-post h2:hover .heading-anchor,.blog-page .prose-post h3:hover .heading-anchor,.blog-page .prose-post .heading-anchor:focus-visible{opacity:1}.blog-page .prose-post pre.shiki{background:#0a0a0a!important}.blog-page .prose-post pre.shiki code{font-size:.875rem}.blog-page .prose-post table{border-collapse:collapse;width:100%;font-size:.95rem;line-height:1.6;display:block;overflow-x:auto}.blog-page .prose-post th,.blog-page .prose-post td{text-align:left;vertical-align:top;border:1px solid #27272a;padding:.6rem .8rem}.blog-page .prose-post th{color:#fafafa;background:#0a0a0a;font-weight:600}.blog-page .prose-post tbody tr{transition:background-color .15s}.blog-page .prose-post tbody tr:hover{background:#0d0d0d}@keyframes blog-reveal-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.blog-reveal>*,.blog-reveal .prose-post>*{animation:.6s cubic-bezier(.22,1,.36,1) both blog-reveal-up}.blog-reveal>:nth-child(2){animation-delay:80ms}.blog-reveal>:nth-child(3){animation-delay:.16s}.blog-reveal>:nth-child(n+4){animation-delay:.22s}@media (prefers-reduced-motion:reduce){.blog-reveal>*,.blog-reveal .prose-post>*{animation:none}}.post-card-cover{aspect-ratio:1200/630;object-fit:cover;background:#000;border:1px solid #1f1f23;border-radius:.6rem;width:100%;display:block}@media (width>=640px){.post-card-cover{flex-shrink:0;align-self:center;width:19rem}.post-card--stacked .post-card-cover{align-self:auto;width:100%}}.blog-page .prose-post .callout{border:1px solid color-mix(in srgb, var(--callout,#52525b) 22%, #18181b);background:color-mix(in srgb, var(--callout,#52525b) 6%, #050505);color:#d4d4d8;border-radius:.875rem;padding:1rem 1.15rem}.blog-page .prose-post .callout>*+*{margin-top:.5rem}.blog-page .prose-post .callout-title{color:#fafafa;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.blog-page .prose-post .callout-icon{width:1rem;height:1rem;color:var(--callout,#a1a1aa);flex-shrink:0}.callout-note{--callout:#a1a1aa}.callout-tip{--callout:#34d399}.callout-important{--callout:var(--accent)}.callout-warning{--callout:#fcd34d}.callout-caution{--callout:#f87171}.callout-tldr{--callout:#c4b5fd}.blog-page .prose-post .prompt-box{background:#070707;border:1px solid #27272a;border-radius:.6rem;overflow:hidden}.blog-page .prose-post .prompt-head{background:#0d0d0d;border-bottom:1px solid #27272a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.6rem .9rem;display:flex}.blog-page .prose-post .prompt-title{color:#fafafa;font-size:.85rem;font-weight:600}.blog-page .prose-post .prompt-actions{flex-wrap:wrap;gap:.4rem;display:flex}.blog-page .prose-post .prompt-action,.post-action{cursor:pointer;color:#d4d4d8;background:#0d0d0d;border:1px solid #27272a;border-radius:.4rem;align-items:center;gap:.35rem;min-height:2rem;padding:.25rem .7rem;font-size:.78rem;font-weight:600;line-height:1.4;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.blog-page .prose-post .prompt-action:hover,.post-action:hover{color:#fafafa;border-color:#52525b}.blog-page .prose-post .prompt-text{white-space:pre-wrap;background:0 0;border:0;border-radius:0;font-size:.875rem}.blog-page .prose-post .prompt-text code{color:#d4d4d8;font-family:inherit;font-size:.92rem;line-height:1.7}.blog-page .prose-post .blog-figure,.blog-page .prose-post .media-figure{padding:1.25rem}.blog-page .prose-post .blog-figure figcaption,.blog-page .prose-post .media-figure figcaption{color:#8a8a93;margin-top:1rem;font-size:.85rem;line-height:1.6}.blog-page .prose-post .blog-figure figcaption{padding-right:2.75rem}.blog-page .prose-post .blog-figure{scroll-margin-top:5rem;position:relative}.figure-pause{color:#a1a1aa;cursor:pointer;background:#0a0a0a;border:1px solid #27272a;border-radius:999px;place-items:center;width:2rem;height:2rem;transition:border-color .15s,color .15s;display:inline-grid;position:absolute;bottom:.9rem;right:1.1rem}.figure-pause:hover{color:#fafafa;border-color:#52525b}.blog-figure.is-paused *,.blog-figure.is-paused :before,.blog-figure.is-paused :after{animation-play-state:paused!important}.blog-page .prose-post video{border-radius:.5rem;width:100%}.post-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.post-actions-label{color:#8a8a93;margin-right:.15rem;font-size:.8rem}.post-action{border-radius:999px;align-items:center;gap:.35rem;min-height:2rem;padding:.3rem .8rem;font-size:.8rem;display:inline-flex}.ask-selection{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af0;border:1px solid #3f3f46;border-radius:.6rem;align-items:center;gap:.15rem;padding:.25rem;font-size:.8rem;font-weight:600;animation:.14s ease-out ask-in;display:flex;position:fixed;transform:translate(-50%,-100%);box-shadow:0 12px 32px #0009}.ask-selection-below{transform:translate(-50%)}.ask-selection-label{color:#a1a1aa;align-items:center;gap:.3rem;padding:0 .45rem;display:inline-flex}.ask-selection a,.ask-selection button{color:#fafafa;cursor:pointer;border-radius:.4rem;align-items:center;gap:.35rem;padding:.3rem .55rem;transition:background-color .12s;display:inline-flex}.ask-selection a:hover,.ask-selection button:hover,.ask-selection a:focus-visible,.ask-selection button:focus-visible{background:#27272a}@keyframes ask-in{0%{opacity:0}to{opacity:1}}.author-note{background:#070707;border:1px solid #27272a;border-radius:.75rem;gap:1rem;margin-top:3.5rem;padding:1.1rem 1.2rem;display:flex}.author-link{color:#d4d4d8;text-underline-offset:4px;-webkit-text-decoration:underline #52525b;text-decoration:underline #52525b}.author-link:hover{color:#fafafa}@media (prefers-reduced-motion:reduce){.ask-selection{animation:none}}.featured-cover{aspect-ratio:1200/630;object-fit:cover;background:#000;border:1px solid #1f1f23;border-radius:.6rem;width:100%;display:block}