.article-toc{box-sizing:border-box;width:100%;max-width:960px;margin-inline:auto;margin-bottom:3.5rem;padding:1.6rem 2rem 1.3rem;border-top:2px solid #34302e;border-bottom:1px solid #d8d2ce;background:#f8f6f3;font-family:var(--text-font-family)}.article-toc__heading{display:flex;align-items:center;gap:.65rem;margin-bottom:.65rem}.article-toc__mark{display:block;width:.4rem;height:.4rem;border-radius:50%;background:#9e695c}.article-toc__title{margin:0;color:#514b47;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.article-toc__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.4rem;margin:0;padding:0;list-style:none;counter-reset:guide-toc}.article-toc__list li{min-width:0;counter-increment:guide-toc;border-bottom:1px solid #e1dcd8}.article-toc__list li:nth-last-child(-n+2){border-bottom:0}.article-toc__list a{display:flex;align-items:center;gap:1rem;min-height:3.35rem;padding:.6rem .2rem;color:#242321;font-size:1rem;line-height:1.45;text-decoration:none}.article-toc__list a:before{content:counter(guide-toc,decimal-leading-zero);flex:none;color:#9e695c;font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums}.article-toc__arrow{margin-left:auto;color:#9e695c;font-size:.9rem;opacity:0;transform:translate(-3px,3px);transition:opacity .15s ease,transform .15s ease}.article-toc__list a:hover .article-toc__arrow,.article-toc__list a:focus-visible .article-toc__arrow{opacity:1;transform:translate(0)}.article-toc__list a:hover,.article-toc__list a:focus-visible{color:#805649}.article-toc__list a:focus-visible{outline:2px solid #805649;outline-offset:3px}@media(min-width:1100px){.article-guide--with-toc>.article-toc{position:sticky;top:calc(var(--header-height, 0px) * var(--enable-sticky-header, 0) + var(--announcement-bar-height, 0px) * var(--enable-sticky-announcement-bar, 0) + 1.5rem);grid-column:1;grid-row:2;align-self:start;max-height:calc(100vh - var(--header-height, 0px) - 3rem);overflow-y:auto;margin:0;padding:.2rem 0 .2rem 1.2rem;border:0;border-left:1px solid #d8d2ce;background:transparent}.article-guide--with-toc .article-toc__heading{margin-bottom:.9rem}.article-guide--with-toc .article-toc__list{grid-template-columns:1fr}.article-guide--with-toc .article-toc__list li,.article-guide--with-toc .article-toc__list li:nth-last-child(-n+2){border-bottom:0}.article-guide--with-toc .article-toc__list a{gap:.65rem;min-height:0;padding:.62rem 0;font-size:.875rem;line-height:1.45}.article-guide--with-toc .article-toc__list a:before{font-size:.75rem}.article-guide--with-toc .article-toc__arrow{display:none}}@media(max-width:749px){.article-toc{position:sticky;top:calc(var(--header-height, 0px) * var(--enable-sticky-header, 0) + var(--announcement-bar-height, 0px) * var(--enable-sticky-announcement-bar, 0));z-index:5;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:0;margin-bottom:2.5rem;padding:.35rem 0 .35rem max(.75rem,env(safe-area-inset-left));border-top:0;border-bottom:1px solid #d8d2ce;background:#f8f6f3;box-shadow:0 6px 14px #231d1a0f}.article-toc__heading{display:none}.article-toc__list{display:flex;gap:.35rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.article-toc__list::-webkit-scrollbar{display:none}.article-toc__list li,.article-toc__list li:nth-last-child(2){flex:0 0 auto;border-bottom:0;scroll-snap-align:start}.article-toc__list a{gap:.4rem;min-height:2.7rem;padding:.4rem .75rem;white-space:nowrap;font-size:.875rem}.article-toc__list a:before{font-size:.75rem}.article-toc__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/article-table-of-contents.css.map */