.blog-article,.blog-index{--blog-heading:#142b4b;--blog-accent:#3730a3;--blog-body:#37465c}.blog-article .hp-display,.blog-index .hp-display{color:var(--blog-heading)}.blog-index .hp-display span{color:var(--blog-accent)}.blog-index .hp-hero{padding-bottom:clamp(2.5rem,5vw,4rem)}.blog-index .hp-lede{max-width:65ch;color:var(--blog-body)}.blog-cover{margin:0;overflow:hidden}.blog-cover img{display:block;width:100%;height:auto;background:#eef2f8}.blog-cover-article{max-width:1120px;margin:0 auto;border:1px solid #e1e6f0;border-radius:20px;background:#f6f8fc}.blog-cover-article img{max-height:680px;object-fit:contain}.blog-cover-article figcaption{padding:.8rem 1.25rem;color:#52617a;font-size:.875rem;line-height:1.6;border-top:1px solid #e1e6f0}.blog-card-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.75rem;margin:2rem 0 0;padding:0;list-style:none}.blog-card-grid>li{display:flex;min-width:0}.blog-card{width:100%;overflow:hidden;border:1px solid #dce3ef;border-radius:18px;background:#fff;box-shadow:0 3px 8px #142b4b05}.blog-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.blog-card-link:focus-visible{outline:3px solid #4338ca;outline-offset:-3px}.blog-cover-card{aspect-ratio:3/2;border-bottom:1px solid #e1e6f0}.blog-cover-card img{width:100%;height:100%;object-fit:cover}.blog-card-copy{display:flex;flex-direction:column;flex:1;padding:1.5rem}.blog-card-meta{display:flex;flex-wrap:wrap;gap:.4rem .8rem;margin:0;color:#52617a;font-size:.8125rem;line-height:1.65}.blog-card-meta>:first-child{width:100%;color:#3730a3;font-weight:650}.blog-card h3{margin:.85rem 0 0;color:#142b4b;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.3;letter-spacing:-.02em;text-wrap:balance}.blog-card-excerpt{margin:.9rem 0 1.5rem;color:#46556b;font-size:1rem;line-height:1.7}.blog-card-cta{align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;font-size:.9375rem}.blog-card-cta,.blog-card-placeholder{display:flex;color:#3730a3;font-weight:650}.blog-card-placeholder{flex-direction:column;justify-content:center;gap:1.25rem;aspect-ratio:3/2;padding:2rem;background:linear-gradient(135deg,#eef2ff,#f6f8fc);border-bottom:1px solid #e1e6f0;font-size:1.25rem}.blog-card-placeholder-lines{width:72%;height:3.25rem;border-top:8px solid #c6d2ec;border-bottom:8px solid #d5ddf0}@media (min-width:720px){.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.blog-card{transition:transform .16s ease,box-shadow .16s ease}.blog-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px -20px #142b4b55}}@media (min-width:1180px){.blog-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:719px){.blog-cover-article{border-radius:12px}.blog-card-copy{padding:1.25rem}}.blog-article{--hue:250;--ba-ink:#142b4b;--ba-body:#37465c;--ba-muted:#5a6880;--ba-spectrum:linear-gradient(100deg,oklch(0.58 0.19 255),oklch(0.56 0.22 300),oklch(0.6 0.22 345),oklch(0.68 0.18 35))}.blog-article :focus-visible{outline:3px solid oklch(.55 .2 var(--hue));outline-offset:3px}.ba-progress{position:fixed;inset:0 0 auto;z-index:70;height:3px;pointer-events:none}.ba-progress-bar{height:100%;background:var(--ba-spectrum);transform:scaleX(0);transform-origin:0 50%}.ba-hero{overflow:hidden;padding:clamp(6.5rem,10vw,8.5rem) 0 clamp(7rem,12vw,10rem);background:radial-gradient(60rem 26rem at 8% 0,oklch(.93 .05 255/.9),transparent 70%),radial-gradient(44rem 24rem at 92% 12%,oklch(.94 .05 20/.85),transparent 70%),radial-gradient(40rem 22rem at 55% 100%,oklch(.94 .045 320/.7),transparent 70%),#fbfcff}.ba-hero,.ba-hero-inner{position:relative}.ba-hero .ct-crumbs{margin-bottom:clamp(1.75rem,4vw,2.75rem)}.ba-category{display:inline-flex;align-items:center;gap:.55rem;margin:0;border:1px solid oklch(.86 .06 290);border-radius:999px;background:rgb(255 255 255/75%);padding:.35rem .9rem .35rem .6rem;color:oklch(.42 .18 285);font-size:.9rem;font-weight:650}.ba-category:before{width:.75rem;height:.75rem;border-radius:50%;background:var(--ba-spectrum);content:""}.ba-title{max-width:21ch;margin:1.1rem 0 0;color:var(--ba-ink);font-size:clamp(2.3rem,5.4vw,4.25rem);font-weight:700;line-height:1.04;letter-spacing:-.03em;text-wrap:balance}.ba-lede{max-width:60ch;margin:1.4rem 0 0;color:var(--ba-body);font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.6;text-wrap:pretty}.ba-meta{flex-wrap:wrap;gap:1rem 0;margin:2.25rem 0 0;color:var(--ba-muted);font-size:.9rem;line-height:1.35}.ba-meta,.ba-meta-by{display:flex;align-items:center}.ba-meta-by{gap:.7rem;margin-right:1.5rem;color:var(--ba-ink);font-weight:600}.ba-meta-by a{color:inherit;text-decoration:underline;text-decoration-color:oklch(.75 .1 290);text-underline-offset:3px}.ba-meta-mark,.blog-article .ct-author-mark{display:grid;flex:none;place-items:center;width:2.4rem;height:2.4rem;border-radius:12px;background:linear-gradient(135deg,oklch(.55 .2 260),oklch(.56 .23 320),oklch(.66 .19 30));color:#fff;font-weight:700}.ba-meta-item{display:grid;gap:.15rem;border-left:1px solid oklch(.86 .03 280);padding:0 1.25rem;color:var(--ba-ink);font-weight:600}.ba-meta-item>span:first-child{color:var(--ba-muted);font-size:.8rem;font-weight:500}.ba-cover{position:relative;z-index:1;margin-top:clamp(-8rem,-10vw,-5.5rem)}.ba-cover>figure{max-width:1120px;margin-inline:auto;overflow:hidden;border:4px solid transparent;border-radius:26px;background:linear-gradient(#fff,#fff) padding-box,var(--ba-spectrum) border-box;box-shadow:0 40px 90px -45px oklch(.45 .2 300/.55)}.ba-cover .blog-cover-article img{border-radius:0;background:#f3f5fb}.ba-cover .blog-cover-article figcaption{border-top:1px solid #eef0f6}.ba-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;margin-top:clamp(2.5rem,5vw,4.5rem);padding-bottom:clamp(3.5rem,7vw,6rem)}.ba-layout>.ba-body,.ba-toc{width:100%;max-width:46rem;margin-inline:auto}.ba-toc{border:1px solid #e1e6f2;border-radius:18px;background:#f8f9fe}.ba-toc summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;color:var(--ba-ink);font-weight:650;cursor:pointer;list-style:none}.ba-toc summary::-webkit-details-marker{display:none}.ba-toc summary:after{width:.55rem;height:.55rem;border-right:2px solid;border-bottom:2px solid;content:"";transform:translateY(-25%) rotate(45deg);transition:transform .16s ease}.ba-toc[open] summary:after{transform:translateY(25%) rotate(-135deg)}.ba-toc nav{padding:0 .7rem .4rem}.ba-toc ol{display:grid;gap:.1rem;margin:0;padding:0;list-style:none}.ba-toc a{display:flex;gap:.7rem;border-radius:10px;padding:.42rem .55rem;color:#46556b;font-size:.92rem;line-height:1.38;text-decoration:none}.ba-toc a:before{flex:none;width:.6rem;height:.6rem;margin-top:.36em;border-radius:50%;background:oklch(.62 .18 var(--hue));box-shadow:0 0 0 3px oklch(.93 .04 var(--hue));content:""}.ba-toc a:hover{background:#fff;color:var(--ba-ink)}.ba-toc a[aria-current]{background:oklch(.955 .03 var(--hue));color:oklch(.4 .17 var(--hue));font-weight:650}.ba-toc-sub a{padding-left:1.85rem;font-size:.85rem}.ba-toc-sub a:before{width:.35rem;height:.35rem;margin-top:.5em;background:#b6c0d6;box-shadow:none}.ba-toc-note{margin:0;border-top:1px solid #e5e9f3;padding:.9rem 1.2rem 1.1rem;color:var(--ba-muted);font-size:.8rem;line-height:1.55}.ba-toc-note a{color:oklch(.45 .18 285)}@media (min-width:1180px){.ba-layout{grid-template-columns:17rem minmax(0,46rem);justify-content:center;gap:clamp(3.5rem,5vw,5.5rem)}.ba-layout-single{grid-template-columns:minmax(0,46rem)}.ba-toc{position:sticky;top:8rem;align-self:start;max-height:calc(100vh - 9.5rem);overflow-y:auto;border:0;background:none;scrollbar-width:thin}.ba-toc summary{padding:0 .55rem .8rem;color:var(--ba-muted);font-size:.85rem;pointer-events:none}.ba-toc summary:after{display:none}.ba-toc nav{padding:0}.ba-toc-note{margin-top:1rem;padding-inline:.55rem}}.blog-article .ba-body{color:var(--ba-body);font-size:1.125rem;line-height:1.78}.blog-article .ba-body h2{position:relative;margin-top:clamp(3.5rem,6vw,4.75rem);padding-top:1.5rem;color:var(--ba-ink);font-size:clamp(1.65rem,2.8vw,2.2rem);font-weight:700;line-height:1.15;letter-spacing:-.028em;text-wrap:balance}.blog-article .ba-body h2:before{position:absolute;top:0;left:0;width:3.5rem;height:6px;border-radius:6px;background:linear-gradient(90deg,oklch(.58 .2 var(--hue)),oklch(.72 .15 calc(var(--hue) + 35)));content:""}.blog-article .ba-body>.ba-chapter:first-child>h2:first-child,.blog-article .ba-body>.ba-intro:first-child>:first-child{margin-top:0}.blog-article .ba-body h3{margin-top:2.5rem;color:oklch(.4 .16 var(--hue));font-size:1.3rem;font-weight:650}.blog-article .ba-body h4{color:var(--ba-ink)}.blog-article .ba-body p{margin-top:1.2rem}.blog-article .ba-body strong{color:var(--ba-ink)}.blog-article .ba-body a{color:oklch(.44 .18 var(--hue));font-weight:550;text-decoration-color:oklch(.82 .08 var(--hue));text-decoration-thickness:2px}.blog-article .ba-body a:hover{text-decoration-color:currentColor}.blog-article .ba-body li::marker{color:oklch(.6 .18 var(--hue));font-weight:700}.blog-article .ba-body ul{list-style:disc}.blog-article .ba-body ol{list-style:decimal}.blog-article .ba-body li{margin-top:.55rem;padding-left:.35rem}.blog-article .ba-body blockquote{margin-top:1.75rem;border-left:4px solid oklch(.62 .18 var(--hue));border-radius:0 16px 16px 0;background:oklch(.975 .016 var(--hue));padding:1.1rem 1.4rem;color:var(--ba-ink)}.blog-article .ba-body blockquote>:first-child{margin-top:0}.blog-article .ba-body img{display:block;height:auto;margin-top:1.9rem;border:1px solid oklch(.91 .025 var(--hue));border-radius:18px;box-shadow:0 24px 50px -32px oklch(.4 .12 var(--hue)/.45)}.blog-article .ba-body code{border-color:oklch(.9 .04 var(--hue));background:oklch(.965 .02 var(--hue));color:oklch(.38 .15 var(--hue))}.blog-article .ba-body pre{margin-top:1.75rem;border:1px solid oklch(.9 .035 var(--hue));border-left:4px solid oklch(.62 .17 var(--hue));border-radius:16px;background:oklch(.977 .012 var(--hue));padding:1.1rem 1.3rem 1.25rem;color:#1e293b;font-family:var(--font-brand-mono,ui-monospace),Consolas,monospace;font-size:.9rem;line-height:1.7}.blog-article .ba-body pre code{border:0;background:none;padding:0;color:inherit;font-family:inherit}.blog-article .ba-body pre code[data-language]:not([data-language=""]):before{display:block;margin-bottom:.55rem;color:oklch(.45 .17 var(--hue));font-family:var(--font-brand-sans,system-ui),sans-serif;font-size:.78rem;font-weight:650;content:attr(data-language)}.blog-article .ba-body hr{width:5rem;height:5px;margin:3rem 0;border:0;border-radius:5px;background:var(--ba-spectrum)}.blog-article .ba-body table{width:max-content;max-width:100%;margin-top:1.75rem;border:1px solid oklch(.9 .03 var(--hue));border-radius:16px;border-collapse:separate;border-spacing:0;font-size:.95rem}.blog-article .ba-body td,.blog-article .ba-body th{border:0!important;border-bottom:1px solid oklch(.92 .02 var(--hue))!important;padding:.75rem 1rem!important}.blog-article .ba-body :is(td,th)>:first-child{margin-top:0}.blog-article .ba-body tr:last-child>td{border-bottom:0!important}.blog-article .ba-body th,.blog-article .ba-body thead td{background:oklch(.96 .03 var(--hue));color:var(--ba-ink);font-weight:650}.blog-article .ba-body tbody tr:nth-child(2n) td{background:oklch(.985 .008 var(--hue))}.blog-article .video-embed{margin:2.25rem 0 0;border:4px solid transparent;border-radius:22px;background:linear-gradient(#fff,#fff) padding-box,var(--ba-spectrum) border-box;box-shadow:0 30px 70px -40px oklch(.45 .2 320/.6)}.blog-article .video-embed-frame{border-radius:18px 18px 0 0;overflow:hidden}.blog-article .video-embed figcaption{position:relative;border:0;padding:.95rem 1.15rem .95rem 3.6rem;color:var(--ba-ink);font-size:.95rem;font-weight:600}.blog-article .video-embed figcaption:before{flex:none;width:1.75rem;height:1.25rem;border-radius:.4rem;position:absolute;top:1.1rem;left:1.15rem;background:#e0262f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3 2l5 3-5 3z' fill='%23fff'/%3E%3C/svg%3E") 50% /55% no-repeat;content:""}.blog-article .ba-faq,.blog-article .ba-sources{margin-top:clamp(3.5rem,6vw,4.75rem)}.blog-article .ba-sources{--hue:280}.blog-article .ba-faq{--hue:330}.blog-article .ba-sources ol{display:grid;gap:.9rem;margin-top:1.4rem;padding:0;list-style:none;counter-reset:source}.blog-article .ba-sources li{position:relative;min-height:2.1rem;margin:0;padding:.2rem 0 0 3rem;font-size:1rem;line-height:1.55;counter-increment:source}.blog-article .ba-sources li:before{position:absolute;top:0;left:0;display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:oklch(.95 .035 var(--hue));color:oklch(.42 .17 var(--hue));font-size:.85rem;font-weight:700;content:counter(source)}.blog-article .ba-sources li>span{color:var(--ba-muted)}.blog-article .ba-faq .hp-faq{margin-top:1.4rem;border-top:0}.blog-article .ba-faq details{--hue:255;margin-top:.75rem;border:1px solid oklch(.91 .03 var(--hue));border-radius:16px;background:#fff;padding-inline:1.25rem;transition:background-color .16s ease}.blog-article .ba-faq details:nth-child(5n+2){--hue:290}.blog-article .ba-faq details:nth-child(5n+3){--hue:325}.blog-article .ba-faq details:nth-child(5n+4){--hue:0}.blog-article .ba-faq details:nth-child(5n+5){--hue:35}.blog-article .ba-faq details[open]{background:oklch(.98 .012 var(--hue))}.blog-article .ba-faq summary{padding-block:1rem;color:var(--ba-ink);font-size:1.05rem}.blog-article .ba-faq .hp-faq-icon{width:2rem;height:2rem;border-radius:50%;background:oklch(.94 .045 var(--hue))}.blog-article .ba-faq .hp-faq-icon:after,.blog-article .ba-faq .hp-faq-icon:before{left:30%;width:40%;height:2px;margin-top:-1px;background:oklch(.45 .18 var(--hue))}.blog-article .ba-faq details p{margin:0;padding-bottom:1.2rem;color:var(--ba-body);font-size:1rem}.blog-article .ct-author{align-items:center;margin-top:clamp(3.5rem,6vw,4.5rem);border:0;border-radius:20px;background:linear-gradient(120deg,oklch(.965 .025 255),oklch(.965 .03 320),oklch(.972 .03 40));padding:1.4rem 1.5rem}.blog-article .ct-author p{color:var(--ba-body)}.blog-article .ct-author .ct-author-name{color:var(--ba-ink);font-weight:700}.blog-article .ba-related{background:linear-gradient(180deg,#f5f7fd,#fbfcff);border-top:1px solid #e6eaf4}.ba-related .blog-card-grid>li:nth-child(3n+1) .blog-card{--hue:260}.ba-related .blog-card-grid>li:nth-child(3n+2) .blog-card{--hue:320}.ba-related .blog-card-grid>li:nth-child(3n+3) .blog-card{--hue:30}.ba-related .blog-card{border-top:5px solid oklch(.62 .18 var(--hue))}.ba-related .blog-card-meta>:first-child{color:oklch(.44 .18 var(--hue))}html main.blog-article .hp-final{border-top:0;background:radial-gradient(40rem 20rem at 0 0,oklch(.93 .05 255/.8),transparent 70%),radial-gradient(40rem 20rem at 100% 100%,oklch(.94 .05 25/.8),transparent 70%),oklch(.965 .025 310);color:var(--ba-ink)}html main.blog-article .hp-final .hp-h2{color:var(--ba-ink)}html main.blog-article .hp-final p{color:var(--ba-body)}@media (max-width:719px){.ba-meta{gap:.9rem}.ba-meta-by{width:100%;margin-right:0}.ba-meta-item{border-left:0;padding:0 1.25rem 0 0}.ba-cover>figure{border-width:3px;border-radius:18px}.blog-article .ba-body{font-size:1.0625rem}.blog-article .video-embed{border-width:3px;border-radius:18px}.blog-article .video-embed-frame{border-radius:15px 15px 0 0}}@media (prefers-reduced-motion:reduce){.ba-toc summary:after,.blog-article .ba-faq details{transition:none}}