:root{--ba-ink:#161914;--ba-paper:#f5f2eb;--ba-surface:#fff;--ba-blue:#3457f1;--ba-lime:#d7f75b;--ba-muted:#656b63;--ba-line:color-mix(in srgb,currentColor 17%,transparent)}
.ba-page{background:var(--ba-paper);color:var(--ba-ink);overflow-x:clip}.ba-wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}.ba-kicker,.ba-section-label{font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.ba-progress{height:3px;position:sticky;top:0;z-index:30;background:transparent}.ba-progress span{display:block;height:100%;width:0;background:var(--ba-blue)}
.ba-hero{height:auto;padding:72px 0 64px;display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center}.ba-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;font-size:.72rem;color:var(--ba-muted);margin-bottom:44px}.ba-hero h1{font-size:clamp(2.6rem,4.4vw,4.15rem);line-height:1.03;letter-spacing:-.055em;margin:16px 0 22px}.ba-deck{font-size:1.1rem;color:var(--ba-muted);max-width:620px}.ba-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.ba-meta span{font-size:.68rem;padding:8px 10px;border:1px solid var(--ba-line);border-radius:999px}.ba-hero-image{margin:0;height:560px;position:relative;border-radius:10px;overflow:hidden;background:#0752b6}.ba-hero-image img{width:100%;height:100%;object-fit:contain}.ba-hero-image figcaption{position:absolute;left:16px;bottom:16px;background:rgba(15,20,29,.83);color:#fff;border-radius:6px;padding:9px 11px;font-size:.62rem;letter-spacing:.12em}
.ba-body-wrap{display:grid;grid-template-columns:180px minmax(0,680px) 250px;gap:5vw;align-items:start;padding:68px 0 110px;border-top:1px solid var(--ba-line)}.ba-toc,.ba-discovery{position:sticky;top:26px}.ba-toc{display:flex;flex-direction:column;gap:4px}.ba-toc>.ba-kicker{margin-bottom:14px}.ba-toc>button{appearance:none;border:0;background:transparent;color:var(--ba-muted);font:inherit;text-align:left;cursor:pointer;display:grid;grid-template-columns:25px 1fr;gap:8px;padding:10px 0;font-size:.78rem;transition:color .2s ease,transform .2s ease}.ba-toc>button:hover,.ba-toc>button:focus-visible,.ba-toc>button.is-active{color:var(--ba-ink)}.ba-toc>button.is-active{font-weight:700;transform:translateX(4px)}.ba-toc>button span{font-size:.65rem;color:var(--ba-blue)}.ba-share{margin-top:26px;padding:17px;background:var(--ba-blue);color:#fff;border-radius:8px}.ba-share small{font-size:.58rem;letter-spacing:.12em}.ba-share button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;display:block;margin-top:8px;padding:0;cursor:pointer;font-size:.78rem}.ba-article-body{font-size:1rem}.ba-lead{font-size:1.32rem!important;line-height:1.65!important;color:var(--ba-ink)!important;margin:0}.ba-article-body section{padding-top:72px;scroll-margin-top:24px}.ba-article-body h2{font-size:clamp(2rem,3.2vw,3rem);line-height:1.08;letter-spacing:-.048em;margin:14px 0 24px}.ba-article-body p{line-height:1.85;color:var(--ba-muted)}.ba-callout{background:var(--ba-blue);color:#fff;border-radius:9px;padding:30px;margin-top:32px}.ba-callout span{font-size:.62rem;letter-spacing:.13em}.ba-callout strong{display:block;font-size:1.35rem;line-height:1.45;font-weight:500;margin-top:12px}.ba-wide-image{margin:68px 0 0}.ba-wide-image img{width:100%;max-height:530px;object-fit:cover;border-radius:10px}.ba-wide-image figcaption{font-size:.68rem;color:var(--ba-muted);line-height:1.55;margin-top:10px}.ba-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:32px}.ba-compare>div{padding:22px;border:1px solid var(--ba-line);border-radius:9px}.ba-compare>div:last-child{background:var(--ba-lime);color:#141713;border:0}.ba-compare span{display:block;font-size:.6rem;letter-spacing:.12em;margin-bottom:10px}.ba-compare strong{font-size:.95rem;line-height:1.5}.ba-checks{list-style:none;padding:0;margin:30px 0 0;counter-reset:check}.ba-checks li{counter-increment:check;display:grid;grid-template-columns:45px 1fr;padding:20px 0;border-top:1px solid var(--ba-line)}.ba-checks li:before{content:counter(check,decimal-leading-zero);font-size:.7rem;color:var(--ba-blue)}.ba-checks strong{font-size:1rem}.ba-checks p{margin:5px 0 0;font-size:.9rem}.ba-note{display:grid;grid-template-columns:100px 1fr;gap:22px;padding:24px;background:color-mix(in srgb,var(--ba-lime) 45%,var(--ba-paper));border-radius:9px;margin-top:28px}.ba-note p{margin:0}.ba-cta{display:grid;grid-template-columns:1fr auto;gap:26px;align-items:end;background:#151a16;color:#fff;border-radius:10px;padding:30px;margin-top:34px}.ba-cta span{font-size:.6rem;letter-spacing:.13em}.ba-cta h3{font-size:1.65rem;margin:10px 0}.ba-cta p{margin:0;color:#c9cec9}.ba-cta>a{min-height:48px;padding:0 18px;border-radius:8px;background:var(--ba-lime);color:#111;display:flex;align-items:center;gap:24px;font-size:.82rem;font-weight:700}
.ba-discovery{display:flex;flex-direction:column;gap:14px}.ba-discovery>section{padding:18px;border:1px solid var(--ba-line);border-radius:9px;background:var(--ba-surface)}.ba-discovery .ba-kicker{margin:0 0 14px}.ba-discovery section>a:first-of-type img{width:100%;height:130px;object-fit:cover;border-radius:6px;margin-bottom:12px}.ba-discovery section>a:first-of-type strong{display:block;font-size:.92rem;line-height:1.45}.ba-discovery section>a:first-of-type>span{display:block;font-size:.68rem;color:var(--ba-muted);margin-top:9px}.ba-side-link{display:block;padding:13px 0;border-top:1px solid var(--ba-line)}.ba-side-link>span{font-size:.58rem;color:var(--ba-blue);letter-spacing:.09em}.ba-side-link strong{display:block;font-size:.82rem;line-height:1.45;margin-top:5px}
.ba-more{padding:100px 0;background:#151a16;color:#fff}.ba-more-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.ba-more-head h2{font-size:clamp(2.2rem,4vw,3.8rem);letter-spacing:-.05em;margin:10px 0 0}.ba-more-head>a{font-size:.78rem}.ba-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ba-more-grid>a{border-top:1px solid rgba(255,255,255,.3);padding-top:16px}.ba-more-grid img{width:100%;height:230px;object-fit:cover;border-radius:8px;margin-bottom:16px}.ba-more-grid span{font-size:.6rem;letter-spacing:.11em;color:#b9c2ba}.ba-more-grid h3{font-size:1.2rem;margin:8px 0 0}
@media(min-width:1051px){.ba-toc,.ba-discovery{top:110px}.ba-article-body section{scroll-margin-top:110px}}
@media(max-width:1050px){.ba-body-wrap{grid-template-columns:150px minmax(0,1fr)}.ba-discovery{grid-column:2;position:static;display:grid;grid-template-columns:repeat(3,1fr)}.ba-discovery>section{min-width:0}}
@media(max-width:760px){.ba-wrap{width:min(100% - 28px,1200px)}.ba-hero{grid-template-columns:1fr;padding:46px 0}.ba-breadcrumb{margin-bottom:30px}.ba-hero h1{font-size:clamp(2.25rem,10vw,3.15rem)}.ba-hero-image{height:390px;order:-1}.ba-body-wrap{grid-template-columns:1fr;padding-top:45px}.ba-toc{position:static;display:grid;grid-template-columns:1fr 1fr;padding:18px;border:1px solid var(--ba-line);border-radius:9px}.ba-toc>.ba-kicker,.ba-share{grid-column:1/-1}.ba-discovery{grid-column:1;grid-template-columns:1fr}.ba-article-body section{padding-top:55px}.ba-more-grid{grid-template-columns:1fr}.ba-more-grid img{height:300px}.ba-more-head{align-items:start;flex-direction:column}.ba-cta{grid-template-columns:1fr}.ba-cta>a{justify-content:space-between}.ba-compare{grid-template-columns:1fr}}
@media(max-width:480px){.ba-hero-image{height:320px}.ba-meta span{font-size:.62rem}.ba-toc{grid-template-columns:1fr}.ba-toc>.ba-kicker,.ba-share{grid-column:auto}.ba-note{grid-template-columns:1fr}.ba-callout,.ba-cta{padding:22px}.ba-more-grid img{height:250px}}
.ba-more-grid>a{min-height:150px;padding:22px;border:1px solid rgba(255,255,255,.22);border-radius:8px}.ba-workflow-image{margin-top:34px}
.ba-hero-image img.ba-concept-image{object-fit:cover}
.ba-hero-image{background:transparent}.ba-hero-image img{object-fit:cover;object-position:center}
@media(prefers-color-scheme:dark){.ba-page{--ba-paper:#111410;--ba-surface:#191d18;--ba-ink:#f5f2eb;--ba-muted:#b7bdb4}.ba-note{background:#26301f}}

/* Reusable long-form article content */
.ba-article-body>p:first-child{font-size:1.22rem;line-height:1.7;color:var(--ba-ink)}
.ba-article-body h3{font-size:1.35rem;line-height:1.3;margin:30px 0 12px}
.ba-article-body ul,.ba-article-body ol{padding-left:1.25rem;color:var(--ba-muted);line-height:1.8}
.ba-article-body li+li{margin-top:8px}
.ba-article-body .content-visual{margin:42px 0}
.ba-article-body .content-visual img{width:100%;max-height:480px;object-fit:cover;border-radius:10px}
.ba-article-body .content-visual figcaption{font-size:.68rem;color:var(--ba-muted);margin-top:9px}