.article-template__inner{display:flex;flex-direction:column;gap:30px;max-width:1500px;margin-inline:auto}.article-template__breadcrumbs{margin:0}.article-template__breadcrumbs-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;font-size:var(--text-12-size);font-weight:var(--weight-medium);line-height:var(--lh-130);color:var(--color-gray-500)}.article-template__breadcrumbs-item{display:inline-flex;align-items:center;gap:6px}.article-template__breadcrumbs-link{color:inherit;text-decoration:none}.article-template__breadcrumbs-separator{color:var(--color-gray-500)}.article-template__breadcrumbs-current{color:var(--color-black)}.article-template__layout{display:flex;flex-direction:column;gap:20px}.article-template__main{min-width:0}.article-template__hero-content{display:flex;flex-direction:column;gap:16px}.article-template__title{color:var(--color-black);font-weight:var(--weight-black);line-height:var(--lh-116);text-transform:uppercase;margin:0}.article-template__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:var(--text-14-size);line-height:var(--lh-150);color:var(--color-black)}.article-template__meta-author{display:inline-flex;align-items:center;gap:6px}.article-template__meta-avatar{width:21px;height:21px;border-radius:var(--border-full);object-fit:cover;flex-shrink:0}.article-template__meta-divider{color:var(--color-black)}.article-template__meta-category{display:inline-flex;align-items:center;color:var(--color-medium-green);font-weight:var(--weight-semibold);text-decoration:none;transition:var(--transition-default)}.article-template__meta-category:hover{color:var(--color-dark-green);text-decoration:underline;text-underline-offset:2px}.article-share{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:var(--space-30);padding-top:var(--space-20);border-top:1px solid var(--color-lightgray-300)}.article-share__label{font-size:var(--text-14-size);font-weight:var(--weight-semibold);line-height:var(--lh-150);color:var(--color-black)}.article-share__list{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0}.article-share__link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-lightgray-300);border-radius:var(--border-full);background:none;padding:0;color:var(--color-black);cursor:pointer;transition:var(--transition-default)}.article-share__link:hover{border-color:var(--color-medium-green);color:var(--color-medium-green)}.article-share__link .svg-wrapper,.article-share__link svg{width:18px;height:18px}.article-share__copy{display:inline-flex;align-items:center;gap:8px}.article-share__copy-button[hidden]{display:none}.article-share__copy-message{font-size:var(--text-13-size);color:var(--color-medium-green);opacity:0;transition:opacity .2s ease}.article-share__copy-message--visible{opacity:1}.article-template__hero-image{width:100%;height:336px;object-fit:cover;object-position:top;border-radius:var(--border-8)}.article-template__content{min-width:0;color:var(--color-black);font-size:var(--text-16-size);line-height:var(--lh-140)}.article-template__content>*+*{margin-top:1em}.article-template__content h2{font-family:var(--font-family);font-size:var(--h4-size-desktop);font-weight:var(--weight-black);line-height:var(--lh-116);letter-spacing:var(--ls-negative--2);text-transform:uppercase}.article-template__content h2,.article-template__content h3{margin-top:1.5em;margin-bottom:.5em}.article-template__sidebar{width:100%}.article-toc{display:block;background-color:var(--color-grey-50);border-radius:var(--border-8);padding:22px 30px 22px 26px}.article-toc__header{padding-bottom:10px;border-bottom:1px solid rgba(47,62,79,.15);margin-bottom:20px}.article-toc__heading{margin:0;color:var(--color-black);font-size:var(--text-18-size);font-weight:var(--weight-bold-800);line-height:var(--lh-120);letter-spacing:var(--ls-negative--1);text-transform:uppercase}.article-toc__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}.article-toc__link{display:flex;align-items:flex-start;gap:11px;text-decoration:none;color:var(--color-black);font-size:var(--text-16-size);font-weight:var(--weight-regular);line-height:var(--lh-140);letter-spacing:normal;transition:var(--transition-default)}.article-toc__bullet{flex-shrink:0;width:14px;height:14px;margin-top:5px;border-radius:var(--border-full);border:1px solid var(--color-black);background-color:transparent;box-sizing:border-box;transition:var(--transition-default)}.article-toc__link.is-active{color:var(--color-black);font-weight:var(--weight-bold);letter-spacing:var(--ls-negative--2)}.article-toc__link.is-active .article-toc__bullet{border-color:var(--color-black);background-color:var(--color-black)}.article-toc__text{flex:1;min-width:0}.article-recommended{margin-top:40px}.article-recommended__header{padding-bottom:14px;border-bottom:1px solid var(--color-gray-200);margin-bottom:24px}.article-recommended__heading{margin:0;color:var(--color-black);font-size:var(--h4-size-desktop);font-weight:var(--weight-black);line-height:var(--lh-116);letter-spacing:var(--ls-negative--2);text-transform:uppercase}.article-recommended__grid{display:grid;grid-auto-flow:column;grid-auto-columns:46%;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.article-recommended__grid>*{scroll-snap-align:start}.article-recommended__grid::-webkit-scrollbar{display:none}.article-recommended__warning{margin:40px 0 0;padding:12px 16px;border-radius:var(--border-8);background-color:var(--color-gray);color:var(--color-gray-600);font-size:var(--text-14-size)}.article-template__pagination{display:flex;justify-content:space-between;gap:20px;margin-top:20px;padding-top:30px}.article-template__pagination-link{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--border-8);text-decoration:none;color:var(--color-black);transition:var(--transition-default)}.article-template__pagination-link--next{justify-content:flex-end;text-align:right;margin-left:auto}.article-template__pagination-link img{width:96px;height:64px;object-fit:cover;border-radius:var(--border-8);flex-shrink:0}.article-template__pagination-text{display:flex;flex-direction:column;gap:4px;min-width:0;max-width:260px}.article-template__pagination-label{font-size:var(--text-16-size);font-weight:var(--weight-bold);line-height:var(--lh-150);display:flex;gap:10px}.article-template__pagination-link--next .article-template__pagination-label{flex-direction:row-reverse}.article-template__pagination-title{display:block;max-width:100%;font-size:var(--text-15-size);line-height:var(--lh-150);color:var(--color-black);white-space:nowrap;overflow:hidden}.article-template__pagination-arrow{display:inline-flex;align-items:center}.article-template__pagination-arrow svg{width:10px;height:10px}.article-template__pagination-link--prev .article-template__pagination-arrow{transform:rotate(180deg)}.article-template__content.rte ul,.article-template__content.rte ol{padding-left:1.5em;list-style-position:outside}.article-template__content.rte ul{list-style-type:disc}.article-template__content.rte ol{list-style-type:decimal}.article-template__content.rte li+li{margin-top:.75em}.article-template__content.rte li::marker{color:var(--color-black)}.article-recommended{display:flex;flex-direction:column}.article-recommended .hero-button{margin:2rem auto 0}@media(min-width:990px){.article-template__inner.page-width{padding-right:100px}}@media(max-width:989px){.article-template__inner{gap:24px}.article-template__hero-media{order:-1;margin-left:calc(var(--page-padding) * -1);width:calc(100% + calc(var(--page-padding) * 2))}.article-template__hero-content{align-items:center;text-align:center}.article-template__meta{justify-content:center}.article-template__pagination{gap:12px}.article-template__pagination-link{padding:0}.article-template__pagination-link picture,.article-template__pagination-title{display:none}.article-template__hero-image{height:200px}.article-template__breadcrumbs-list{flex-wrap:nowrap}.article-template__breadcrumbs-item{flex-shrink:0}.article-template__breadcrumbs-item:last-child{flex-shrink:1;min-width:0}.article-template__breadcrumbs-current{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(min-width:990px){.article-template__inner{gap:36px}.article-template__layout{gap:30px}.article-template--with-toc .article-template__layout{display:grid;grid-template-columns:460px minmax(0,1fr);grid-template-areas:"hero-content hero-media" "sidebar      main";column-gap:100px;align-items:start}.article-toc__link:hover{color:var(--color-black)}.article-recommended__grid{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:16px;overflow:visible}.article-template--with-toc .article-template__hero-content{grid-area:hero-content;height:100%;display:flex;flex-direction:column;justify-content:center}.article-template--with-toc .article-template__hero-media{grid-area:hero-media}.article-template--with-toc .article-template__sidebar{grid-area:sidebar;position:sticky;top:30px;max-width:350px}.article-template--with-toc .article-template__main{grid-area:main}.article-template__pagination{gap:45px;position:relative}.article-template__pagination:has(.article-template__pagination-link--prev):has(.article-template__pagination-link--next):before{content:"";position:absolute;top:30px;bottom:0;left:50%;width:1px;background-color:var(--color-gray-200)}.article-template__pagination-link img{width:130px;height:88px}.article-template__pagination-link:hover{background-color:var(--color-gray-100)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-blog-post.css.map */