.blog-share[data-astro-cid-hoez23jz]{align-items:center;display:flex;flex-wrap:wrap;gap:.9rem 1.25rem;justify-content:center;margin-top:2.75rem;max-width:48rem;margin-inline:auto}.blog-share-heading[data-astro-cid-hoez23jz]{color:#8f8a81;font-size:.72rem;letter-spacing:.12em}.blog-share-actions[data-astro-cid-hoez23jz]{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.blog-share-button[data-astro-cid-hoez23jz]{align-items:center;background:#1a1a1a;border:3px solid #000;box-shadow:0 0 0 2px #fff;color:#f5f5f5;cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:700;gap:.5rem;letter-spacing:.08em;padding:.5rem .95rem;text-decoration:none;transition:background-color .2s,transform .2s,box-shadow .2s}.blog-share-button[data-astro-cid-hoez23jz] svg[data-astro-cid-hoez23jz]{height:.95rem;width:.95rem;flex:none}.blog-share-button[data-astro-cid-hoez23jz]:hover,.blog-share-button[data-astro-cid-hoez23jz]:focus-visible{background:#2a2a2a;transform:translateY(-2px);box-shadow:0 0 0 2px #fff,0 4px 12px #0006}.blog-share-button[data-astro-cid-hoez23jz]:active{transform:translateY(0)}.blog-share-button[data-astro-cid-hoez23jz][data-state=copied]{background:#f5f5f5;color:#0a0a0a}.blog-copy-status[data-astro-cid-hoez23jz]{color:#8f8a81;font-family:var(--font-display);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.blog-meta{color:#c6c1b8;font-family:var(--font-body);letter-spacing:.02em}.blog-meta-divider{font-size:0}.blog-author-link{color:#fff;text-decoration:underline;text-decoration-color:#ffffffa6;text-decoration-thickness:1px;text-underline-offset:.2em}.blog-author-link:hover,.blog-author-link:focus-visible{color:#fff;text-decoration-color:#fff}.blog-meta-divider:before{color:#8f8a81;content:"•";font-size:.875rem}.blog-post-header .blog-header-meta{display:none}.blog-draft-note{background:#d4a84324;border:1px solid rgb(212 168 67 / .5);color:#d4a843;font-size:.72rem;letter-spacing:.12em;margin:0 auto 1.5rem;padding:.55rem .9rem;text-align:center;width:fit-content}.blog-archive-note{color:#8f8a81;font-size:.72rem;letter-spacing:.12em}.blog-archive-note:before{border-inline-start:2px solid rgb(255 255 255 / .25);color:#c6c1b8;content:"ARCHIVE";font-size:.68rem;letter-spacing:.18em;margin-right:.7rem;padding-left:.55rem}.blog-updated{color:#c6c1b8}.blog-tags{margin-bottom:0}.blog-tags-heading{color:#8f8a81;font-size:.72rem;letter-spacing:.12em}.blog-tag{border:1px solid rgb(255 255 255 / .22);color:#c6c1b8;font-size:.7rem;letter-spacing:.1em;padding:.3rem .65rem;text-decoration:none;transition:border-color .2s,color .2s}.blog-tag:hover,.blog-tag:focus-visible{border-color:#fff;color:#fff}.blog-post-header{display:flex;flex-direction:column;justify-content:center;min-height:clamp(16rem,26vw,20rem);padding-block:clamp(2rem,5vw,4rem)}.blog-series-navigation{align-items:baseline;border-block:1px solid rgb(255 255 255 / .16);display:flex;font-family:var(--font-display);font-size:.75rem;justify-content:space-between;letter-spacing:.08em;margin-bottom:1.75rem;padding-block:.7rem;text-transform:uppercase}.blog-series-navigation-label{color:#c6c1b8}.blog-series-navigation a{color:#fff;text-decoration:none}.blog-series-navigation a:hover,.blog-series-navigation a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:.22em}.blog-featured-image{--cover-ambient-rgb: 78 85 92;isolation:isolate;position:relative}.blog-featured-image:after{background:rgb(var(--cover-ambient-rgb) / .72);content:"";filter:blur(.55rem);inset:.65rem -.8rem -.8rem .65rem;opacity:.92;pointer-events:none;position:absolute;z-index:0}.blog-featured-image img{position:relative;z-index:1}.blog-reading-shell{position:relative;max-width:48rem;margin-inline:auto}.blog-toc{border:1px solid rgb(255 255 255 / .2);padding:.8rem 1rem}.blog-toc summary{cursor:pointer;list-style:none}.blog-toc summary::-webkit-details-marker{display:none}.blog-toc summary:after{content:"+";float:right}.blog-toc-mobile[open] summary:after{content:"−"}.blog-toc-mobile[open] summary:after{content:"-"}.blog-toc[open] summary:after{content:"-"}.blog-toc ol{list-style:none;margin:0;padding:0}.blog-toc ol{margin-top:.8rem}.blog-toc li+li{margin-top:.45rem}.blog-toc a{color:#c6c1b8;text-decoration:none}.blog-toc a:hover,.blog-toc a:focus-visible{color:#fff}.blog-toc-mobile-label{display:none}.blog-reading-progress{position:fixed;top:5rem;left:0;z-index:40;width:100%;height:2px;background:#ffffff1f;opacity:0;pointer-events:none;transition:opacity .15s ease}.blog-reading-progress.is-active{opacity:1}.blog-reading-progress span{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}.blog-post-content{font-family:var(--font-blog-body);font-size:clamp(1rem,1.1vw,1.1rem);line-height:1.55}html{scroll-padding-top:calc(7rem + 12px + env(safe-area-inset-top,0px))}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4{font-family:var(--font-display);line-height:1.2}.blog-post-content .heading-permalink{color:#fff;display:inline-block;font-size:.7em;margin-left:.45em;opacity:0;text-decoration:none;vertical-align:.1em}.blog-post-content h1:hover .heading-permalink,.blog-post-content h2:hover .heading-permalink,.blog-post-content h3:hover .heading-permalink,.blog-post-content h4:hover .heading-permalink,.blog-post-content .heading-permalink:focus-visible{opacity:.8}.blog-post-content h1{font-size:clamp(1.5rem,2.2vw,2rem)}.blog-post-content h2{font-size:clamp(1.3rem,1.8vw,1.6rem)}.blog-post-content .blog-content-section{--ambient-rgb: 78 85 92;--tw-prose-body: #f5f5f5;--tw-prose-headings: #ffffff;--tw-prose-links: #ffffff;--tw-prose-bold: #ffffff;--tw-prose-bullets: #f5f5f5;--tw-prose-quotes: #f5f5f5;--tw-prose-quote-borders: rgb(255 255 255 / .55);--tw-prose-captions: #e1e1e1;--tw-prose-code: #ffffff;--tw-prose-pre-code: #f5f5f5;--tw-prose-pre-bg: rgb(0 0 0 / .5);display:grid;grid-template-columns:minmax(1rem,1fr) minmax(0,40rem) minmax(1rem,1fr);position:relative;left:50%;width:100vw;margin:0 -50vw;padding:clamp(2rem,3.5vw,2.75rem) 0 clamp(1.1rem,1.5vw,1.5rem);background:linear-gradient(90deg,rgb(var(--ambient-rgb) / .22),rgb(var(--ambient-rgb) / .46) 50%,rgb(var(--ambient-rgb) / .22)),#111214}.blog-post-content .blog-content-section>*{grid-column:2;position:relative;z-index:1}.blog-post-content video{border:0;box-shadow:0 0 0 3px #000,0 0 0 5px #fff;display:block;height:auto;margin:5px;max-width:calc(100% - 10px);width:calc(100% - 10px)}.blog-post-content .blog-content-section h1,.blog-post-content .blog-content-section h2{margin:0 0 1rem;padding:0}.blog-post-content .blog-content-section>:last-child{margin-bottom:0}.blog-post-content .blog-content-section>p{margin-top:.75rem;margin-bottom:.75rem}.blog-post-content .blog-content-section>p:has(>strong:only-child){margin-top:1.5rem;margin-bottom:.6rem}.blog-post-content .blog-content-section>ul,.blog-post-content .blog-content-section>ol{margin-top:.6rem;margin-bottom:1rem}.blog-post-content .blog-content-section>ul>li+li,.blog-post-content .blog-content-section>ol>li+li{margin-top:.5rem}.blog-post-content .blog-content-section>p:has(>img:only-child),.blog-post-content .blog-content-section>p:has(>video:only-child),.blog-post-content .blog-content-section>p:has(>a.blog-lightbox-item:only-child){margin-top:.2rem;margin-bottom:.2rem}.blog-post-content .blog-content-section>p:has(>img:only-child>img),.blog-post-content .blog-content-section>p:has(>video:only-child>video),.blog-post-content .blog-content-section>p:has(>a.blog-lightbox-item:only-child>a){margin-top:0;margin-bottom:0}.blog-post-content blockquote{background:#1f232547;border:3px solid rgb(0 0 0 / .5);box-shadow:none;outline:2px solid rgb(230 233 232 / .34);outline-offset:0;font-size:.9em;font-style:normal;line-height:1.6;max-width:42rem;padding:3.25rem 1.4rem 1.4rem;width:100%;justify-self:center;position:relative}.blog-post-content blockquote:before{background:url(/assets/icons/developer-commentary.svg) center / contain no-repeat;content:"";display:block;left:-9rem;margin:0;position:absolute;top:1.8rem;transform:translateY(-50%);width:8.5rem;height:8.5rem}.blog-post-content blockquote:after{color:#ffffffb8;content:"Developer commentary";font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.1em;line-height:1.45rem;left:1.4rem;position:absolute;text-transform:uppercase;top:1.08rem;transform:none;white-space:nowrap}.blog-post-content blockquote p{margin:0;padding-inline:0}.blog-post-content blockquote p:before,.blog-post-content blockquote p:after{content:none}.blog-post-content .blog-article-mark{font-size:.9em;line-height:1.6;position:relative}.blog-post-content .blog-article-mark-icon{background:center / contain no-repeat;display:none;height:5rem;left:-6.75rem;position:absolute;top:0;width:5rem}.blog-post-content .blog-article-mark--media-dispatch .blog-article-mark-icon{background-image:url(/assets/icons/article-mark-media-dispatch.svg)}.blog-post-content .blog-article-mark--world-report .blog-article-mark-icon{background-image:url(/assets/icons/article-mark-world-report.svg)}.blog-post-content .blog-article-mark--community-signal .blog-article-mark-icon{background-image:url(/assets/icons/article-mark-community-signal.svg)}.blog-post-content .blog-article-mark--feature-drop .blog-article-mark-icon{background-image:url(/assets/icons/article-mark-feature-drop.svg)}.blog-post-content .blog-article-mark--update-summary .blog-article-mark-icon{background-image:url(/assets/icons/article-mark-update-summary.svg)}.blog-post-content .blog-article-mark>p:first-of-type{margin-top:0}.blog-post-content .blog-article-mark>:last-child{margin-bottom:0}.blog-post-content .blog-article-mark>h3{border-bottom:1px solid rgb(255 255 255 / .16);font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.1em;margin:2.25rem 0 1rem;padding-bottom:.55rem;text-transform:uppercase}.blog-post-content .blog-article-mark>h3:first-of-type{margin-top:0}.blog-post-content .blog-article-mark>video,.blog-post-content .blog-article-mark>img{display:block;margin-top:1rem;max-width:100%}.blog-post-content .blog-lightbox-item{cursor:zoom-in;display:block}.blog-post-content .blog-lightbox-item:focus-visible{outline:3px solid #ffffff;outline-offset:4px}.blog-post-content li+li{margin-top:.65rem}.blog-post-content h3,.blog-post-content h4{font-size:1.2rem;margin-top:2rem}@media(max-width:639px){.blog-series-navigation{align-items:flex-start;flex-direction:column;gap:.45rem}.blog-post-content,.blog-post-content p,.blog-post-content li{font-size:1rem;line-height:1.5}.blog-post-content li+li{margin-top:.5rem}.blog-meta{display:grid;gap:.25rem .75rem;grid-template-columns:auto 1fr}.blog-meta-divider{display:none}.blog-meta>time{grid-column:1;grid-row:1}.blog-meta>span:nth-of-type(2){grid-column:1 / -1;grid-row:2}.blog-meta>span:last-child{grid-column:2;grid-row:1;justify-self:end}.blog-reading-progress{top:5rem}.blog-toc{background:#0a0a0a;border-block-color:rgb(255 255 255 / .24);box-shadow:0 .75rem 1rem #00000047;position:static}.blog-toc-desktop-label{display:none}.blog-toc-mobile-label{display:inline}.blog-post-content blockquote{padding:3.5rem 1rem 1.35rem}.blog-post-content blockquote:before{height:2.65rem;left:1rem;top:.95rem;transform:none;width:2.65rem}.blog-post-content blockquote:after{left:4.15rem;top:1.22rem}}@media(min-width:56rem){.blog-post-content .blog-article-mark-icon{display:block}}@media(min-width:1024px){.blog-post-content{font-size:1.25rem}.blog-post-content blockquote{transform:translate(4.5rem)}.blog-post-content blockquote:before{top:50%}.blog-post-content .blog-content-section{grid-template-columns:minmax(1rem,1fr) minmax(0,48rem) minmax(1rem,1fr)}.blog-post-content h1{font-size:2.25rem}.blog-post-content h2{font-size:1.75rem}}
