.bi,.post{--blog-gutter:clamp(16px, 4vw, 40px);--blog-wide:1120px;--blog-measure:680px}.post{border-inline:1px solid var(--color-border);max-width:1202px;margin:0 auto;padding:72px 0 0}.post>*{padding-inline:clamp(16px,3vw,36px)}.blog-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-highlight-text);align-items:center;gap:12px;font-size:.72rem;display:inline-flex}.blog-eyebrow:before{content:"";opacity:.6;background:currentColor;width:28px;height:1px}.blog-meta{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.72rem;display:flex}.blog-cat{--cat:var(--color-text-muted);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text);align-items:center;gap:7px;font-size:.66rem;display:inline-flex}.blog-cat:before{content:"";background:var(--cat);width:6px;height:6px;box-shadow:0 0 10px var(--cat);border-radius:50%}.blog-cat[data-category=announcement]{--cat:#5b7cff}.blog-cat[data-category=engineering]{--cat:#6f9fd6}.blog-cat[data-category=essay]{--cat:#c3ccd8}.blog-cat[data-category=guide]{--cat:#a9b8f4}.blog-draft{letter-spacing:.14em;text-transform:uppercase;color:var(--color-warning);border-radius:999px;padding:3px 8px;font-size:.66rem;box-shadow:inset 0 0 0 1px #d4a01766}.cover{aspect-ratio:16/9;background:var(--color-surface);isolation:isolate;--cover-fg:#f2f5fb;--cover-muted:#e2eaf8b8;--cover-scrim:#03090e9e;border-radius:14px;position:relative;overflow:hidden;container-type:inline-size}.cover[data-tone=paper]{--cover-fg:#0d1520;--cover-muted:#0d15209e;--cover-scrim:#eef1f5b3}.cover[data-tone=electric]{--cover-scrim:#05105a8c}.cover[data-tone=dusk]{--cover-scrim:#06071a99}.cover--image[data-size=full]{aspect-ratio:auto}.cover--image[data-size=full] .cover-art{height:auto;position:static}.cover-art{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease);position:absolute;inset:0}.cover-ui{background:linear-gradient(to top, var(--cover-scrim), transparent 55%);position:absolute;inset:0}.cover-mark,.cover-cat{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cover-muted);align-items:center;gap:.9cqw;font-size:clamp(8px,1.5cqw,14px);display:inline-flex;position:absolute;top:4cqw}.cover-mark{left:4.4cqw}.cover-cat{right:4.4cqw}.cover-mark img{opacity:.9;width:clamp(10px,1.9cqw,18px);height:auto}.cover[data-tone=paper] .cover-mark img{filter:invert()brightness(.2)}.cover-label{font-family:var(--font-body);letter-spacing:-.045em;color:var(--cover-fg);text-wrap:balance;font-size:clamp(15px,5.4cqw,54px);font-weight:500;line-height:1.02;position:absolute;bottom:4.2cqw;left:4.4cqw;right:22cqw}.bi{border-inline:1px solid var(--color-border);max-width:1202px;margin:0 auto;padding-top:72px}.bi>*{padding-inline:clamp(16px,4vw,40px)}.bi-head{text-align:center;isolation:isolate;justify-items:center;gap:20px;padding-top:72px;padding-bottom:clamp(190px,22vw,300px);display:grid;position:relative;overflow:hidden}.bi-head>*{position:relative}.bi-head>.bi-head-art{z-index:-1;-webkit-mask-composite:source-in;opacity:.9;pointer-events:none;width:max(100%,1100px);height:auto;position:absolute;bottom:-6%;left:50%;transform:translate(-50%);mask-image:linear-gradient(#0000 15%,#000 45% 75%,#0000),linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-composite:intersect}.bi-title{font-family:var(--font-body);letter-spacing:-.065em;text-transform:none;font-size:clamp(2.8rem,7vw,5.6rem);font-weight:500;line-height:.95}.bi-title span{color:var(--color-highlight-text)}.bi-intro{max-width:52ch;color:var(--color-text-muted);text-wrap:balance;font-size:1.08rem;line-height:1.6}.bi-controls{z-index:5;border-block:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding-block:14px;display:flex;position:sticky;top:0}.bi-filters{flex-wrap:wrap;gap:4px;display:flex}.bi-filter{min-height:34px;color:var(--color-text-muted);font-family:var(--font-body);cursor:pointer;transition:color var(--dur) var(--ease), background-color var(--dur) var(--ease);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:.9rem;display:inline-flex}.bi-filter:hover{color:var(--color-text-bright)}.bi-filter[aria-pressed=true]{color:var(--color-text-bright);background:var(--color-surface-raised);border-color:var(--color-border-strong)}.bi-filter-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;opacity:.55;font-size:.68rem}.bi-tools{align-items:center;gap:8px;display:flex}.bi-search{border:1px solid var(--color-border);height:34px;color:var(--color-text-muted);transition:border-color var(--dur) var(--ease);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.bi-search:focus-within{border-color:var(--color-highlight)}.bi-search input{width:180px;color:var(--color-text-bright);font:inherit;background:0 0;border:0;outline:none;font-size:.9rem}.bi-search input::placeholder{color:var(--color-text-muted)}.bi-rss{border:1px solid var(--color-border);width:34px;height:34px;color:var(--color-text-muted);transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);border-radius:8px;place-items:center;display:grid}.bi-rss:hover{color:var(--color-text-bright);border-color:var(--color-border-strong)}.bi-filter:focus-visible,.bi-rss:focus-visible,.bi-lead:focus-visible,.bi-card:focus-visible,.post-crumbs a:focus-visible,.post-ask a:focus-visible{outline:2px solid var(--color-highlight);outline-offset:3px}.bi-lead{border-bottom:1px solid var(--color-border);color:inherit;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);padding-block:48px;text-decoration:none;display:grid}.bi-lead-media{aspect-ratio:16/9;box-shadow:inset 0 0 0 1px var(--color-border), 0 24px 60px #00000059;border-radius:14px;overflow:hidden}.bi-lead-media .cover{border-radius:0;height:100%}.bi-lead-media .cover--image .cover-art{height:100%;position:absolute}.bi-lead:hover .cover-art,.bi-card:hover .cover-art{transform:scale(1.03)}.bi-lead-body{justify-items:start;gap:16px;display:grid}.bi-lead-title{font-family:var(--font-body);letter-spacing:-.05em;text-transform:none;text-wrap:balance;font-size:clamp(2rem,3.6vw,3.1rem);font-weight:500;line-height:1.02}.bi-lead-desc{color:var(--color-text);text-wrap:pretty;font-size:1.04rem;line-height:1.6}.bi-lead-cta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-highlight-text);margin-top:4px;font-size:.74rem}.bi-lead-cta span{transition:transform var(--dur) var(--ease);display:inline-block}.bi-lead:hover .bi-lead-cta span{transform:translate(4px)}.bi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 40px;padding-block:48px 24px;list-style:none;display:grid}.bi-grid>li[hidden]{display:none}.bi-card{color:inherit;align-content:start;gap:12px;text-decoration:none;display:grid}.bi-card .cover{box-shadow:inset 0 0 0 1px var(--color-border);margin-bottom:6px}.bi-card-title{font-family:var(--font-body);letter-spacing:-.03em;color:var(--color-text-bright);text-transform:none;text-wrap:balance;transition:color var(--dur) var(--ease);font-size:clamp(1.2rem,1.9vw,1.45rem);font-weight:500;line-height:1.22}.bi-card:hover .bi-card-title{color:var(--color-highlight-text)}.bi-empty{color:var(--color-text-muted);text-align:center;padding-block:48px}.blog-cta{border-top:1px solid var(--color-border);text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:22px;margin-top:72px;padding-block:96px;display:grid}.blog-cta-title{font-family:var(--font-body);letter-spacing:-.06em;text-transform:none;font-size:clamp(2.1rem,5vw,3.8rem);font-weight:500;line-height:1}.blog-cta-title span{color:var(--color-highlight-text)}.blog-cta-command{border:1px solid var(--color-border-strong);background:color-mix(in srgb, var(--color-surface) 70%, transparent);border-radius:12px;align-items:center;gap:12px;max-width:100%;margin-top:8px;padding:8px 8px 8px 18px;display:flex}.blog-cta-command code{min-width:0;font-family:var(--font-mono);color:var(--color-text-bright);white-space:nowrap;font-size:.88rem;overflow-x:auto}.blog-cta-command code span{color:var(--color-accent)}.blog-cta-copy{border:1px solid var(--color-border-strong);color:var(--color-text);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:8px;flex:none;padding:7px 12px;font-size:.72rem}.blog-cta-copy:hover{color:var(--color-text-bright);border-color:var(--color-text-muted)}.blog-cta-links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.post-progress{z-index:60;pointer-events:none;height:2px;position:fixed;inset:0 0 auto}.post-progress span{background:linear-gradient(90deg, var(--color-electric), var(--color-highlight-text));transform-origin:0;height:100%;display:block;transform:scaleX(0);box-shadow:0 0 12px #879deb99}.post-grid{grid-template-columns:minmax(0, var(--blog-measure));justify-content:center;display:grid}.post-grid>.post-hero{width:100%}.post-spec,.post-toc{display:none}.post-head{text-align:center;isolation:isolate;justify-items:center;gap:20px;padding-top:72px;padding-bottom:clamp(220px,22vw,300px);display:grid;position:relative;overflow:hidden}.post-head>*{position:relative}.post-head{--head-glow:#2f6aa357}.post-head[data-tone=electric]{--head-glow:#2747e06b}.post-head[data-tone=dusk]{--head-glow:#4c52c461}.post-head:before{content:"";z-index:-2;background:radial-gradient(ellipse 50% 70% at 50% 100%, var(--head-glow), transparent 75%);pointer-events:none;width:min(110%,1300px);height:62%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.post-head>.post-head-art{z-index:-1;opacity:.8;-webkit-mask-composite:source-in;pointer-events:none;width:max(100%,1100px);height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%);mask-image:linear-gradient(#0000 28%,#000 70%),linear-gradient(90deg,#0000,#000 22% 78%,#0000);mask-composite:intersect}.post-crumbs{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-highlight-text);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:.72rem;display:flex}.post-crumbs a{color:inherit;transition:color var(--dur) var(--ease);text-decoration:none}.post-crumbs a:hover{color:var(--color-text-bright)}.post-crumbs>span{color:var(--color-text-muted)}.post-title{max-width:17ch;font-family:var(--font-body);letter-spacing:-.06em;text-transform:none;text-wrap:balance;font-size:clamp(2.6rem,6.4vw,5.2rem);font-weight:500;line-height:.96}.post-lede{max-width:46ch;color:var(--color-text-muted);text-wrap:balance;font-size:clamp(1.08rem,1.5vw,1.24rem);line-height:1.55}.post-byline{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;margin-top:4px;font-size:.74rem;display:flex}.post-author{font-family:var(--font-body);letter-spacing:0;color:var(--color-text-bright);align-items:center;gap:10px;font-size:.92rem;display:inline-flex}.post-avatar{background:linear-gradient(135deg, var(--color-electric), var(--color-highlight));width:28px;height:28px;color:var(--color-bg);border-radius:50%;place-items:center;font-size:.8rem;font-weight:600;display:grid}.post-hero{max-width:var(--blog-wide);box-shadow:inset 0 0 0 1px var(--color-border-strong), 0 40px 100px #0000008c;border-radius:18px;margin:calc(-1*clamp(64px,6vw,96px)) auto 72px;overflow:hidden}.post-toc-inline{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 50%, transparent);border-radius:12px;margin-bottom:40px}.post-toc-inline summary{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);cursor:pointer;padding:14px 18px;font-size:.72rem}.post-toc-inline ol,.post-toc ol{list-style:none}.post-toc-inline ol{padding:0 18px 14px}.post-toc-inline li{padding:5px 0}.post-toc-inline .is-sub{padding-left:30px}.post-toc-inline a,.post-toc a{gap:10px;text-decoration:none;display:flex}.post-toc-inline a{color:var(--color-text);font-size:.94rem}.post-toc-inline a span,.post-toc a span{min-width:20px;font-family:var(--font-mono);color:var(--color-text-muted);flex:none;font-size:.72rem;line-height:1.9}@media (width>=1180px){.post-grid{grid-template-columns:150px minmax(0, var(--blog-measure)) 200px;grid-template-areas:"hero hero hero""spec body toc"".end.";column-gap:48px}.post-hero{grid-area:hero}.post-spec,.post-toc{align-self:start;display:block;position:sticky;top:112px}.post-spec{grid-area:spec}.post-toc{grid-area:toc;max-height:calc(100vh - 140px);overflow-y:auto}.post-body{grid-area:body}.post-end{grid-area:end}.post-toc-inline{display:none}}.post-spec .blog-share{flex-wrap:wrap;margin-top:18px}.post-spec .blog-share-label{width:100%;margin-bottom:4px}.post-spec dl{border-top:1px solid var(--color-border-strong);gap:14px;padding-top:14px;display:grid}.post-spec dl>div{border-bottom:1px solid var(--color-border);gap:4px;padding-bottom:14px;display:grid}.post-spec dt{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);font-size:.64rem}.post-spec dd{color:var(--color-text-bright);font-size:.9rem}.post-toc-label{border-bottom:1px solid var(--color-border-strong);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:14px;padding-bottom:12px;font-size:.66rem}.post-toc a{color:var(--color-text-muted);transition:color var(--dur) var(--ease);padding:6px 0;font-size:.84rem;line-height:1.4}.post-toc .is-sub a{padding-left:30px;font-size:.8rem}.post-toc a:hover,.post-toc a[data-active]{color:var(--color-text-bright)}.post-toc a[data-active] span{color:var(--color-highlight-text)}.post-body{color:#d8dee7;overflow-wrap:break-word;font-size:1.1rem;line-height:1.75}.post-body>*+*{margin-top:1.15em}.post-body>h1:first-child{display:none}.post-body h2,.post-body h3,.post-body h4{font-family:var(--font-body);text-transform:none;color:var(--color-text-bright);text-wrap:balance;scroll-margin-top:100px}.post-body{counter-reset:section}.post-body h2{border-top:1px solid var(--color-border);letter-spacing:-.04em;counter-increment:section;margin-top:2.6em;padding-top:22px;font-size:1.85rem;font-weight:500;line-height:1.15}.post-body h2:before{content:counter(section, decimal-leading-zero);font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-highlight-text);margin-bottom:12px;font-size:.72rem;font-weight:400;display:block}.post-body>p:first-of-type{color:var(--color-text-bright);font-size:1.24em;line-height:1.6}.post-body h3{letter-spacing:-.02em;margin-top:2em;font-size:1.25rem;font-weight:600;line-height:1.3}.post-body h4{letter-spacing:-.01em;margin-top:1.8em;font-size:1.05rem;font-weight:600}.post-body :is(h2,h3,h4)+*{margin-top:.7em}.post-body strong{color:var(--color-text-bright);font-weight:600}.post-body a{color:var(--color-highlight-text);text-underline-offset:3px;transition:text-decoration-color var(--dur) var(--ease);text-decoration:underline #a9b8f459}.post-body a:hover{text-decoration-color:currentColor}.post-body ul,.post-body ol{padding-left:1.3em}.post-body ul{list-style:outside}.post-body ol{list-style:decimal}.post-body li+li{margin-top:.5em}.post-body li::marker{color:var(--color-text-muted)}.post-body li>:is(ul,ol,p,img){margin-top:.6em}.post-body :not(pre)>code{font-family:var(--font-mono);color:#e6ebf2;background:#94a3b81f;border-radius:5px;padding:.12em .4em;font-size:.86em}.post-body pre{border:1px solid var(--color-border-strong);border-radius:12px;margin-top:1.5em;margin-bottom:.4em;padding:18px 22px;font-size:.88rem;line-height:1.65;overflow-x:auto;background:#0b1620!important}.post-body .code-block{border:1px solid var(--color-border-strong);background:#0b1620;border-radius:12px;margin-top:1.5em;overflow:hidden}.post-body .code-block pre{border:0;border-radius:0;margin:0}.code-head{border-bottom:1px solid var(--color-border);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);background:#ffffff05;justify-content:space-between;align-items:center;padding:6px 8px 6px 16px;font-size:.68rem;display:flex}.code-head button{border:1px solid var(--color-border);color:var(--color-text-muted);font:inherit;cursor:pointer;transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);background:0 0;border-radius:6px;padding:4px 10px}.code-head button:hover{color:var(--color-text-bright);border-color:var(--color-border-strong)}.post-body pre code{font-family:var(--font-mono)}.post-body blockquote{border-left:2px solid var(--color-highlight);background:var(--color-highlight-dim);color:var(--color-text);border-radius:0 12px 12px 0;padding:16px 20px;font-size:1rem}.post-body blockquote>*+*{margin-top:.7em}.post-body img{max-width:100%;height:auto;box-shadow:inset 0 0 0 1px var(--color-border);border-radius:12px;display:block}.post-body>p:has(>img:only-child){margin-top:2em;margin-bottom:2em}.post-body hr{border:none;border-top:1px solid var(--color-border);margin:3em 0}.post-body table{border-collapse:collapse;width:100%;font-size:.94rem}.post-body th,.post-body td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:10px 12px}.post-body th{color:var(--color-text-bright);border-bottom-color:var(--color-border-strong);font-weight:600}.post-hero .cover{border-radius:0}.post-foot{max-width:var(--blog-wide);margin:0 auto}.post-end{gap:24px;margin:80px 0 96px;display:grid}.post-signoff{border-block:1px solid var(--color-border-strong);flex-wrap:wrap;align-items:center;gap:16px;padding:22px 0;display:flex}.post-signoff-mark{background:linear-gradient(135deg,#1d44e6,#06156b);border-radius:12px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 0 24px #3d5ff059}.post-signoff>div{flex:1;min-width:180px}.post-signoff-title{color:var(--color-text-bright);font-size:1.05rem;font-weight:500}.post-signoff-meta{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-text-muted);font-size:.72rem}.post-signoff-rss{border:1px solid var(--color-border-strong);color:var(--color-text);transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);border-radius:999px;padding:8px 14px;font-size:.86rem;text-decoration:none}.post-signoff-rss:hover{color:var(--color-text-bright);border-color:var(--color-text-muted)}.post-tags{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.post-tags li{border:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-text-muted);border-radius:999px;padding:4px 10px;font-size:.72rem}.post-ask{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 50%, transparent);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:16px 18px;display:flex}.post-ask-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-size:.7rem}.post-ask-links{flex-wrap:wrap;gap:8px;display:flex}.post-ask a{border:1px solid var(--color-border-strong);color:var(--color-text);transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);border-radius:999px;padding:6px 12px;font-size:.86rem;text-decoration:none}.post-ask a:hover{color:var(--color-text-bright);border-color:var(--color-text-muted)}.post-more{border-top:1px solid var(--color-border);padding-block:40px 0}.post-more-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.post-more-head h2{font-family:var(--font-body);letter-spacing:-.04em;text-transform:none;font-size:1.6rem;font-weight:500}.post-more-head a{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);font-size:.72rem;text-decoration:none}.post-more-head a:hover{color:var(--color-text-bright)}.post-more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.post-more-grid .bi-card-title{font-size:1.1rem}.post-graph{margin-top:56px;padding-block:0}.blog-share{align-items:center;gap:6px;display:flex}.blog-share-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);margin-right:6px;font-size:.66rem}.blog-share-btn{border:1px solid var(--color-border);width:34px;height:34px;color:var(--color-text-muted);cursor:pointer;transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);background:0 0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.blog-share-btn svg{width:15px;height:15px}.blog-share-btn:hover,.blog-share-btn.copied{color:var(--color-text-bright);border-color:var(--color-border-strong)}.blog-share-check-icon,.blog-share-btn.copied .blog-share-copy-icon{display:none}.blog-share-btn.copied .blog-share-check-icon{display:block}@media (width<=900px){.bi-lead,.bi-grid,.post-more-grid{grid-template-columns:1fr}}@media (width<=720px){.bi{border-inline:0}.bi-head{padding-top:40px;padding-bottom:170px}.bi-head>.bi-head-art{width:820px;bottom:-4%}.bi-controls{position:static}.bi-tools,.bi-search{flex:1}.bi-search input{width:100%}.post{border-inline:0}.post-head{padding-top:40px;padding-bottom:170px}.post-head>.post-head-art{width:820px}}@media (width<=600px){.post-body{font-size:1.04rem}.post-hero{border-radius:12px;margin-top:-120px;margin-bottom:40px}}@media (prefers-reduced-motion:reduce){.cover-art,.bi-lead-cta span{transition:none}}
