.blog-article{--ba-bg: #fff;--ba-fg: #172033;--ba-sub: #526074;--ba-line: #d5dee8;--ba-card: #fff;background:var(--ba-bg)}@media(prefers-color-scheme:dark){.blog-article{--ba-bg: #020617;--ba-fg: #e8edf5;--ba-sub: #9aa6b8;--ba-line: #1e293b;--ba-card: #0b1224;--article-line: #1e293b;color:#cbd5e1}.blog-article .article-body :is(h2,h3,h4){color:var(--ba-fg)}.blog-article .article-body a{color:#8fb3ff}.blog-article .article-body code{background:#1e293b;color:#e2e8f0}.blog-article .article-body :is(blockquote,th){background:#0b1224;color:#cbd5e1}.blog-article .article-editorial-note{background:#0b1224;border-color:#1e293b}.blog-article .article-next h2,.blog-article .article-related>h2,.blog-article .article-related h3 a{color:var(--ba-fg)}}.article-progress{position:fixed;z-index:60;top:0;left:0;right:0;height:3px;background:#ffa624;transform-origin:0 50%;pointer-events:none}.blog-article .article-heading{max-width:none;padding:2.5rem max(24px,calc((100% - 860px)/2)) 2.25rem;background:radial-gradient(900px 340px at 90% -20%,rgba(255,166,36,.14),transparent 60%),#020617}.blog-article .article-heading .article-back{color:#a8b3c6;margin-bottom:1rem}.blog-article .article-heading .article-category{color:var(--topic, #ffa624);margin-bottom:.75rem}.blog-article .article-heading h1{color:#fff;font-size:clamp(2rem,4.6vw,3.25rem);letter-spacing:-.03em;margin-bottom:1rem;text-wrap:balance}.blog-article .article-heading .article-lede{color:#b6c0d0;font-size:clamp(1.05rem,1.8vw,1.2rem)}.blog-article .article-byline{color:#a8b3c6;margin-top:1.25rem;gap:.4rem 1.25rem}.blog-article .article-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:1.1rem}.blog-article .article-actions .copy-page{margin:0}.blog-article .article-actions .copy-page :is(button,a){color:#e2e8f0;border-color:#2a3650;background:transparent}.blog-article .article-share{margin:0;gap:.5rem}.blog-article .article-share a{width:44px;height:44px;justify-content:center;border:1px solid #2a3650;border-radius:10px;color:#e2e8f0;text-decoration:none}.blog-article .article-share svg{width:18px;height:18px}.article-cover{max-width:900px;margin:2rem auto 0;padding:0 24px}.article-cover .blog-cover{border-radius:12px;border:1px solid var(--ba-line)}.article-layout{display:grid;grid-template-columns:minmax(0,740px);justify-content:center;gap:3rem;padding-top:2rem}.article-toc{display:none}.article-toc-mobile{display:block;margin:0 24px;border:1px solid var(--ba-line);border-radius:10px;font-size:.875rem}.article-toc-mobile summary{cursor:pointer;padding:.75rem 1rem;font:500 .6875rem DM Mono,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ba-sub)}.article-toc-mobile ol{margin:0;padding:0 1rem .75rem 2.25rem}.article-toc-mobile li{padding:.25rem 0}.article-toc-mobile a{color:var(--ba-sub)}@media(min-width:1180px){.article-layout{grid-template-columns:200px minmax(0,740px);margin-left:-100px}.article-layout>.article-body{grid-column:2}.article-toc-mobile{display:none}.article-toc{display:block;position:sticky;top:96px;align-self:start;font-size:.8125rem}.article-toc p{font:500 .6875rem DM Mono,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ba-sub);margin:0 0 .6rem}.article-toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--ba-line)}.article-toc a{display:block;padding:.35rem .75rem;margin-left:-2px;border-left:2px solid transparent;color:var(--ba-sub);line-height:1.4;text-decoration:none}.article-toc a[aria-current]{color:var(--ba-fg);border-left-color:#ffa624;font-weight:600}}.blog-article .article-layout>.article-body{margin:0;padding-top:0;border-top:0}.blog-article .article-editorial-note{border:0;border-left:3px solid #ffa624;border-radius:0;background:transparent;padding:.25rem 0 .25rem 1rem;color:var(--ba-sub)}.blog-article .article-next{max-width:1000px;margin:1rem auto 0;border:0;border-radius:16px;padding:2rem;background:linear-gradient(135deg,#0b1224,#111a33)}.blog-article .article-next h2{color:#fff!important}.blog-article .article-next p{color:#b6c0d0!important}.blog-article .article-next .article-category{color:#ffa624!important}.blog-article .article-next>a{background:#ffa624;color:#1a1200;text-decoration:none;font-weight:700;padding:0 1.1rem;border-radius:10px}.article-related-card{position:relative;border:1px solid var(--ba-line);border-radius:14px;overflow:hidden;background:var(--ba-card);display:flex;flex-direction:column}.article-related-card>div:not(.blog-cover){padding:1rem 1.15rem 1.2rem}.article-related-card .article-category{color:var(--ba-fg);margin:0}.article-related-card h3 a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}
