.blog-post{--bp-text:var(--text-color,#171e3c);--bp-text-soft:rgba(var(--text-rgb,23,30,60),0.72);--bp-text-sub:rgba(var(--text-rgb,23,30,60),0.55);--bp-line:rgba(var(--text-rgb,23,30,60),0.12);--bp-surface:rgba(var(--primary-rgb,73,74,82),0.06);--bp-accent:var(--accent-color,#00b9fc);--bp-primary:var(--primary-color,#494a52);--bp-sticky-top:100px;color:var(--bp-text);margin:0 auto;max-width:1280px;padding:2.5rem 15px 5rem;width:100%}.blog-post,.blog-post *,.blog-post :after,.blog-post :before{box-sizing:border-box}.blog-post__label,.blog-post__meta{color:var(--bp-text-sub);font-size:.75rem;font-weight:500;letter-spacing:.08em;line-height:1.5;margin:0;text-transform:uppercase}.blog-post__header{border-bottom:1px solid var(--bp-line);padding-bottom:2rem}.blog-post__back{align-items:center;color:var(--bp-text);display:inline-flex;font-weight:500;gap:.5rem;margin-bottom:1.5rem;min-height:44px;text-decoration:none}.blog-post__back .iconify{height:1.25rem;transition:transform .2s ease;width:1.25rem}.blog-post__back:hover .iconify{transform:translateX(-3px)}.blog-post__meta{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem .5rem}.blog-post__topic{color:var(--bp-accent);font-weight:600}.blog-post__sep{color:var(--bp-line)}.blog-post__title{color:var(--bp-text);font-size:clamp(1.875rem,1.3rem + 2.6vw,2.75rem);letter-spacing:-.02em;line-height:1.15;margin:1rem 0;overflow-wrap:anywhere}.blog-post__author-share--mobile{margin-top:2rem}.blog-post__author{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.blog-post__author-avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.blog-post__author-avatar--initial{align-items:center;background:var(--bp-surface);color:var(--bp-primary);display:inline-flex;font-weight:600;justify-content:center}.blog-post__author-info{min-width:0}.blog-post__author-name{color:var(--bp-text);font-size:.9375rem;font-weight:600;line-height:1.4;margin:0}.blog-post__author-role{color:var(--bp-text-soft);font-size:.875rem;line-height:1.45;margin:0}.blog-share{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:.75rem 0 0;padding:0}.blog-share__btn{align-items:center;background:var(--bp-surface);border:0;border-radius:50%;color:var(--bp-text-soft);cursor:pointer;display:inline-flex;font:inherit;height:44px;justify-content:center;padding:0;position:relative;transition:background-color .2s ease,color .2s ease;width:44px}.blog-share__btn:focus-visible,.blog-share__btn:hover{background:rgba(var(--primary-rgb,73,74,82),.14);color:var(--bp-text)}.blog-share__btn .iconify{height:1.125rem;width:1.125rem}.blog-share__tooltip{background:var(--bp-text);border-radius:6px;bottom:calc(100% + 6px);color:#fff;font-size:.75rem;left:50%;opacity:0;padding:.25rem .5rem;pointer-events:none;position:absolute;transform:translate(-50%,4px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.blog-share__tooltip:empty{display:none}.blog-share__copy.is-copied .blog-share__tooltip{opacity:1;transform:translate(-50%)}.blog-post__layout{display:flex;gap:4rem;justify-content:space-between;margin-top:2.5rem}.blog-post__aside{display:none}.blog-post__main{flex:1 1 auto;margin:0 auto;max-width:680px;min-width:0;width:100%}.blog-post__featured{background:var(--bp-surface);border-radius:16px;margin:0 0 2.5rem;overflow:hidden}.blog-post__featured img{display:block;height:auto;width:100%}.blog-post__content{color:var(--bp-text-soft);font-size:1.0625rem;line-height:1.75;overflow-wrap:break-word}.blog-post__content>:first-child{margin-top:0}.blog-post__content ol,.blog-post__content p,.blog-post__content ul{margin:0 0 1.25rem}.blog-post__content h2,.blog-post__content h3,.blog-post__content h4{color:var(--bp-text);line-height:1.3;scroll-margin-top:calc(var(--bp-sticky-top) + 10px)}.blog-post__content h2{font-size:clamp(1.375rem,1.2rem + .8vw,1.75rem);margin:3rem 0 1.25rem}.blog-post__content h3{font-size:clamp(1.125rem,1.05rem + .4vw,1.375rem);margin:2rem 0 1rem}.blog-post__content a{color:var(--bp-text);text-decoration:underline;text-underline-offset:3px}.blog-post__content strong{color:var(--bp-text)}.blog-post__content iframe,.blog-post__content img,.blog-post__content video{border-radius:12px;height:auto;max-width:100%}.blog-post__content iframe{aspect-ratio:16/9;width:100%}.blog-post__content table{border-collapse:collapse;display:block;max-width:100%;overflow-x:auto;width:100%}.blog-post__content pre{background:var(--bp-surface);border-radius:12px;max-width:100%;overflow-x:auto;padding:1rem}.blog-post__content code{background:var(--bp-surface);border-radius:6px;font-size:.9em;padding:.125rem .375rem}.blog-post__content pre code{background:none;padding:0}.blog-post__content blockquote{border-left:3px solid var(--bp-accent);color:var(--bp-text);margin:1.5rem 0;padding:.25rem 0 .25rem 1.25rem}.blog-post__tags{margin-top:3rem}.blog-post__tag-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:.75rem 0 0;padding:0}.blog-post__tag{align-items:center;border:1px solid var(--bp-line);border-radius:999px;color:var(--bp-text-soft);display:inline-flex;font-size:.875rem;min-height:36px;padding:.375rem .875rem;text-decoration:none}.blog-post__tag:hover{border-color:var(--bp-accent);color:var(--bp-text)}.blog-related{margin-top:4.5rem}.blog-related__title{color:var(--bp-text);font-size:clamp(1.375rem,1.2rem + .8vw,1.75rem);margin:0 0 1.5rem}.blog-related__list{display:grid;gap:1.5rem;grid-template-columns:1fr}.blog-related__card{min-width:0}.blog-related__link{color:inherit;display:block;text-decoration:none}.blog-related__img{aspect-ratio:16/10;background:var(--bp-surface);border-radius:12px;margin:0 0 1rem;overflow:hidden}.blog-related__img img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.blog-related__link:hover .blog-related__img img{transform:scale(1.03)}.blog-related__card-title{color:var(--bp-text);font-size:1.0625rem;line-height:1.35;margin:0 0 .5rem}.blog-related__excerpt{color:var(--bp-text-soft);font-size:.9375rem;line-height:1.55;margin:0 0 .75rem}.blog-related__date{color:var(--bp-text-sub);font-size:.8125rem}.blog-post__cta-bottom{border:1px solid var(--bp-line);border-radius:16px;margin-top:3.5rem;padding:1.5rem}.blog-toc[hidden]{display:none}.blog-toc__list{border-left:1px solid var(--bp-line);list-style:none;margin:.75rem 0 0;padding:0}.blog-toc__link{border-left:2px solid transparent;color:var(--bp-text-sub);display:block;font-size:1rem;line-height:1.4;margin-left:-1px;padding:.6875rem 0 .6875rem 1rem;text-decoration:none;transition:color .2s ease,border-color .2s ease}.blog-toc__link:hover{color:var(--bp-text)}.blog-toc__link.is-active{border-left-color:var(--bp-accent);color:var(--bp-text);font-weight:500}@media (min-width:768px){.blog-post{padding:4rem 15px 7.5rem}.blog-post__author-share--mobile{display:none}.blog-post__aside--left{align-self:flex-start;display:block;flex:0 0 196px;position:sticky;top:var(--bp-sticky-top);width:196px}.blog-post__author{align-items:flex-start}.blog-post__main{margin:0}.blog-related__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:945px){.blog-post__aside--right{align-self:flex-start;display:flex;flex:0 0 220px;flex-direction:column;gap:1.5rem;max-height:calc(100vh - var(--bp-sticky-top) - 1rem);overflow-y:auto;position:sticky;top:var(--bp-sticky-top);width:220px}.blog-post__cta-bottom{display:none}}.blog-progress{height:4px;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:98}.blog-progress__bar{background-color:var(--primary-color);display:block;height:100%;transform:scaleX(0);transform-origin:left center;transition:transform .1s linear;width:100%;will-change:transform}@media (prefers-reduced-motion:reduce){.blog-progress__bar{transition:none}.blog-post *,.blog-post :after,.blog-post :before{transition:none!important}}