@font-face{font-family:Sora;font-weight:600;font-style:normal;font-display:swap;src:url(/blog/fonts/sora-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Sora;font-weight:700;font-style:normal;font-display:swap;src:url(/blog/fonts/sora-latin-700-normal.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e0e11;--surf:#1a1a20;--surf2:#222229;--line:#2a2a32;--accent:#ff6b6b;--accent-ink:#ff8a8a;--t1:#f2f2f5;--t2:#b4b4be;--t3:#8a8a96;--r:12px;--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--display:"Sora",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Arial,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}html{background:var(--bg);color:var(--t1);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh;display:flex;flex-direction:column}a{color:var(--t1);text-decoration:none}a:hover{color:var(--accent-ink)}button,input{font:inherit;color:inherit}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 40px}.site-head{border-bottom:1px solid var(--line)}.site-head .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:16px}.lockup{display:flex;align-items:center;gap:10px}.lockup .icon{width:36px;height:36px;border-radius:9px;overflow:hidden;flex-shrink:0}.lockup .icon img{width:100%;height:100%;display:block}.lockup .word{height:32px;width:auto;display:block}.lockup .sect{font-size:15px;font-weight:600;color:var(--t2);padding-left:12px;margin-left:4px;border-left:1px solid var(--line);line-height:24px}.head-nav{display:flex;align-items:center;gap:24px;font-size:15px}.head-nav a.plain{color:var(--t2)}.head-nav a.plain:hover{color:var(--t1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r);background:var(--accent);color:#1a0b0b;font-weight:650;font-size:15px;border:0;cursor:pointer;white-space:nowrap}.btn:hover{background:#ff8080;color:#1a0b0b}.btn.lg{height:48px;padding:0 20px;font-size:16px}.btn.ghost{background:transparent;color:var(--t1);border:1px solid var(--line)}.btn.ghost:hover{border-color:var(--t3);color:var(--t1)}main{flex:1}.site-foot{border-top:1px solid var(--line);margin-top:96px}.site-foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;height:80px;font-size:14px;color:var(--t3)}.site-foot nav{display:flex;gap:24px}.site-foot nav a{color:var(--t2)}.site-foot nav a:hover{color:var(--t1)}.intro{padding:72px 0 32px;max-width:720px}.intro h1{font-size:56px;line-height:1.02;font-weight:800;letter-spacing:-.035em;text-wrap:balance}.intro p{margin-top:16px;font-size:20px;line-height:1.45;color:var(--t2)}.search{position:relative;margin-top:8px;max-width:720px}.search svg{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--t3);pointer-events:none}.search input{width:100%;height:60px;border-radius:var(--r);background:var(--surf);border:1px solid var(--line);padding:0 96px 0 54px;font-size:18px;outline:none;transition:border-color .15s,box-shadow .15s}.search input::placeholder{color:var(--t3)}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #ff6b6b29}.search .clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);height:40px;padding:0 14px;border-radius:9px;background:var(--surf2);border:0;color:var(--t2);font-size:14px;cursor:pointer;display:none}.search .clear:hover{color:var(--t1)}.search.has .clear{display:block}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tag{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:9px;border:1px solid var(--line);background:transparent;font-size:14px;font-weight:550;color:var(--t1);cursor:pointer;white-space:nowrap}.tag .n{color:var(--t3);font-weight:500;font-variant-numeric:tabular-nums}.tag:hover{border-color:#44444f;color:var(--t1)}.tag[aria-current]{background:var(--t1);color:var(--bg);border-color:var(--t1)}.tag[aria-current] .n{color:#55555f}.tag.sm{height:28px;padding:0 9px;font-size:13px;border-radius:7px;cursor:pointer}.tag.sm[data-tag]{color:var(--c);background:var(--cb);border-color:transparent}.tag.sm[data-tag]:hover{color:var(--c);border-color:var(--c)}.tag[data-tag]:not(.sm):not([data-tag=""]):before{content:"";width:8px;height:8px;border-radius:2px;background:var(--c)}.tag[data-tag]:not(.sm):not([data-tag=""])[aria-current]{background:var(--cb);color:var(--c);border-color:var(--c)}.tag[data-tag]:not(.sm):not([data-tag=""])[aria-current] .n{color:var(--c);opacity:.75}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:16px;top:-60px;z-index:10;background:var(--t1);color:var(--bg);padding:10px 14px;border-radius:10px;font-weight:600}.skip:focus{top:12px;color:var(--bg)}ul.chips{list-style:none}.status-h{font-size:inherit;font-weight:inherit;color:inherit}.status a{color:var(--t2);font-size:14px}.status a:hover{color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.status{margin-top:48px;font-size:15px;color:var(--t3);display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.status strong{color:var(--t1);font-weight:600}.status button{background:none;border:0;color:var(--accent-ink);cursor:pointer;font-size:15px}.featured{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:40px;padding:36px 40px;background:var(--surf);border:1px solid var(--line);border-radius:var(--r)}.featured .kicker{font-size:14px;color:var(--accent-ink);font-weight:600}.featured h2{font-size:36px;line-height:1.1;font-weight:750;letter-spacing:-.025em;max-width:760px;text-wrap:balance}.featured p{font-size:18px;line-height:1.55;color:var(--t2);max-width:640px}.featured .meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px}.featured a.cover{color:inherit}.featured a.cover:hover h2{color:var(--accent-ink)}.meta time{font-size:14px;color:var(--t3);font-variant-numeric:tabular-nums}.meta .chips{display:flex;flex-wrap:wrap;gap:6px}.list{list-style:none}.item{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.item time{font-size:15px;color:var(--t3);padding-top:3px;font-variant-numeric:tabular-nums}.item h3{font-size:22px;line-height:1.25;font-weight:650;letter-spacing:-.012em;text-wrap:balance}.item a:hover h3{color:var(--accent-ink)}.item p{margin-top:8px;font-size:17px;line-height:1.55;color:var(--t2);max-width:640px}.item .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}mark{background:#ff6b6b38;color:var(--t1);border-radius:3px;padding:0 1px}.empty{padding:72px 0 24px;max-width:520px}.empty h2{font-size:26px;font-weight:700;letter-spacing:-.015em}.empty p{margin-top:10px;font-size:17px;line-height:1.55;color:var(--t2)}.empty .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.post-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,65ch) minmax(0,1fr);column-gap:40px}.post-layout .post{grid-column:2;margin:0;max-width:none}.toc-side{grid-column:1;grid-row:1;justify-self:end;width:100%;max-width:220px;position:sticky;top:32px;align-self:start;margin-top:236px}.toc-h{font-size:13px;font-weight:600;color:var(--t3);margin-bottom:10px}.toc{list-style:none;display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.4}.toc a{display:block;padding:6px 0 6px 12px;border-left:1px solid var(--line);color:var(--t2)}.toc a:hover{color:var(--t1)}.toc a[aria-current]{color:var(--t1);border-left-color:var(--accent)}.toc-inline{display:none;margin-top:24px;border:1px solid var(--line);border-radius:var(--r);padding:0 16px}.toc-inline summary{cursor:pointer;font-size:15px;font-weight:600;padding:14px 0;color:var(--t1)}.toc-inline .toc{padding-bottom:14px}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;font-size:15px;color:var(--t3)}.crumbs li+li:before{content:"/";margin-right:8px;color:#4a4a55}.crumbs a{color:var(--t2)}.crumbs a:hover{color:var(--t1)}.byline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:16px;font-size:15px;color:var(--t3)}.byline a{color:var(--t2)}.byline a:hover{color:var(--t1)}.summary{margin-top:28px;background:var(--surf);border:1px solid var(--line);border-radius:var(--r);padding:20px 24px}.summary h2{font-size:15px;font-weight:650;color:var(--t1)}.summary ul{margin-top:10px;padding-left:1.1em;font-size:16px;line-height:1.55;color:#e6e6ea;display:flex;flex-direction:column;gap:6px}.summary li::marker{color:var(--accent)}.body h2,.body h3{position:relative;scroll-margin-top:24px}.anchor{position:absolute;left:-1.1em;width:1em;color:var(--t3)!important;text-decoration:none!important;opacity:0;font-weight:500}.body h2:hover .anchor,.body h3:hover .anchor,.anchor:focus{opacity:1}.body blockquote p{margin:0}.disclaimer{font-size:15px;color:var(--t3)}.alt-formats{display:flex;gap:20px;margin-top:28px;font-size:14px}.alt-formats a{color:var(--t3)}.alt-formats a:hover{color:var(--t1)}@media(max-width:1180px){.post-layout{grid-template-columns:minmax(0,1fr) minmax(0,65ch) minmax(0,1fr);column-gap:0}.toc-side{display:none}.toc-inline{display:block}}.post{max-width:65ch;margin:0 auto;padding:56px 0 0;font-size:17.5px}.back{display:inline-flex;align-items:center;gap:6px;font-size:15px;color:var(--t2)}.post header{margin-top:20px}.post h1{font-size:38px;line-height:1.12;font-weight:800;letter-spacing:-.03em;text-wrap:balance}.post header .meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}.post header .meta time{font-size:15px}.post .dot{width:3px;height:3px;border-radius:50%;background:var(--t3)}.lead{margin-top:28px;font-size:19.5px;line-height:1.55;color:var(--t1);font-weight:450}.body{margin-top:8px;line-height:1.6;overflow-wrap:break-word;color:#e6e6ea}.body p{margin-top:1.1em}.body h2{margin-top:1.6em;font-size:24px;line-height:1.25;font-weight:750;letter-spacing:-.02em;color:var(--t1)}.body h3{margin-top:1.4em;font-size:19px;line-height:1.3;font-weight:650;letter-spacing:-.01em;color:var(--t1)}.body h2+p,.body h3+p,.body h2+h3{margin-top:.5em}.body a{color:var(--t1);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1.5px}.body a:hover{color:var(--accent-ink)}.body strong{font-weight:650;color:var(--t1)}.body ul{margin-top:1em;padding-left:1.2em}.body li{margin-top:.4em}.body li::marker{color:var(--t3)}.body code{font-family:var(--mono);font-size:.86em;background:var(--surf);border:1px solid var(--line);border-radius:6px;padding:.1em .38em;color:#f5f5f7}.body pre{margin-top:1.4em;background:var(--surf);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;overflow-x:auto;font-size:15px;line-height:1.65}.body pre code{background:none;border:0;padding:0;font-size:inherit;color:#e9e9ee}.body pre .k{color:#ff9d9d}.body pre .s{color:#8fe3c9}.body pre .c{color:#8a8a96}.body pre .n{color:#ffc27a}.body blockquote{margin-top:1.5em;padding:4px 0 4px 22px;border-left:3px solid var(--accent);color:var(--t1);font-size:19px;line-height:1.55}.body blockquote cite{display:block;margin-top:10px;font-size:15px;font-style:normal;color:var(--t3)}.tbl{margin-top:1.4em;border:1px solid var(--line);border-radius:var(--r);overflow-x:auto}.body table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45}.body th{text-align:left;font-weight:600;color:var(--t2);background:var(--surf);padding:12px 16px;border-bottom:1px solid var(--line);white-space:nowrap}.body td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}.body tr:last-child td{border-bottom:0}.body td.num,.body th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.body tfoot td{font-weight:650;background:var(--surf);border-top:1px solid var(--line)}.related{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:17px;line-height:1.6;color:var(--t3)}.related a{color:var(--t1);text-decoration:underline;text-decoration-color:#4a4a55;text-underline-offset:3px}.related a:hover{text-decoration-color:var(--accent);color:var(--t1)}.cta{margin-top:40px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;background:var(--surf);border:1px solid var(--line);border-radius:var(--r);padding:28px 28px 28px 32px}.cta h2{font-size:24px;line-height:1.2;font-weight:750;letter-spacing:-.015em}.cta p{margin-top:8px;font-size:17px;line-height:1.5;color:var(--t2)}.cta .btn{margin-top:20px}.cta img{width:104px;height:auto;display:block;align-self:end;margin-bottom:-28px}@media(max-width:720px){.wrap{padding:0 20px}.site-head .wrap{height:64px}.lockup{gap:8px}.lockup .icon{width:30px;height:30px;border-radius:7px}.lockup .word{height:26px}.lockup .sect{font-size:14px;padding-left:10px;margin-left:2px}.head-nav .plain{display:none}.head-nav .btn{height:36px;padding:0 12px;font-size:14px;border-radius:10px}.intro{padding:40px 0 24px}.intro h1{font-size:38px}.intro p{font-size:17px}.search input{height:54px;font-size:17px;padding-left:48px}.search svg{left:17px}.tags{flex-wrap:nowrap;overflow-x:auto;margin:16px -20px 0;padding:0 20px 4px;scrollbar-width:none}.tags::-webkit-scrollbar{display:none}.status{margin-top:32px;font-size:14px}.featured{margin-top:24px;padding:24px 20px;gap:10px}.featured h2{font-size:26px}.featured p{font-size:16px}.item{grid-template-columns:minmax(0,1fr);gap:6px;padding:22px 0}.item time{font-size:14px;padding:0;order:-1}.item h3{font-size:19px}.item p{font-size:16px;margin-top:6px}.item .chips{margin-top:12px}.site-foot{margin-top:64px}.site-foot .wrap{flex-direction:column-reverse;align-items:flex-start;height:auto;padding-top:24px;padding-bottom:28px;gap:14px}.post{padding-top:28px;font-size:17px}.body{line-height:1.55}.body code{font-size:.84em;padding:.05em .3em}.post-layout{display:block}.anchor{display:none}.summary{padding:16px 18px}.summary ul{font-size:15.5px}.post header{margin-top:24px}.post h1{font-size:28px}.lead{font-size:18px;margin-top:22px}.body h2{font-size:21px}.body h3{font-size:17.5px}.body pre{font-size:13.5px;padding:16px;margin-left:-4px;margin-right:-4px}.body blockquote{font-size:17.5px;padding-left:16px}.body table{font-size:14.5px}.body th,.body td{padding:10px 12px}.cta{grid-template-columns:minmax(0,1fr);padding:24px 20px;position:relative}.cta img{position:absolute;right:16px;top:-40px;width:72px;margin:0}.cta .btn{width:100%}}.body td[align=right],.body th[align=right]{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.body td[align=center],.body th[align=center]{text-align:center}.tag[data-tag]:not([style]){--c:var(--t2);--cb:transparent}.body pre.astro-code{background:var(--surf)!important;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;overflow-x:auto;font-size:15px;line-height:1.65;margin-top:1.4em}.body pre.astro-code code{background:none;border:0;padding:0;font-size:inherit}@media(max-width:720px){.body pre.astro-code{font-size:13.5px;padding:16px}}h1,h2,h3,.item h3,.brand-sect{font-family:var(--display);font-weight:700}.intro h1,.post h1{letter-spacing:-.03em}.toc li.sub a{padding-left:26px;font-size:13.5px;color:var(--t3)}.toc li.sub a:hover,.toc li.sub a[aria-current]{color:var(--t1)}.toc-side{max-height:calc(100vh - 64px);overflow-y:auto}.body ul,.body ol{margin-top:1em;padding-left:1.6em}.body ul{list-style:disc}.body ol{list-style:decimal}.body li{margin-top:.5em;padding-left:.25em}.body ol li::marker{color:var(--accent-ink);font-weight:600}.body li>ul,.body li>ol{margin-top:.5em}.body{color:#cfcfd6}.body h2{color:#fff}.body h3,.body strong{color:#f2f2f5}.body .callout{--c:#4493f5;margin-top:1.5em;padding:4px 0 4px 18px;border-left:4px solid var(--c)}.body .callout.tip{--c:#3fb950}.body .callout.important{--c:#ab7df8}.body .callout.warning{--c:#d29922}.body .callout.caution{--c:#f85149}.body .callout-title{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-weight:600;color:var(--c);font-size:.95em}.body .callout-title svg{flex:none}.body .callout p{margin-top:.6em}.body .callout .callout-title+p{margin-top:0}.body figure.img{margin:2.2em auto;text-align:center}.body figure.img img{display:inline-block;width:100%;max-width:80px;height:auto;border-radius:var(--r)}.body figure.img img.zoomable{cursor:zoom-in}.body figure.img figcaption{margin-top:10px;font-size:14px;color:var(--t3)}.code-wrap{position:relative}.copy-btn{position:absolute;top:8px;right:8px;font:600 12.5px var(--sans);color:var(--t2);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:5px 10px;cursor:pointer;opacity:0;transition:opacity .15s}.code-wrap:hover .copy-btn,.copy-btn:focus-visible,.copy-btn.done{opacity:1}@media(hover:none){.copy-btn{opacity:1}}.copy-btn.done{color:#3fb950;border-color:#3fb950}.lightbox{border:0;padding:0;background:transparent;max-width:96vw;max-height:96vh;color:#fff;text-align:center;cursor:zoom-out}.lightbox::backdrop{background:#000000db}.lightbox img{max-width:96vw;max-height:88vh;object-fit:contain}.lb-cap{margin:8px 0 0;font-size:14px}.lb-close{position:fixed;top:12px;right:16px;font-size:32px;line-height:1;background:none;border:0;color:#fff;cursor:pointer}.body figure.img img.mascot-sm{max-width:56px}.body figure.img img.mascot-md{max-width:80px}.cta h2{color:var(--t1)}.body th{border-bottom:2px solid var(--accent)}.tbl-grid th+th,.tbl-grid td+td{border-left:1px solid var(--line)}.tbl-zebra tbody tr:nth-child(2n) td{background:var(--surf)}.tbl-plain th{border-bottom:1px solid var(--line)}.tbl-first-col-bold td:first-child{font-weight:600;color:var(--t1)}.body figure.img.wide{text-align:center}.body figure.img.wide img{width:100%;max-width:100%;border:1px solid var(--line)}.body sup a[data-footnote-ref]{font-size:.75em;font-weight:600;color:var(--accent-ink);text-decoration:none;padding:0 2px}.body .footnotes{margin-top:3em;padding-top:1.2em;border-top:1px solid var(--line);font-size:15px;color:var(--t3)}.body .footnotes h2{display:none}.body .footnotes ol{margin-top:0;padding-left:1.4em}.body .footnotes li{margin-top:.6em;line-height:1.5}.body .footnotes p{margin:0;display:inline}.body .footnotes a[data-footnote-backref]{margin-left:6px;color:var(--accent-ink);text-decoration:none}.body li:target,.body sup:target{scroll-margin-top:90px}.body li:target{color:var(--t1)}.hero{margin:28px 0 0}.hero img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;background:var(--surf);border:1px solid var(--line);border-radius:var(--r)}.anchor svg{display:block;margin-top:.45em}.body h2 .anchor:focus,.body h3 .anchor:focus{opacity:1}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,12px);background:var(--surf2);color:var(--t1);border:1px solid var(--line);border-radius:10px;padding:10px 16px;font:600 14px var(--sans);box-shadow:0 8px 24px #00000073;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:60}.toast.show{opacity:1;transform:translate(-50%)}