.article-with-toc__layout{display:grid;grid-template-columns:1fr;gap:var(--column-gap);align-items:start}@media(min-width:1024px){.article-with-toc__layout{grid-template-columns:280px 1fr;gap:calc(var(--column-gap) * 2);align-items:start}}.article-with-toc__sidebar{display:flex;flex-direction:column;gap:calc(6 * var(--space-unit))}@media(min-width:1024px){.article-with-toc__sidebar{position:sticky;top:calc(var(--header-end-padded, 80px) + calc(4 * var(--space-unit)))}}@media(max-width:1023.98px){.article-with-toc__sidebar{order:-1;gap:calc(4 * var(--space-unit))}}.article-with-toc__main .article__content,.article-with-toc__main .article-content,.article-with-toc__main .article-width{max-width:none}.article-with-toc__main .article__title{margin-bottom:calc(6 * var(--space-unit))}.article-with-toc__main .article__image{margin-bottom:calc(5 * var(--space-unit))}.article-with-toc__toc{background:rgb(var(--bg-color));border:1px solid rgba(var(--text-color) / .15);border-radius:4px;padding:calc(4 * var(--space-unit))}.article-with-toc__toc-title{color:rgb(var(--heading-color));margin:0}.article-with-toc__toc--desktop>summary.article-with-toc__toc-summary{display:flex;align-items:center;justify-content:space-between;gap:calc(2 * var(--space-unit));cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.article-with-toc__toc--desktop>summary.article-with-toc__toc-summary::-webkit-details-marker{display:none}.article-with-toc__toc--desktop>summary.article-with-toc__toc-summary::marker{display:none;content:""}.article-with-toc__toc--desktop[open]>.article-with-toc__toc-list{margin-top:calc(3 * var(--space-unit))}.article-with-toc__toc--desktop[open] .article-with-toc__toc-chevron{transform:rotate(180deg)}.article-with-toc__toc-list,.article-with-toc__toc-list ul{list-style:none;margin:0;padding:0}.article-with-toc__toc-list li{margin:0}.article-with-toc__toc-list>li>a{display:block;font-size:.88em;color:rgba(var(--text-color) / .8);text-decoration:none;padding:calc(2 * var(--space-unit)) 0 calc(2 * var(--space-unit)) calc(3 * var(--space-unit));border-left:3px solid transparent;transition:color .3s,border-color .3s;line-height:1.4}.article-with-toc__toc-list>li>a:hover{color:rgb(var(--heading-color));border-left-color:rgba(var(--text-color) / .3)}.article-with-toc__toc-list>li>a.is-active{color:rgb(var(--heading-color));border-left-color:rgb(var(--heading-color));font-weight:700}.article-with-toc__toc-list ul{margin-top:0}.article-with-toc__toc-list ul li a{display:block;font-size:.82em;color:rgba(var(--text-color) / .7);text-decoration:none;padding:calc(1 * var(--space-unit)) 0 calc(1 * var(--space-unit)) calc(5 * var(--space-unit));border-left:3px solid transparent;transition:color .3s,border-color .3s;line-height:1.4}.article-with-toc__toc-list ul li a:hover{color:rgb(var(--heading-color));border-left-color:rgba(var(--text-color) / .3)}.article-with-toc__toc-list ul li a.is-active{color:rgb(var(--heading-color));border-left-color:rgb(var(--heading-color));font-weight:700}.article-with-toc__toc--desktop{display:none}.article-with-toc__toc--mobile{display:block;margin-bottom:calc(6 * var(--space-unit));border:1px solid rgba(var(--text-color) / .15);border-radius:4px;overflow:hidden}@media(min-width:1024px){.article-with-toc__toc--desktop{display:block}.article-with-toc__toc--mobile{display:none}}.article-with-toc__toc--mobile summary{display:flex;align-items:center;justify-content:space-between;padding:calc(3 * var(--space-unit)) calc(4 * var(--space-unit));background:rgba(var(--text-color) / .05);cursor:pointer;font-family:var(--heading-font-family);font-weight:700;font-size:.88em;color:rgb(var(--heading-color));list-style:none;-webkit-user-select:none;user-select:none}.article-with-toc__toc--mobile summary::-webkit-details-marker{display:none}.article-with-toc__toc--mobile summary::marker{display:none}.article-with-toc__toc-chevron{display:inline-flex;align-items:center;transition:transform .25s ease;flex-shrink:0}.article-with-toc__toc--mobile[open] .article-with-toc__toc-chevron{transform:rotate(180deg)}.article-with-toc__toc--mobile .article-with-toc__toc-list{padding:calc(4 * var(--space-unit));background:rgb(var(--bg-color))}.article-with-toc__meta{border:1px solid rgba(var(--text-color) / .15);border-radius:4px;padding:calc(4 * var(--space-unit));display:flex;flex-direction:column;gap:calc(2 * var(--space-unit))}.article-author{font-size:.88em;font-weight:700;color:rgb(var(--heading-color));margin:0}.article-meta-row{font-size:.88em;color:rgba(var(--text-color) / .7);display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(var(--space-unit));margin:0;line-height:1.4}.article-meta-label{color:rgba(var(--text-color) / .55);font-size:.92em}.article-meta-row time{color:rgb(var(--text-color))}.article-reading-time{align-items:center;color:rgb(var(--heading-color));font-weight:700;margin-top:calc(var(--space-unit));padding-top:calc(2 * var(--space-unit));border-top:1px solid rgba(var(--text-color) / .1)}.article-reading-time svg{flex-shrink:0}@media(max-width:1023.98px){.article-with-toc__meta{padding:calc(3 * var(--space-unit))}}.promo-tile{position:relative;display:block;width:100%;border:1px solid rgba(var(--text-color) / .15);border-radius:4px;overflow:hidden;background:rgb(var(--heading-color));isolation:isolate}.promo-tile__media{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden}@supports not (aspect-ratio: 4 / 5){.promo-tile__media{padding-top:125%;height:0}}.promo-tile__media .promo-tile__media-el,.promo-tile__media img,.promo-tile__media video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.promo-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(5 * var(--space-unit));background:linear-gradient(180deg,#0000 0% 35%,#0000008c 75%,#000000d9);color:#fff;z-index:1}.promo-tile__content{display:flex;flex-direction:column;gap:calc(3 * var(--space-unit))}.promo-tile__title{font-family:var(--heading-font-family);font-weight:700;color:#fff;margin:0;line-height:1.25;text-shadow:0 1px 2px rgba(0,0,0,.3)}.promo-tile__body{margin:0;font-size:.9em;line-height:1.45;color:#ffffffeb}.promo-tile__body p:last-child{margin-bottom:0}.promo-tile__cta{display:block;text-align:center;color:#fff;font-weight:700}.promo-tile__cta:hover{color:#fff}.promo-tile__badge{position:absolute;top:calc(2 * var(--space-unit));left:calc(2 * var(--space-unit));background:rgb(var(--heading-color));color:#fff;font-size:.75em;font-weight:700;text-transform:uppercase;padding:calc(var(--space-unit)) calc(2 * var(--space-unit));border-radius:2px;z-index:2;line-height:1;letter-spacing:.04em}.promo-tile-inline{display:block;margin:calc(8 * var(--space-unit)) 0;border-radius:4px}@media(min-width:1024px){.promo-tile-inline{display:none}}.article-with-toc__tags{margin-bottom:calc(4 * var(--space-unit))}@media(min-width:769px)and (max-width:1023.98px){.article-with-toc__sidebar{gap:calc(5 * var(--space-unit))}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/article-toc.css.map */