.article-layout{display:flex;flex-direction:column;gap:2.5rem}@media (min-width: 992px){.article-layout{display:grid;grid-template-columns:20rem minmax(0,1fr);gap:3rem;align-items:start}}@media (min-width: 1280px){.article-layout--no-toc{grid-template-columns:minmax(0,1fr)}}.article-toc{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:1.25rem;background:#f1f0ee}@media (min-width: 1280px){.article-toc{position:sticky;top:7.5rem;padding:1.5rem}}.article-toc-title{text-transform:capitalize}.article-toc-list{display:flex;flex-direction:column;gap:.5rem}.article-toc-list a,.article-toc-list button{display:flex;align-items:center;color:inherit;text-decoration:none;background:transparent;text-align:left;cursor:pointer}@media (any-hover: hover){.article-toc-list a:hover,.article-toc-list button:hover{opacity:.6}}.article-toc-list a:before,.article-toc-list button:before{content:"";width:0;height:.5rem;margin-right:0;border-radius:50%;background:#000;opacity:0;flex-shrink:0;transition:width .25s ease,margin-right .25s ease,opacity .25s ease}.article-toc-list a.is-active:before,.article-toc-list button.is-active:before{width:.5rem;margin-right:.75rem;opacity:1}