.ba{--ba-page: #e5e5e5;--ba-panel: #fafafa;--ba-ink: #0a0a0a;--ba-ink-2: #171717;--ba-ink-3: #525252;--ba-muted: #a3a3a3;--ba-chev: #737373;--ba-lime: #f2ff70;--ba-edge: #171717;--ba-edge-soft: #e5e5e5;--ba-edge-tldr: #404040;--ba-tldr-ink: #404040;--ba-card: #f0f0f0;--ba-hero-fill: #fafafa;--ba-card-edge: rgba(163, 163, 163, 0.5);--ba-hover: #e5e5e5;--ba-rule: #0a0a0a;--ba-toc-on-bg: #171717;--ba-toc-on-ink:#f0f0f0;--ba-rail: 305px;--ba-toc-w: 202px;--ba-gap: 64px}html[data-theme="dark"] .ba{--ba-page: #0a0a0a;--ba-panel: #171717;--ba-ink: #fafafa;--ba-ink-2: #f0f0f0;--ba-ink-3: #a3a3a3;--ba-muted: #a3a3a3;--ba-chev: #a3a3a3;--ba-edge: rgba(255, 255, 255, 0.22);--ba-edge-soft: rgba(255, 255, 255, 0.14);--ba-edge-tldr: rgba(255, 255, 255, 0.28);--ba-tldr-ink: #a3a3a3;--ba-card: #404040;--ba-hero-fill: #404040;--ba-card-edge: rgba(255, 255, 255, 0.16);--ba-hover: rgba(255, 255, 255, 0.10);--ba-rule: rgba(255, 255, 255, 0.28);--ba-toc-on-bg: #f2ff70;--ba-toc-on-ink:#171717}.ba .ba-wrap{max-width: calc(1312px + 2 * 64px);margin-inline: auto;padding-inline: 64px}@media (max-width: 900px){.ba .ba-wrap{padding-inline: 20px}}.ba{background: var(--ba-page)}html:has(main.ba), body:has(main.ba){background: #e5e5e5}html[data-theme="dark"]:has(main.ba), html[data-theme="dark"] body:has(main.ba){background: #0a0a0a}.ba .ba-shell{display: flex;flex-direction: column;gap: 110px;padding-block: 48px;border: 0.5px solid var(--ba-edge);border-bottom: 0}.ba .breadcrumb.ba-crumb{display: flex;align-items: center;gap: 6px;justify-content: flex-start;margin: 40px 0 12px;padding: 0;font-family: var(--font-body);font-size: 14px;line-height: 20px;color: var(--ba-ink-3);white-space: nowrap;overflow: hidden}.ba .ba-crumb a{color: var(--ba-ink-3);text-decoration: none}.ba .ba-crumb a:hover{color: var(--ba-ink);text-decoration: underline}.ba .ba-hero{display: grid;grid-template-columns: minmax(0, 1fr) 56.52%;align-items: stretch;min-height: 418px;margin-bottom: 95px;background: var(--ba-hero-fill);border: 0.5px solid var(--ba-edge);overflow: hidden}.ba .ba-hero__text{display: flex;flex-direction: column;justify-content: space-between;gap: 32px;max-width: 545px;padding: 25.75px 22.5px}.ba .ba-hero h1{margin: 0;font-family: var(--font-head);font-weight: 400;font-size: clamp(28px, 3.06vw, 44px);line-height: 1.1;letter-spacing: -0.03em;color: var(--ba-ink);text-wrap: balance}.ba .ba-hero__meta{display: flex;align-items: center;justify-content: space-between;gap: 16px;width: 100%;max-width: 494px}.ba .ba-hero__by{display: inline-flex;align-items: center;gap: 8.58px;text-decoration: none}.ba .ba-hero__avatar{flex: 0 0 auto;display: flex;align-items: center;justify-content: center;width: 42.92px;height: 42.92px;background: var(--ba-lime);border: 0.5px solid #171717;border-radius: 2px;box-sizing: border-box}.ba .ba-hero__avatar svg{display: block;width: 100%;height: 100%}.ba .ba-hero__author{font-family: var(--font-body);font-weight: 450;font-size: 14.52px;line-height: 17.42px;letter-spacing: 0.02em;text-transform: uppercase;color: var(--ba-ink-2)}.ba a.ba-hero__by:hover .ba-hero__author{text-decoration: underline}.ba .ba-hero__date{flex: 0 0 auto;font-family: var(--font-body);font-weight: 450;font-size: 17.17px;line-height: 25.75px;letter-spacing: 0.01em;color: var(--ba-ink-2)}.ba .ba-hero__art{position: relative;overflow: hidden}.ba .ba-hero__art picture, .ba .ba-hero__art img{display: block;width: 100%;height: 100%;object-fit: cover}.ba .article-layout.ba-row{max-width: none;margin: 0;padding: 0 24px 56px;border-bottom: 0.5px solid var(--ba-edge);display: grid;grid-template-columns: var(--ba-toc-w) minmax(0, 1fr) var(--ba-rail);column-gap: var(--ba-gap);align-items: stretch}.ba .article-sidebar.ba-toc{grid-column: 1}.ba .article-main.ba-main{grid-column: 2}.ba .ba-rail{grid-column: 3}.ba .article-sidebar.ba-toc{position: sticky;top: 112px;align-self: start}.ba .ba-toc .sidebar-toc{display: flex;flex-direction: column;align-items: flex-start;gap: 16px;margin: 0;padding: 16px 11px;background: var(--ba-panel);border: 0.5px solid var(--ba-edge);border-radius: 4px}.ba .ba-toc .sidebar-toc h4{display: none}.ba .ba-toc .sidebar-toc a{display: flex;align-items: flex-start;gap: 8px;width: 100%;margin: 0;padding: 1px 4px;border: 0;font-family: var(--font-body);font-weight: 450;font-size: 14px;line-height: 21px;color: var(--ba-ink-2);text-decoration: none;transition: background-color .15s ease, color .15s ease}.ba .ba-toc .sidebar-toc a:hover{background: var(--ba-hover)}.ba .ba-toc .sidebar-toc a.active{background: var(--ba-toc-on-bg);color: var(--ba-toc-on-ink)}.ba .ba-toc .sidebar-toc a.active::before{content: "";flex: 0 0 auto;width: 7px;height: 7px;margin-top: 7px;background: var(--ba-lime)}html[data-theme="dark"] .ba .ba-toc .sidebar-toc a.active::before{background: #171717}.ba .ba-toc .sidebar-toc:not(:has(a.active)) a:first-of-type{background: var(--ba-toc-on-bg);color: var(--ba-toc-on-ink)}.ba .ba-toc .sidebar-toc:not(:has(a.active)) a:first-of-type::before{content: "";flex: 0 0 auto;width: 7px;height: 7px;margin-top: 7px;background: var(--ba-lime)}html[data-theme="dark"] .ba .ba-toc .sidebar-toc:not(:has(a.active)) a:first-of-type::before{background: #171717}.ba .article-main.ba-main{max-width: none;min-width: 0}.ba .ba-main .prose{max-width: none;margin: 0;padding: 0;font-family: var(--font-body);font-size: 16px;line-height: 24px;color: var(--ba-ink)}.ba .ba-main .prose h2{font-family: var(--font-body);font-weight: 400;font-size: 32px;line-height: 39.6px;letter-spacing: 0;color: var(--ba-ink);margin: 46.67px 0 0}.ba .ba-main .prose h3{font-family: var(--font-body);font-weight: 400;font-size: 22px;line-height: 30px;letter-spacing: 0;color: var(--ba-ink);margin: 32px 0 0}.ba .ba-main .prose h4{font-family: var(--font-body);font-weight: 400;font-size: 18px;color: var(--ba-ink);margin: 26px 0 0}.ba .ba-main .prose p{margin: 13.33px 0 0}.ba .ba-main .prose ul, .ba .ba-main .prose ol{margin: 13.33px 0 0}.ba .ba-main .prose li{line-height: 24px}.ba .ba-main .prose>*:first-child{margin-top: 0}.ba .ba-main .prose strong{color: var(--ba-ink);font-weight: 500}.ba .ba-main .prose .key-takeaways{margin: 0 0 8px;padding: 20px 23.33px;background: var(--ba-panel);border: 0.5px solid var(--ba-edge-tldr);border-radius: 4px}.ba .ba-main .prose .key-takeaways h2{margin: 0;font-family: var(--font-head) !important;font-weight: 400;font-size: 16px !important;line-height: 16px;letter-spacing: 0 !important;text-transform: none !important;color: var(--ba-tldr-ink) !important}.ba .ba-main .prose .key-takeaways p{margin: 18px 0 0;font-size: 14px;line-height: 21px;color: var(--ba-ink-3)}.ba .ba-main .prose .key-takeaways p:first-of-type{margin-top: 8.33px}.ba .ba-main .prose .key-takeaways strong{color: var(--ba-ink);font-weight: 450}.ba .ba-rail{display: flex;flex-direction: column;justify-content: space-between;gap: 48px}.ba .ba-share{display: grid;grid-template-columns: repeat(4, 1fr);border: 0.5px solid var(--ba-edge);background: var(--ba-panel)}.ba .ba-share__btn{display: flex;align-items: center;justify-content: center;aspect-ratio: 1 / 1;background: var(--ba-panel);border: 0;border-right: 0.5px solid var(--ba-edge);color: var(--ba-ink-2);cursor: pointer;transition: background-color .15s ease, color .15s ease}.ba .ba-share__btn:last-child{border-right: 0}.ba .ba-share__btn:hover{background: var(--ba-lime);color: #171717}.ba .ba-share__btn svg{display: block;width: 23.16px;height: 23.16px;fill: currentColor}.ba .ba-share__btn .ba-i-tick{display: none}.ba .ba-share__btn.is-copied{background: var(--ba-lime);color: #171717}.ba .ba-share__btn.is-copied .ba-i-cp{display: none}.ba .ba-share__btn.is-copied .ba-i-tick{display: block}.ba .ba-card__media{width: 100%;aspect-ratio: 16 / 9;overflow: hidden;background: var(--ba-card-edge)}.ba .ba-card__media img, .ba .ba-card__media picture{display: block;width: 100%;height: 100%;object-fit: cover}.ba .ba-card__body{display: flex;flex-direction: column;gap: 15.38px;width: 100%}.ba .ba-card__head{display: flex;align-items: flex-start;justify-content: space-between;gap: 12px;min-height: 23.07px}.ba .ba-card__cat{display: inline-flex;align-items: center;padding: 3px 9.87px;background: var(--ba-lime);font-family: var(--font-mono, 'Geist Mono', ui-monospace, monospace);font-size: 8px;line-height: 1.5;letter-spacing: .02em;text-transform: uppercase;color: #171717;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 62%}.ba .ba-card__cat:empty{display: none}.ba .ba-card__date{flex: 0 0 auto;font-family: var(--font-mono, 'Geist Mono', ui-monospace, monospace);font-size: 8px;line-height: 1.5;color: var(--ba-muted)}.ba .ba-card__title{margin: 0;font-family: var(--font-head);font-weight: 400;font-size: 16px;line-height: 1.2;letter-spacing: -0.32px;color: var(--ba-ink-2);text-wrap: balance}.ba .ba-below{display: grid;grid-template-columns: var(--ba-toc-w) minmax(0, 1fr) var(--ba-rail);column-gap: var(--ba-gap);row-gap: 96px;padding-inline: 24px}.ba .ba-below .related-posts, .ba .ba-below .blog-faq{display: grid;grid-column: 1 / -1;grid-template-columns: subgrid;margin: 0;padding: 0;border: 0}.ba .ba-below .related-posts>h3{grid-column: 1;margin: 0;padding: 0;font-family: var(--font-body);font-weight: 400;font-size: 24px;line-height: 39.6px;letter-spacing: 0;color: var(--ba-ink);text-align: left}.ba .ba-below .related-posts>h3::after{content: none}.ba .ba-below .blog-faq>.blog-faq-title{grid-column: 1;margin: 0;padding: 0;font-family: var(--font-body);font-weight: 400;font-size: 24px;line-height: 39.6px;letter-spacing: 0;color: var(--ba-ink);text-align: left}.ba .ba-below .related-grid{grid-column: 2 / -1;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 13px;margin: 0}.ba .ba-related .related-card{position: relative;display: flex;flex-direction: column;gap: 29px;padding: 15.38px;background: var(--ba-card);border: 0.691px solid var(--ba-card-edge);border-radius: 3.947px;text-decoration: none;color: inherit;transition: border-color .18s ease, transform .18s ease}.ba .ba-related .related-card:hover{border-color: var(--ba-ink-2);transform: translateY(-2px)}.ba .ba-related .related-card:focus-visible{outline: 2px solid var(--ba-ink-2);outline-offset: 2px}@media (prefers-reduced-motion: reduce){.ba .ba-related .related-card{transition: none}.ba .ba-related .related-card:hover{transform: none}}.ba .ba-related .ba-card__titlerow{display: flex;align-items: flex-end;justify-content: space-between;gap: 12px}.ba .ba-related .ba-card__read{flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: space-between;gap: 8px;min-width: 38.45px;padding-bottom: 5.13px;border-bottom: 1.282px solid var(--ba-ink-2);font-family: var(--font-mono, 'Geist Mono', ui-monospace, monospace);font-size: 8px;line-height: 1.5;letter-spacing: .04em;text-transform: uppercase;color: var(--ba-ink-2)}.ba .ba-related .ba-card__read svg{display: block;width: 7.69px;height: 7.69px;stroke: currentColor;fill: none}.ba .ba-below .blog-faq{background: none}.ba .ba-below .blog-faq .ba-faq__list{grid-column: 2 / -1;display: flex;flex-direction: column;gap: 32px;padding-block: 8px}.ba .ba-faq .faq-item{margin: 0;padding: 8px 0 10px;overflow: hidden;background: none;border: 0;border-top: 0.75px solid var(--ba-rule);border-radius: 0}.ba .ba-faq .faq-q{display: flex;align-items: flex-start;justify-content: space-between;gap: 24px;width: 100%;margin-top: 10px;padding: 0;background: none;border: 0;font-family: var(--font-body);font-weight: 400;font-size: 18px;line-height: 27px;text-align: left;color: var(--ba-ink);cursor: pointer;transition: color .15s ease}.ba .ba-faq .faq-q:hover{color: var(--ba-ink-3);background: none}.ba .ba-faq .faq-chevron{flex: 0 0 auto;width: 24px;height: 24px;stroke: var(--ba-ink);stroke-width: 1.5;fill: none;transition: transform .25s ease}.ba .ba-faq .faq-item.open .faq-chevron{transform: rotate(180deg)}.ba .ba-faq .faq-a{max-height: 0;overflow: hidden;transition: max-height .3s ease}.ba .ba-faq .faq-item.open .faq-a{max-height: 1200px}.ba .ba-faq .faq-a-inner{padding: 14px 48px 4px 0;font-family: var(--font-body);font-size: 16px;line-height: 24px;color: var(--ba-ink-3)}.ba .ba-final{padding: 0 24px}.ba .ba-final__card{position: relative;overflow: hidden;padding: 100px 40px;border: 1px solid rgba(119, 51, 119, .35);border-radius: 4px;text-align: center;background: radial-gradient(70% 130% at 2% 0%, rgba(242, 255, 112, .95), rgba(242, 255, 112, 0) 42%), radial-gradient(80% 130% at 100% 100%, rgba(242, 255, 112, .7), rgba(242, 255, 112, 0) 46%), #fafafa}.ba .ba-final__card h2{margin: 0 auto;max-width: 810px;font-family: var(--font-head);font-weight: 400;font-size: clamp(30px, 3.6vw, 44px);line-height: 1.1;letter-spacing: -.03em;color: #0a0a0a}.ba .ba-final__card p{margin: 24px auto 0;max-width: 720px;font-size: 18px;line-height: 1.5;color: #171717}.ba .ba-final__card .hero-cta{justify-content: center;margin: 30px 0 0}.ba .ba-final__card .hero-cta--in-hero .btn-outline, html[data-theme="dark"] .ba .ba-final__card .hero-cta--in-hero .btn-outline{background-color: transparent;border-color: #737373}.ba .ba-final__card .hero-cta--in-hero .btn-outline, .ba .ba-final__card .hero-cta--in-hero .btn-outline .btn-cascade__label, html[data-theme="dark"] .ba .ba-final__card .hero-cta--in-hero .btn-outline, html[data-theme="dark"] .ba .ba-final__card .hero-cta--in-hero .btn-outline .btn-cascade__label{color: #171717;-webkit-text-fill-color: #171717}.ba .ba-final__card .hero-cta--in-hero .btn-outline .btn-cascade-fill, html[data-theme="dark"] .ba .ba-final__card .hero-cta--in-hero .btn-outline .btn-cascade-fill{background: #d4d4d4}@media (max-width: 1199px){.ba .ba-shell{gap: 72px}.ba .ba-hero{margin-bottom: 64px}.ba .article-layout.ba-row, .ba .ba-below{grid-template-columns: var(--ba-toc-w) minmax(0, 1fr);column-gap: 40px}.ba .article-main.ba-main{max-width: none}.ba .ba-rail{grid-column: 1 / -1;flex-direction: row;flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;gap: 24px;margin: 48px 0 0;padding: 0;border-inline: 0}.ba .ba-rail .ba-share{flex: 1 1 220px;max-width: 305px}.ba .ba-rail .ba-share:last-child{display: none}.ba .ba-below .related-grid, .ba .ba-below .blog-faq .ba-faq__list{grid-column: 2 / -1}}@media (max-width: 900px){.ba .ba-hero{grid-template-columns: minmax(0, 1fr);min-height: 0}.ba .ba-hero{margin-bottom: 40px}.ba .ba-hero__text{max-width: none;order: 1;gap: 24px}.ba .ba-hero__art{order: 2;aspect-ratio: 16 / 9}.ba .ba-hero__meta{max-width: none}.ba .article-layout.ba-row, .ba .ba-below{grid-template-columns: minmax(0, 1fr);row-gap: 64px}.ba .ba-below .related-posts, .ba .ba-below .blog-faq{row-gap: 20px}.ba .ba-shell{gap: 56px;padding-block: 28px}.ba .article-layout.ba-row{padding: 0 0 24px}.ba .ba-below{padding-inline: 0}.ba .ba-final{padding: 0}.ba .article-sidebar.ba-toc, .ba .article-main.ba-main, .ba .ba-rail{grid-column: 1 / -1}.ba .article-sidebar.ba-toc{position: static;top: auto}.ba .ba-toc .sidebar-toc{max-height: 40vh;overflow-y: auto}.ba .ba-below .related-posts>h3, .ba .ba-below .blog-faq>.blog-faq-title, .ba .ba-below .related-grid, .ba .ba-below .blog-faq .ba-faq__list{grid-column: 1 / -1}.ba .ba-below .related-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}.ba .ba-below .related-posts>h3{font-size: 22px;line-height: 30px}.ba .ba-below .blog-faq>.blog-faq-title{font-size: 22px;line-height: 30px}.ba .ba-main .prose h2{font-size: 26px;line-height: 32px;margin-top: 36px}.ba .ba-final__card{padding: 64px 18px 72px}}@media (max-width: 620px){.ba .ba-below .related-grid{grid-template-columns: minmax(0, 1fr)}.ba .ba-hero__text{padding: 20px 16px}.ba .ba-hero__meta{flex-wrap: wrap;gap: 12px}}