.article-template__content-layout{margin-top:3rem;margin-bottom:3rem}.article-template__content-layout--plain .article-template__content,.article-template__content-layout:not(.has-table-of-contents) .article-template__content{max-width:100rem;margin-inline:auto}.article-template__content-layout.has-table-of-contents{display:grid;grid-template-columns:minmax(22rem,29rem) minmax(0,74rem);gap:clamp(3rem,5vw,7rem);align-items:start;justify-content:center}.article-template__content-layout .article-template__content{min-width:0;margin:0}.article-template__content :is(h2,h3,h4)[id]{scroll-margin-top:12rem}.article-toc{position:sticky;top:2rem;display:block;max-height:calc(100vh - 4rem);overflow:auto;border:.1rem solid rgba(var(--color-button-background),.5);border-radius:1.4rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background));scrollbar-color:rgba(var(--color-foreground),.2) transparent;scrollbar-width:thin}.article-toc[hidden]{display:none}.article-toc__summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem 2.1rem;color:rgb(var(--color-heading));font-family:var(--font-heading-family);font-size:1.7rem;font-weight:700;line-height:1.2;cursor:pointer;list-style:none}.article-toc__summary::-webkit-details-marker{display:none}.article-toc__toggle{position:relative;width:3.2rem;height:3.2rem;flex:0 0 3.2rem;border-radius:50%;background:rgba(var(--color-button-background),.1)}.article-toc__toggle:before{content:"";position:absolute;top:50%;left:50%;width:.7rem;height:.7rem;border-top:.16rem solid rgb(var(--color-button-background));border-right:.16rem solid rgb(var(--color-button-background));transform:translate(-50%,-35%) rotate(-45deg);transition:transform var(--duration-default) ease}.article-toc details:not([open]) .article-toc__toggle:before{transform:translate(-50%,-65%) rotate(135deg)}.article-toc__nav{padding:0 1.2rem 1.5rem}.article-toc__list{display:grid;gap:.2rem;margin:0;padding:0;list-style:none}.article-toc__link{position:relative;display:block;padding:.72rem 1rem .72rem 2.7rem;border-radius:.7rem;color:rgba(var(--color-foreground),.72);font-size:1.18rem;line-height:1.4;text-decoration:none;transition:color var(--duration-default) ease,background-color var(--duration-default) ease}.article-toc__item[data-level="2"] .article-toc__link{color:rgb(var(--color-foreground));font-weight:650}.article-toc__item[data-level="2"] .article-toc__link:before{content:"";position:absolute;top:1.25rem;left:1rem;width:.65rem;height:.65rem;border:.15rem solid rgb(var(--color-button-background));border-radius:50%}.article-toc__item[data-level="3"] .article-toc__link{padding-left:3.7rem}.article-toc__item[data-level="3"] .article-toc__link:before,.article-toc__item[data-level="4"] .article-toc__link:before{content:"\21b3";position:absolute;left:1.8rem;color:rgba(var(--color-button-background),.75)}.article-toc__item[data-level="4"] .article-toc__link{padding-left:4.8rem;color:rgba(var(--color-foreground),.55);font-size:1.08rem}.article-toc__item[data-level="4"] .article-toc__link:before{left:2.9rem;content:"\2013"}.article-toc__link.is-active{color:rgb(var(--color-button-background));background:rgba(var(--color-button-background),.075)}@media screen and (hover:hover){.article-toc__link:hover{color:rgb(var(--color-button-background));background:rgba(var(--color-button-background),.055)}}@media screen and (max-width:989px){.article-template__content-layout.has-table-of-contents{display:block}.article-toc{position:static;max-height:none;margin-bottom:3rem}.article-toc__summary{padding:1.6rem 1.7rem}.article-toc__nav{max-height:55vh;overflow:auto}}@media(prefers-reduced-motion:reduce){.article-toc__toggle:before,.article-toc__link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/component-article-table-of-contents.css.map */