.article-wrapper{position:relative;align-items:flex-start}.article-aside{position:fixed;top:5rem;left:5rem}@media(max-width:1080px){.article-aside{position:static;padding:0 0 2rem}}.back-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem 0;color:rgba(0,0,0,.4);font-size:.875rem;font-weight:460;line-height:1.25rem;letter-spacing:-.00563rem;transition:color .1s ease}.back-btn:hover{color:rgba(0,0,0,.8)}.toc-nav{padding:1.875rem 0 0;opacity:0;transition:opacity .4s ease}.toc-nav[data-ready=true]{opacity:1}@media(max-width:1080px){.toc-nav{display:none}}.toc-nav nav{max-width:10rem}.toc-nav nav h2{cursor:pointer;color:hsla(0,0%,7%,.4);font-size:.8125rem;font-weight:460;line-height:1.2;letter-spacing:-.0025rem;padding:0 0 1rem;opacity:0;transition:.4s ease;transition-property:color,opacity}.toc-nav nav h2:hover{color:hsla(0,0%,7%,.8)}.toc-nav nav h2[data-active=true]{color:#111}.toc-nav nav[data-scrolled=true] h2{opacity:1}.toc-nav nav ul{position:relative;display:flex;flex-direction:column;gap:.5rem}.toc-nav nav ul li{position:relative;display:block}.toc-nav nav ul li a{display:block;color:hsla(0,0%,7%,.4);font-size:.8125rem;font-weight:460;line-height:1.2;letter-spacing:-.0025rem;transition:color .1s ease}.toc-nav nav ul li a:hover,.toc-nav nav ul li[data-active=true] a{color:hsla(0,0%,7%,.8)}.toc-nav[data-variant=secondary] nav ul{padding-left:.8rem}.toc-nav[data-variant=secondary] nav ul:before{content:"";display:block;position:absolute;left:0;top:0;bottom:0;width:1px;background-color:#d9d9d9}.toc-nav[data-variant=secondary] nav ul li a:before{content:"";display:block;position:absolute;left:-.8rem;top:0;bottom:0;width:1px;background-color:#000;opacity:0;transition:opacity .1s ease}.toc-nav[data-variant=secondary] nav ul li[data-active=true] a:before{opacity:1}