.blog-article-page .ba-body{letter-spacing:-.1px;color:var(--color-text-default);overflow-wrap:anywhere;word-break:keep-all;padding-top:36px;font-size:17px;line-height:27px}.blog-article-page .ba-body>*{margin:0 0 32px}.blog-article-page .ba-body p:empty{display:none}.blog-article-page .ba-body h2,.blog-article-page .ba-body h3,.blog-article-page .ba-body h4{color:var(--color-text-strong);letter-spacing:-.03em;scroll-margin-top:112px;font-weight:700;line-height:1.5}.blog-article-page .ba-body h2{margin:52px 0 18px;font-size:28px}.blog-article-page .ba-body h3{margin:36px 0 14px;font-size:22px}.blog-article-page .ba-body h4{margin:28px 0 12px;font-size:19px}.blog-article-page .ba-body ul{padding-left:24px;list-style:outside}.blog-article-page .ba-body ol{padding-left:24px;list-style:decimal}.blog-article-page .ba-body li{margin:12px 0}.blog-article-page .ba-body li>p{margin:0}.blog-article-page .ba-body img{border-radius:10px;max-width:100%;height:auto}.blog-article-page .ba-body figure{margin-inline:0}.blog-article-page .ba-body figcaption{color:var(--color-text-subtle);font-size:13px}.blog-article-page .ba-body blockquote{border-left:3px solid var(--color-brand-solid);background:var(--color-bg-subtle);margin:32px 0;padding:16px 24px}.blog-article-page .ba-body table{border-collapse:collapse;max-width:100%;font-size:14px;display:block;overflow-x:auto}.blog-article-page .ba-body th,.blog-article-page .ba-body td{border:1px solid var(--color-border-default);padding:12px}.blog-article-page .ba-body th{background:var(--color-bg-subtle)}.blog-article-page .ba-body pre{background:var(--color-bg-subtle);padding:20px;overflow-x:auto}.blog-article-page .ba-body code{background:var(--color-bg-subtle);font-size:.9em}.blog-article-page .ba-body hr{border-color:var(--color-border-subtle);margin:40px 0}.blog-article-page .ba-body a,.blog-article-page .ba-summary a{color:var(--color-brand-solid);text-decoration:underline}
.blog-article-page .ba-signup-banner{background:var(--color-brand-subtle);text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 80px);max-width:1240px;min-height:316px;margin:80px auto 0;padding:56px 32px;display:flex}.blog-article-page .ba-signup-banner>p{color:var(--color-brand-text);margin:0 0 22px;font-size:18px;font-weight:650;line-height:1.5}.blog-article-page .ba-signup-banner h2{letter-spacing:-.04em;color:var(--color-text-strong);word-break:keep-all;margin:0 0 26px;font-size:36px;font-weight:750;line-height:1.4}.blog-article-page .ba-signup-banner form{border:2px solid var(--color-brand-solid);background:var(--color-bg-base);border-radius:12px;width:500px;max-width:100%;min-height:60px;display:flex}.blog-article-page .ba-signup-banner form>div{border:0;border-radius:10px 0 0 10px;flex:1;min-width:0;height:auto;padding:0 18px}.blog-article-page .ba-signup-banner input[type=email]{width:100%;min-width:0;height:56px;color:var(--color-text-default);font-size:16px}.blog-article-page .ba-signup-banner input::placeholder{color:var(--color-text-subtle)}.blog-article-page .ba-signup-banner button{border-radius:0 9px 9px 0;align-self:stretch;gap:6px;height:auto;padding:0 20px;font-size:16px}.blog-article-page .ba-signup-banner form:focus-within{outline:2px solid var(--color-border-focus);outline-offset:4px}@media (max-width:600px){.blog-article-page .ba-signup-banner{border-radius:20px;width:calc(100% - 40px);min-height:300px;margin-top:56px;padding:40px 20px}.blog-article-page .ba-signup-banner>p{margin-bottom:16px;font-size:15px}.blog-article-page .ba-signup-banner h2{margin-bottom:24px;font-size:27px}.blog-article-page .ba-signup-banner form{flex-direction:column}.blog-article-page .ba-signup-banner form>div{border-radius:10px 10px 0 0}.blog-article-page .ba-signup-banner button{border-radius:0 0 9px 9px;min-height:52px}}
.blog-article-page{background:var(--color-bg-base);color:var(--color-text-default);padding:140px 0 96px}.blog-article-page .ba-layout{grid-template-columns:156px minmax(0,1fr) 112px;align-items:start;gap:36px;width:calc(100% - 80px);max-width:1040px;margin:0 auto;display:grid}.blog-article-page .ba-sidebar,.blog-article-page .ba-share{position:sticky;top:112px}.blog-article-page .ba-blog-title{color:var(--color-text-strong);margin:12px 0 30px;font-size:28px;font-weight:750;display:inline-block}.blog-article-page .ba-sidebar nav{gap:4px;display:grid}.blog-article-page .ba-sidebar nav a{border-radius:8px;padding:12px 10px;font-size:15px}.blog-article-page .ba-sidebar nav a:hover{background:var(--color-bg-subtle)}.blog-article-page .ba-sidebar nav a[aria-current=page]{background:var(--color-brand-subtle);color:var(--color-brand-solid);font-weight:650}.blog-article-page a:focus-visible,.blog-article-page button:focus-visible{outline:2px solid var(--color-brand-solid);outline-offset:4px}.blog-article-page .ba-article{min-width:0}.blog-article-page .ba-cover{margin:0 0 30px}.blog-article-page .ba-cover-media{aspect-ratio:1.91;background:var(--color-bg-subtle);border-radius:16px;overflow:hidden}.blog-article-page .ba-cover-media>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.blog-article-page .ba-cover figcaption{color:var(--color-text-subtle);margin-top:10px;font-size:13px;line-height:1.6}.blog-article-page .ba-cover-fallback{background:var(--color-brand-subtle);height:100%;color:var(--color-brand-solid);flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;padding:36px;display:flex;position:relative}.blog-article-page .ba-cover-fallback>span:first-child{letter-spacing:.1em;font-size:12px;font-weight:650}.blog-article-page .ba-cover-fallback>strong{-webkit-line-clamp:2;letter-spacing:-.04em;word-break:keep-all;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:18ch;font-size:clamp(24px,3vw,40px);line-height:1.4;display:-webkit-box;overflow:hidden}.blog-article-page .ba-cover-fallback>span:last-child{opacity:.16;pointer-events:none;position:absolute;bottom:24px;right:24px}.blog-article-page .ba-header h1{letter-spacing:-.045em;word-break:keep-all;overflow-wrap:anywhere;color:var(--color-text-strong);font-size:clamp(34px,4vw,48px);font-weight:750;line-height:1.32}.blog-article-page .ba-summary{color:var(--color-text-subtle);word-break:keep-all;overflow-wrap:anywhere;margin-top:20px;font-size:20px;line-height:1.75}.blog-article-page .ba-author{align-items:center;gap:12px;margin-top:32px;font-size:16px;display:flex}.blog-article-page .ba-author-avatar{background:var(--color-brand-subtle);width:42px;height:42px;color:var(--color-brand-solid);border-radius:50%;flex-shrink:0;place-items:center;font-weight:750;display:grid}.blog-article-page .ba-author time{color:var(--color-text-subtle);margin-top:4px;font-size:14px;display:block}.blog-article-page .ba-tags{flex-wrap:wrap;gap:8px;margin:24px 0 30px;display:flex}.blog-article-page .ba-tags>*{background:var(--color-bg-subtle);color:var(--color-text-subtle);overflow-wrap:anywhere;border-radius:8px;padding:8px 12px;font-size:13px}.blog-article-page .ba-header{border-bottom:1px solid var(--color-border-subtle)}.blog-article-page .ba-share>span{color:var(--color-text-subtle);margin:12px 0;font-size:14px;font-weight:600;display:block}.blog-article-page .ba-footer{margin-top:64px}.blog-article-page .ba-back{margin-top:28px;font-size:14px;display:inline-block}@media (max-width:1150px){.blog-article-page .ba-layout{grid-template-columns:140px minmax(0,1fr);gap:32px}.blog-article-page .ba-share{grid-area:2/2;position:static}}@media (max-width:800px){.blog-article-page{padding:100px 0 64px}.blog-article-page .ba-layout{grid-template-columns:minmax(0,1fr);gap:28px;width:calc(100% - 40px)}.blog-article-page .ba-sidebar{min-width:0;position:static}.blog-article-page .ba-blog-title{margin:0 0 16px;font-size:24px}.blog-article-page .ba-sidebar nav{padding:4px 4px 8px;display:flex;overflow-x:auto}.blog-article-page .ba-sidebar nav a{white-space:nowrap;padding:10px 12px}.blog-article-page .ba-share{grid-area:auto/1}.blog-article-page .ba-cover{margin-bottom:24px}.blog-article-page .ba-header h1{font-size:30px}.blog-article-page .ba-summary{font-size:17px}.blog-article-page .ba-body{font-size:16px}.blog-article-page .ba-body h2{font-size:24px}.blog-article-page .ba-cover-fallback{gap:8px;min-height:0;padding:20px}.blog-article-page .ba-cover-fallback>strong{font-size:23px}}@container blog-preview (max-width:800px){.blog-article-page .ba-cover{margin-bottom:24px}.blog-article-page .ba-header h1{font-size:30px}.blog-article-page .ba-summary{font-size:17px}.blog-article-page .ba-body{font-size:16px}.blog-article-page .ba-body h2{font-size:24px}.blog-article-page .ba-cover-fallback{gap:8px;min-height:0;padding:20px}.blog-article-page .ba-cover-fallback>strong{font-size:23px}}