.blog-article{padding-block:3rem 6rem}.blog-article__toc{display:none}@media (width>=992px){.blog-article{padding-block:6rem 8rem}.blog-article__toc{display:block;position:sticky;top:7rem}}.blog-article__toc-label{color:#878787;margin:0 0 1.5rem;font-size:.875rem}.blog-article__toc-list{flex-direction:column;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.blog-article__toc-link{color:inherit;font-size:.875rem;text-decoration:none;transition:color .25s ease-out}@media (prefers-reduced-motion:reduce){.blog-article__toc-link{transition:none}}.blog-article__bar{top:var(--site-header-height);z-index:1020;visibility:hidden;opacity:0;background-color:#fff;border-bottom:1px solid #000;transition:transform .25s ease-out,opacity .25s ease-out,visibility 0s linear .25s;position:fixed;left:0;right:0;transform:translateY(-100%)}@media (prefers-reduced-motion:reduce){.blog-article__bar{transition:none}}@media (width>=992px){.blog-article__bar{display:none}}.blog-article__bar.is-visible{visibility:visible;opacity:1;transition-delay:0s;transform:none}.blog-article__bar-button{color:#000;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;display:flex}.blog-article__bar-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.blog-article__bar-icon{flex-shrink:0;width:1.125rem;height:1.125rem;transition:transform .25s ease-out}@media (prefers-reduced-motion:reduce){.blog-article__bar-icon{transition:none}}.blog-article__bar-list{flex-direction:column;margin:0;padding:0 1rem .75rem;list-style:none;display:flex}.blog-article__bar-list[hidden]{display:none}.blog-article__bar-link{color:inherit;padding:.625rem 0;font-size:.875rem;text-decoration:none;display:block}.blog-article__blocks{flex-direction:column;gap:2.5rem;display:flex}.blog-article__blocks>[id]{scroll-margin-top:9.375rem}@media (width>=992px){.blog-article__blocks>[id]{scroll-margin-top:7.5rem}}.blog-article__bar-button[aria-expanded=true] .blog-article__bar-icon{transform:rotate(180deg)}.blog-article__bar-link.is-active,.blog-article__bar-link:focus-visible,.blog-article__bar-link:hover,.blog-article__toc-link.is-active,.blog-article__toc-link:focus-visible,.blog-article__toc-link:hover{color:#be1622}html.header-hidden .blog-article__bar.is-visible{visibility:hidden;opacity:0;transition:transform .25s ease-out,opacity .25s ease-out,visibility 0s linear .25s;transform:translateY(-100%)}