.article-template{--article-width: 76rem;--article-radius: 1.2rem;--article-accent: rgb(var(--color-base-accent, 215, 122, 78));--article-muted: rgba(var(--color-foreground), .62);--article-surface: rgba(var(--color-foreground), .04);--article-line: rgba(var(--color-foreground), .12)}.article-template>*:first-child{margin-top:3rem}@media screen and (min-width:750px){.article-template>*:first-child{margin-top:4rem}}.article-template__header{max-width:90rem;margin:2.4rem auto 0;text-align:center}.article-template__tag{display:inline-block;margin-bottom:1.6rem;padding:.5rem 1.2rem;border-radius:10rem;background:var(--article-surface);color:rgba(var(--color-foreground),.8);font-size:1.2rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.article-template__tag:hover{color:var(--article-accent)}.article-template__title{margin:0 0 1.6rem;line-height:1.15;letter-spacing:-.01em}.article-template__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.2rem;color:var(--article-muted)}.article-template__meta>span+span:before{content:"\b7";margin-inline-end:1.2rem;color:var(--article-line)}.article-template__hero-container{max-width:100rem;margin:3.2rem auto 0}.article-template__hero{overflow:hidden;border-radius:var(--article-radius);background:var(--article-surface)}.article-template__hero--adapt img,.article-template__hero--medium img,.article-template__hero--large img{display:block;width:100%;height:auto;object-fit:cover}.article-template__hero--medium img{aspect-ratio:16 / 9}.article-template__hero--large img{aspect-ratio:3 / 2}.article-template__body{max-width:calc(var(--article-width) + 3rem);margin-left:auto;margin-right:auto}.article-template__content{margin-top:3.2rem;margin-bottom:3.2rem;font-size:1.7rem;line-height:1.75}@media screen and (min-width:750px){.article-template__content{margin-top:4rem;margin-bottom:4rem;font-size:1.8rem}}.article-template__content>p:first-child{font-size:1.15em;line-height:1.65;color:rgba(var(--color-foreground),.85)}.article-template__content p,.article-template__content ul,.article-template__content ol{margin:0 0 2rem}.article-template__content h2,.article-template__content h3,.article-template__content h4{margin:4.4rem 0 1.4rem;line-height:1.25}.article-template__content h2{position:relative;padding-top:1.8rem;font-size:calc(var(--font-heading-scale) * 2.6rem)}.article-template__content h2:before{content:"";position:absolute;top:0;left:0;width:4rem;height:.3rem;border-radius:.3rem;background:var(--article-accent)}.article-template__content h3{margin-top:3.2rem;font-size:calc(var(--font-heading-scale) * 2rem)}.article-template__content h2+h3{margin-top:1.6rem}.article-template__content ul,.article-template__content ol{padding-inline-start:2.2rem}.article-template__content li{margin-bottom:.7rem;padding-inline-start:.3rem}.article-template__content li::marker{color:var(--article-accent);font-weight:600}.article-template__content a:not(.button){color:var(--article-accent);text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.25em}.article-template__content a:not(.button):hover{text-decoration-thickness:.2rem}.article-template__content strong{font-weight:600;color:rgb(var(--color-heading))}.article-template__content hr{margin:3.6rem 0;border:0;border-top:.1rem solid var(--article-line)}.article-template__content img{float:none!important;display:block;width:auto;max-width:100%;height:auto;margin:3rem auto;border-radius:var(--article-radius)}.article-template__content p>img:only-child{margin:3rem auto}.article-template__content figure{margin:3.2rem 0}.article-template__content figure img{width:100%;margin:0}.article-template__content figcaption{margin-top:1rem;font-size:1.4rem;line-height:1.5;color:var(--article-muted);text-align:center}.article-template__content .article-figure-grid{display:grid;grid-template-columns:1fr;gap:1.6rem;margin:3.2rem 0}@media screen and (min-width:750px){.article-template__content .article-figure-grid{grid-template-columns:1fr 1fr}}.article-template__content .article-figure-grid figure{margin:0}@media screen and (min-width:750px){.article-template__content .article-figure-grid--3{grid-template-columns:repeat(3,1fr)}}.article-template__content .article-figure-grid figcaption{font-size:1.3rem}.article-template__content .article-table{margin:2.8rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:.1rem solid var(--article-line);border-radius:var(--article-radius)}.article-template__content table{width:100%;min-width:48rem;margin:0;border-collapse:collapse;table-layout:auto;font-size:1.5rem;line-height:1.5}.article-template__content th,.article-template__content td{padding:1.2rem 1.4rem;border:0;border-bottom:.1rem solid var(--article-line);text-align:left;vertical-align:top}.article-template__content thead th{background:var(--article-surface);color:rgb(var(--color-heading));font-size:1.3rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.article-template__content tbody tr:last-child td{border-bottom:0}.article-template__content tbody tr:nth-child(2n) td{background:rgba(var(--color-foreground),.02)}.article-template__content .callout,.article-template__content blockquote{margin:3rem 0;padding:2rem 2.4rem;border-inline-start:.4rem solid var(--article-accent);border-radius:0 var(--article-radius) var(--article-radius) 0;background:var(--article-surface)}.article-template__content blockquote>*,.article-template__content .callout>*{font-size:inherit;font-style:normal}.article-template__content .callout>:first-child,.article-template__content blockquote>:first-child{margin-top:0}.article-template__content .callout>:last-child,.article-template__content blockquote>:last-child{margin-bottom:0}.article-template__content .callout__title{display:block;margin-bottom:.8rem;font-size:1.3rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-heading))}.article-template__content .callout ul,.article-template__content .callout ol{margin-bottom:0}.article-template__content .callout--takeaways{border-inline-start:0;border:.1rem solid var(--article-line);border-radius:var(--article-radius);background:transparent}.article-template__content .callout--takeaways li{margin-bottom:.9rem}.article-template__content h3+p{margin-top:0}.article-template__layout{position:relative}.article-toc{position:sticky;top:var(--article-sticky-top, 0px);z-index:4;margin:2.4rem -1.5rem 0;background:rgb(var(--color-background));border-bottom:.1rem solid var(--article-line);transition:top .2s ease}.article-toc__toggle{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;width:100%;min-height:5.2rem;padding:.8rem 1.5rem;border:0;background:none;color:rgb(var(--color-heading));font-family:var(--font-body-family);font-size:1.4rem;font-weight:600;text-align:left;cursor:pointer}.article-toc__toggle-label{display:inline-block;max-width:calc(100% - 3.6rem);padding:.5rem 1rem;border-radius:.6rem;background:rgba(var(--color-base-accent, 215, 122, 78),.16);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.article-toc__toggle-icon{display:inline-flex;flex-shrink:0;transition:transform .2s ease}.article-toc__toggle-icon .icon{width:1.2rem;height:1.2rem}.article-toc.is-open .article-toc__toggle-icon{transform:rotate(180deg)}.article-toc__panel{display:none;max-height:60vh;padding:0 1.5rem 1.4rem;overflow:auto}.article-toc.is-open .article-toc__panel{display:block}.article-toc__title{display:none;margin:0 0 1rem;font-size:1.3rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-heading))}.article-toc__list{margin:0;padding:0;list-style:none;font-size:1.5rem;line-height:1.45}.article-toc__list li{margin:0}.article-toc__list a{display:block;padding:.7rem 1.2rem;border-left:.2rem solid transparent;color:rgba(var(--color-foreground),.72);text-decoration:none}.article-toc__list a:hover{color:rgb(var(--color-heading))}.article-toc__list a.is-active{border-left-color:var(--article-accent);color:rgb(var(--color-heading));font-weight:600}.article-template__content [id]{scroll-margin-top:calc(var(--article-sticky-top, 0px) + 7rem)}@media screen and (min-width:750px){.article-toc{margin-left:-5rem;margin-right:-5rem}.article-toc__toggle,.article-toc__panel{padding-left:5rem;padding-right:5rem}}@media screen and (min-width:1200px){.article-template__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--article-width)) minmax(0,1fr);column-gap:3.2rem;align-items:start}.article-toc{grid-column:1;justify-self:end;width:24rem;top:calc(var(--article-sticky-top, 0px) + 2.4rem);margin:4rem 0 0;background:none;border:0;z-index:1}.article-toc__toggle{display:none}.article-toc__panel,.article-toc.is-open .article-toc__panel{display:block;max-height:calc(100vh - var(--article-sticky-top, 0px) - 6rem);padding:0}.article-toc__title{display:block}.article-toc__list{border-left:.2rem solid var(--article-line);font-size:1.4rem}.article-toc__list a{margin-left:-.2rem;padding:.6rem 1.4rem}.article-template__content{grid-column:2}.article-template__content [id]{scroll-margin-top:calc(var(--article-sticky-top, 0px) + 3rem)}}.article-cta{margin:1rem 0 3rem;padding:3.2rem 2.4rem;border-radius:var(--article-radius);background:rgb(var(--color-heading));color:rgb(var(--color-background));text-align:center}@media screen and (min-width:750px){.article-cta{padding:4rem 4.8rem}}.article-cta__heading{margin:0 0 1rem;color:inherit}.article-cta__text{max-width:56rem;margin:0 auto 2.4rem;font-size:1.6rem;line-height:1.6;opacity:.85}.article-cta__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem}.article-cta .button--secondary{--color-button-background: var(--color-heading);--color-button-text: var(--color-background);--color-button-border: var(--color-background);background:transparent;color:rgb(var(--color-background));box-shadow:inset 0 0 0 .1rem rgba(var(--color-background),.7)}.article-cta .button--secondary:hover{color:rgb(var(--color-heading));box-shadow:inset 0 0 0 .1rem rgb(var(--color-background))}.article-template__social-sharing{margin-top:2rem;display:flex;justify-content:center}.article-template__link .icon{width:1.5rem;height:1.5rem;transform:rotate(180deg);margin-inline-end:1rem;position:relative;top:calc(0rem - var(--font-button-baseline))}.article-template__navigation{display:grid;grid-template-columns:1fr;gap:1.6rem;margin-top:3rem;padding:0;list-style:none}@media screen and (min-width:750px){.article-template__navigation{grid-template-columns:1fr 1fr}}.article-template__navigation li a{display:flex;flex-direction:column;gap:.8rem;height:100%;padding:2rem 2.4rem;border:.1rem solid var(--article-line);border-radius:var(--article-radius);text-decoration:none;transition:border-color .2s ease}.article-template__navigation li a:hover{border-color:var(--article-accent)}.article-template__navigation .navigation__next a{text-align:right;align-items:flex-end}.article-template__navigation-label{display:inline-flex;align-items:center;gap:.6rem;color:var(--article-muted)}.article-template__navigation-label .icon{width:1.2rem;height:1.2rem}.article-template__navigation .navigation__previous .icon{transform:rotate(180deg)}.article-template__navigation .h4{margin:0;font-weight:500}.article-template__comment-wrapper{margin-top:5rem;padding-top:5rem;border-top:.1rem solid var(--article-line)}.article-template__comments{margin-bottom:5rem}.article-template__comment-fields{display:grid;gap:1.5rem;margin-bottom:1.5rem}@media screen and (min-width:750px){.article-template__comment-fields{grid-template-columns:1fr 1fr}}.article-template__comment-warning{margin:2rem 0}.article-template__comment-button{margin-top:2rem}.article-template .breadcrumb-wrapper{margin-top:1rem;margin-bottom:0}.article-template__comment-wrapper .h3{margin-top:0}.article-template__comments-fields{margin-bottom:4rem}.article-template__comments-comment{color:rgba(var(--color-foreground),.75);background-color:rgb(var(--color-background));margin-bottom:1.5rem;padding:2rem 0 1.5rem;display:grid;grid-template-columns:auto 1fr;row-gap:2rem;column-gap:2rem}.article-template__comments-comment+.article-template__comments-comment{border-top:.1rem solid rgb(var(--color-border))}.article-template__comments-comment p{margin:0 0 1rem}.comment__gravatar{border-radius:100%;max-width:5.6rem;margin-top:.6rem;display:block;height:auto}.comment__author{color:rgb(var(--color-foreground));text-transform:uppercase;font-size:1.3rem;font-weight:600;letter-spacing:.13rem}.comment__date{font-size:1.4rem}.comment__content .rte{margin-top:1rem}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-blog-post.css.map */