.blog-post-content{--blog-post-heading-scroll-offset:1.5rem;width:100%;padding:1.25rem 0 3rem;background:-webkit-gradient(linear,left top,left bottom,from(var(--color-bg)),color-stop(60%,var(--color-white)));background:linear-gradient(180deg,var(--color-bg) 0,var(--color-white) 60%)}.header-pinned .blog-post-content{--blog-post-heading-scroll-offset:10rem}.blog-post-content__container{max-width:1600px}.blog-post-content__layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.blog-post-content__main{min-width:0}.blog-post-content__main--with-toc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.blog-post-content__toc{border:1px solid var(--color-light-border);background-color:var(--color-white);padding:1rem;margin-bottom:1.5rem}.blog-post-content__toc-title{margin:0 0 .875rem;color:var(--color-heading);font-family:var(--font-body-bold);font-size:var(--font-size-h5);line-height:1.2}.blog-post-content__toc-list{list-style:none;margin:0;padding:0}.blog-post-content__toc-item--level-3{padding-left:.75rem}.blog-post-content__toc-link{display:inline-block;color:var(--color-body);font-size:var(--font-size-sm);line-height:1.45;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:color .2s ease;transition:color .2s ease}.blog-post-content__toc-link:hover{color:var(--color-primary);-webkit-text-decoration:none;text-decoration:none}.blog-post-content__toc-link--active{color:var(--color-primary)}.blog-post-content__toc-link.focus-visible.js-focus-visible,.js-focus-visible .blog-post-content__toc-link.focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.blog-post-content__toc-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.blog-post-content__toc-more{margin-top:1rem}.blog-post-content__toc-button{width:100%}.blog-post-content__header{width:100%;margin:0 auto 1.5rem}.blog-post-content__breadcrumbs{margin-bottom:1rem}.blog-post-content__breadcrumbs .breadcrumbs-list{gap:0;font-size:var(--font-size-xs);line-height:1.25}.blog-post-content__breadcrumbs .breadcrumbs-item{gap:0}.blog-post-content__breadcrumbs .breadcrumbs-icon{display:none}.blog-post-content__breadcrumbs .breadcrumbs-item:after{content:"/";margin:0 .5rem;color:var(--color-light-border)}.blog-post-content__breadcrumbs .breadcrumbs-item-current{color:var(--color-primary)}.blog-post-content__title{margin:0;color:var(--color-heading);font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:400;line-height:.95}.blog-post-content__meta{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.375rem;margin:.75rem 0 0;color:var(--color-dark-grey);font-size:var(--font-size-sm);line-height:1.5}.blog-post-content__meta-separator{color:var(--color-light-border)}.blog-post-content__tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem;list-style:none;margin:1rem 0 0;padding:0}.blog-post-content__tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:2rem;padding:.55rem .875rem .375rem;border:1px solid var(--color-light-border);background-color:var(--color-white);color:var(--color-primary);font-family:var(--font-body-bold);font-size:var(--font-size-xxs);letter-spacing:.08em;text-transform:uppercase;-webkit-transition:background-color .2s ease,border-color .2s ease,color .2s ease;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.blog-post-content__tag:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);-webkit-text-decoration:none!important;text-decoration:none!important}.blog-post-content__tag.focus-visible.js-focus-visible,.js-focus-visible .blog-post-content__tag.focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.blog-post-content__tag:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.blog-post-content__hero{margin:0 0 1.5rem}.blog-post-content__hero-picture{display:block}.blog-post-content__hero-image{display:block;width:100%;height:auto;max-height:46rem;border:1px solid var(--color-light-border);background-color:var(--color-accent);-o-object-fit:cover;object-fit:cover;aspect-ratio:358/203;max-height:594px}.blog-post-content__article{width:100%;margin:0 auto;color:var(--color-body);font-size:var(--font-size-base);line-height:1.7}.blog-post-content__article>:first-child{margin-top:0}.blog-post-content__article>:last-child{margin-bottom:0}.blog-post-content__article p{margin:0 0 1rem}.blog-post-content__article h2,.blog-post-content__article h3,.blog-post-content__article h4,.blog-post-content__article h5,.blog-post-content__article h6{margin:1.5rem 0 .75rem;color:var(--color-heading);font-family:var(--font-heading);font-weight:400;line-height:1.1}.blog-post-content__article h2{font-size:var(--font-size-h3)}.blog-post-content__article h2[id],.blog-post-content__article h3[id]{scroll-margin-top:var(--blog-post-heading-scroll-offset)}.blog-post-content__article h3{font-size:var(--font-size-h4)}.blog-post-content__article h4{font-size:var(--font-size-h5)}.blog-post-content__article h5,.blog-post-content__article h6{font-size:var(--font-size-h6)}.blog-post-content__article a{color:var(--color-primary);-webkit-text-decoration:underline;text-decoration:underline;text-underline-offset:.16em}.blog-post-content__article ol,.blog-post-content__article ul{margin:0 0 1rem;padding-left:1.25rem}.blog-post-content__article li+li{margin-top:.375rem}.blog-post-content__article img{display:block;max-width:100%;width:auto;height:auto;margin:1.25rem auto;border:1px solid var(--color-light-border);background-color:var(--color-accent)}.blog-post-content__article hr{margin:1.5rem 0;border:none;border-top:1px solid var(--color-light-border);opacity:1}.blog-post-content__article blockquote{margin:1.5rem 0;padding:.25rem 0 .25rem 1rem;border-left:3px solid var(--color-primary);color:var(--color-dark-grey);font-size:var(--font-size-h6);line-height:1.6}.blog-post-content__article pre{margin:1.5rem 0;padding:1rem;border:1px solid var(--color-light-border);background-color:var(--color-accent);overflow:auto}.blog-post-content__article table{display:block;width:100%;margin:1.5rem 0;overflow-x:auto;border-collapse:collapse}.blog-post-content__article td,.blog-post-content__article th{border:1px solid var(--color-light-border);padding:.5rem .75rem;text-align:left;vertical-align:top}.blog-post-content__article iframe{width:100%;max-width:100%}.blog-post-content-skeleton__header{max-width:58rem;margin:0 auto 1.5rem}.blog-post-content-skeleton__breadcrumbs{margin-bottom:1rem}.blog-post-content-skeleton__image,.blog-post-content-skeleton__line{border-radius:.375rem;background:hsl(var(--contrast-100));-webkit-animation:pulse 1.8s ease-in-out infinite;animation:pulse 1.8s ease-in-out infinite}.blog-post-content-skeleton__line{height:.9rem;margin-top:.75rem}.blog-post-content-skeleton__line--title{width:min(92%,46rem);height:3rem;margin-top:0}.blog-post-content-skeleton__line--meta{width:min(14rem,45%)}.blog-post-content-skeleton__tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.blog-post-content-skeleton__line--tag{width:4.5rem;height:2rem;margin-top:0}.blog-post-content-skeleton__image{width:100%;aspect-ratio:16/9;margin-bottom:1.5rem}.blog-post-content-skeleton__body{max-width:58rem;margin:0 auto}.blog-post-content-skeleton__line--h2{width:min(20rem,60%);height:2rem}.blog-post-content-skeleton__line--short{width:min(34rem,80%)}@media (min-width:768px){.blog-post-content{padding-top:2rem;padding-bottom:4rem}.blog-post-content__header,.blog-post-content__toc{margin-bottom:2rem}.blog-post-content__breadcrumbs{margin-bottom:1.25rem}.blog-post-content__title{font-size:var(--font-size-2xl)}.blog-post-content__meta{margin-top:1rem;font-size:var(--font-size-base)}.blog-post-content__tags{margin-top:1.25rem}.blog-post-content__hero{margin-bottom:2rem}.blog-post-content__article h2{font-size:var(--font-size-md)}.blog-post-content__article h3{font-size:var(--font-size-h3)}.blog-post-content-skeleton__header{margin-bottom:2rem}.blog-post-content-skeleton__line--title{height:3.25rem}.blog-post-content-skeleton__image{margin-bottom:2rem}}@media (min-width:992px){.blog-post-content__main--with-toc{display:grid;grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);grid-template-areas:"toc header" "toc hero" "toc article";grid-gap:0 2rem;gap:0 2rem;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.blog-post-content__main--with-toc .blog-post-content__toc{grid-area:toc;position:sticky;top:1.25rem;z-index:10;margin-bottom:0;max-height:calc(100vh - 10rem);overflow-y:auto;-webkit-transition:top .25s ease-in-out;transition:top .25s ease-in-out}.header-pinned .blog-post-content__main--with-toc .blog-post-content__toc{top:8.75rem}.blog-post-content__main--with-toc .blog-post-content__header{grid-area:header;margin-left:0;margin-right:0}.blog-post-content__main--with-toc .blog-post-content__hero{grid-area:hero}.blog-post-content__main--with-toc .blog-post-content__article{grid-area:article;margin-left:0;margin-right:0}}@media (min-width:1200px){.blog-post-content__title{font-size:var(--font-size-h2)}.blog-post-content__article h2{font-size:var(--font-size-lg)}}