.article-template__layout{display:grid;grid-template-columns:minmax(0,72.6rem);justify-content:center;gap:5rem;margin-top:3rem;margin-bottom:4rem}.article-template__layout .article-template__content{width:100%;margin:0}.article-toc{align-self:start;padding:2.2rem;border:1px solid rgba(var(--color-foreground),.12);border-top:.3rem solid rgb(var(--color-base-accent-2));background:rgb(var(--color-background))}.article-toc[hidden]{display:none}.article-toc__eyebrow{margin:0 0 .6rem;color:rgb(var(--color-base-accent-2));font-size:1.1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.article-toc__title{margin:0 0 1.5rem;font-size:1.8rem;font-weight:700;line-height:1.25}.article-toc ol{margin:0;padding:0;list-style:none}.article-toc li+li{margin-top:.9rem}.article-toc li.toc-level-3{padding-left:1.4rem}.article-toc a{display:block;color:rgba(var(--color-foreground),.72);font-size:1.3rem;line-height:1.4;text-decoration:none}.article-toc a:hover,.article-toc a:focus-visible{color:rgb(var(--color-base-accent-2));text-decoration:underline;text-underline-offset:.25rem}.article-template__content h2,.article-template__content h3{scroll-margin-top:11rem}.article-extras{margin-top:5rem;padding-top:3rem;border-top:1px solid rgba(var(--color-foreground),.12)}.article-extras__group+.article-extras__group{margin-top:2.5rem}.article-extras__label{display:block;margin-bottom:1rem;font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.article-tags,.article-share-links{display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0;list-style:none}.article-tags a,.article-share-links a{display:inline-flex;align-items:center;min-height:3.8rem;padding:.7rem 1.3rem;border:1px solid rgba(var(--color-foreground),.18);border-radius:99rem;color:rgb(var(--color-foreground));font-size:1.3rem;line-height:1.2;text-decoration:none;transition:color .16s ease,border-color .16s ease,background-color .16s ease}.article-tags a:hover,.article-share-links a:hover{border-color:rgb(var(--color-base-accent-2));color:#fff;background:rgb(var(--color-base-accent-2))}@media screen and (min-width:990px){.article-template__layout.has-toc{grid-template-columns:23rem minmax(0,72.6rem);max-width:104rem}.article-toc{position:sticky;top:12rem;max-height:calc(100vh - 15rem);overflow-y:auto}}@media screen and (max-width:989px){.article-template__layout{gap:2.5rem}.article-toc{max-width:72.6rem;width:100%;margin:0 auto}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/article-enhancements.css.map */