.article-template{background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding-bottom:var(--article-padding-bottom);padding-top:var(--article-padding-top)}.article-template__header{max-width:100rem}.article-template__meta{align-items:center;color:rgba(var(--color-foreground),.68);display:flex;flex-wrap:wrap;font-size:var(--font-body-base-size);gap:.7rem;line-height:1.35}.article-template__category{background:rgb(var(--color-button));border-radius:var(--badge-corner-radius);color:rgb(var(--color-button-text));display:inline-flex;font-weight:var(--font-body-weight-bold);padding:.45rem 1.1rem}.article-template__meta-separator{color:rgba(var(--color-foreground),.5);font-weight:var(--font-body-weight-bold)}.article-template__reading-time{align-items:center;display:inline-flex;gap:.45rem}.article-template__clock{display:inline-flex;height:1.9rem;width:1.9rem}.article-template__clock svg{height:100%;width:100%}.article-template__title{color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:clamp(var(--font-heading-base-size),5vw,calc(var(--font-heading-base-size) * var(--article-title-scale)));font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:0;line-height:1.05;margin:2rem 0 0}.article-template__contributors{display:flex;flex-wrap:wrap;gap:2rem clamp(3rem,7vw,7rem);margin-top:2.8rem}.article-template__contributor{align-items:center;display:flex;gap:1.2rem;min-width:min(100%,29rem)}.article-template__avatar{align-items:center;background:rgba(var(--color-foreground),.08);border-radius:50%;color:rgb(var(--color-foreground));display:inline-flex;flex:0 0 5.6rem;font-weight:var(--font-body-weight-bold);height:5.6rem;justify-content:center;overflow:hidden;width:5.6rem}.article-template__avatar img{height:100%;object-fit:cover;width:100%}.article-template__contributor-copy{display:grid;line-height:1.35}.article-template__contributor-label{color:rgba(var(--color-foreground),.64)}.article-template__contributor-line{color:rgba(var(--color-foreground),.7)}.article-template__contributor-line strong{color:rgb(var(--color-foreground));font-weight:var(--font-body-weight-bold)}.article-template__hero{margin-top:clamp(2.8rem,5vw,4.8rem)}.article-template__hero-media{border-radius:var(--media-radius);overflow:hidden}.article-template__hero-media:after{border-radius:var(--media-radius)}.article-template__hero-media--small{height:clamp(24rem,38vw,42rem)}.article-template__hero-media--medium{height:clamp(30rem,48vw,58rem)}.article-template__hero-media--large{height:clamp(38rem,58vw,72rem)}.article-template__hero-media img{object-fit:cover}.article-template__layout{display:grid;gap:4rem;margin-top:clamp(3.2rem,5vw,5.6rem);min-width:0}.article-template__rail,.article-template__main{min-width:0}.article-template__share-label{color:rgb(var(--color-foreground));font-weight:var(--font-body-weight-semibold);margin:0 0 1.2rem}.article-template__share-list{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem}.article-template__share-link{align-items:center;-webkit-appearance:none;appearance:none;background:rgba(var(--color-foreground),.07);border:0;border-radius:50%;color:rgb(var(--color-foreground));cursor:pointer;display:inline-flex;flex:0 0 4.4rem;height:4.4rem;justify-content:center;margin:0;padding:1.15rem;text-decoration:none;transition:background-color .16s ease,color .16s ease;width:4.4rem}.article-template__share-link:hover,.article-template__share-link:focus-visible{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.article-template__share-link:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.article-template__share-link svg{fill:currentColor;height:100%;width:100%}.article-template__share-link svg[fill=none]{fill:none}.article-template__toc[hidden]{display:none}.article-template__toc-list{display:grid;gap:.7rem;list-style:none;margin:2.8rem 0 0;padding:0}.finch-article__toc-item{margin:0;padding:0}.finch-article__toc-link{border-radius:var(--text-boxes-radius);color:rgba(var(--color-foreground),.67);display:block;line-height:1.45;padding:1rem 1.2rem;text-decoration:none;transition:background-color .16s ease,color .16s ease}.finch-article__toc-link[data-heading-level="3"]{font-size:calc(var(--font-body-base-size) * .9);padding-left:2.4rem}.finch-article__toc-link:hover,.finch-article__toc-link:focus-visible,.finch-article__toc-link[aria-current=location]{background:rgba(var(--color-foreground),.055);color:rgb(var(--color-foreground))}.finch-article__toc-link[aria-current=location]{font-weight:var(--font-body-weight-semibold)}.finch-article__toc-link:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.article-template__takeaways{border-radius:var(--text-boxes-radius);color:rgb(var(--color-foreground));margin-bottom:3rem;padding:clamp(2.2rem,4vw,3.2rem)}.article-template__takeaways-title{color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:var(--font-heading-base-size);font-weight:var(--font-heading-weight);line-height:1.2;margin:0 0 .8rem}.article-template__takeaways-content,.article-template__takeaways-content>:first-child,.article-template__takeaways-content .metafield-rich_text_field>:first-child{margin-top:0}.article-template__takeaways-content>:last-child,.article-template__takeaways-content .metafield-rich_text_field>:last-child{margin-bottom:0}.article-template__content{color:rgba(var(--color-foreground),.9);font-size:var(--font-body-base-size);line-height:1.72}.article-template__content>:first-child{margin-top:0}.article-template__content h2,.article-template__content h3{color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:0;scroll-margin-top:calc(var(--header-height, 0px) + 2.4rem)}.article-template__content h2{font-size:var(--font-heading-base-size);line-height:1.2;margin:5rem 0 1.8rem}.article-template__content h3{font-size:calc(var(--font-heading-base-size) * .85);line-height:1.25;margin:3.2rem 0 1.4rem}.article-template__content a{color:rgb(var(--color-link));text-underline-offset:.25rem}.article-template__content img,.article-template__content video{border-radius:var(--media-radius);height:auto;max-width:100%}.article-template__content iframe{aspect-ratio:16 / 9;border:0;border-radius:var(--media-radius);display:block;height:auto;max-width:100%;width:100%}.article-template__content table{display:block;max-width:100%;overflow-x:auto}.article-template__app-block{margin-top:3rem}.article-template__back{display:flex;justify-content:center;margin-top:5rem}.article-template__link{align-items:center;display:inline-flex;font-size:var(--font-body-base-size);gap:.8rem;justify-content:center;text-decoration:none}.article-template__link .icon-wrap{display:flex;transform:rotate(180deg)}.article-template__comment-wrapper{border-top:.1rem solid rgba(var(--color-foreground),.12);margin-top:5rem;padding:4rem 0 0}.article-template__comments-inner{margin:0 auto;max-width:80rem}.article-template__comment-wrapper h2{margin-top:0}.article-template__comments{margin-bottom:5rem}.article-template__comments-fields{margin-bottom:4rem}.article-template__comments-comment{background:rgba(var(--color-foreground),.04);border-radius:var(--text-boxes-radius);color:rgba(var(--color-foreground),.75);margin-bottom:1.5rem;padding:2rem}.article-template__comments-comment p{margin:0 0 1rem}.article-template__comment-fields>*{margin-bottom:3rem}.article-template__comment-warning{margin:2rem 0 2.5rem}@media screen and (max-width:989px){.article-template__toc{display:none}}@media screen and (min-width:750px){.article-template__comment-fields{display:grid;gap:4rem;grid-template-columns:repeat(2,minmax(0,1fr))}.article-template__comments-comment{padding:2rem 2.5rem}}@media screen and (min-width:990px){.article-template__layout{align-items:start;gap:clamp(3.2rem,5vw,6rem);grid-template-columns:minmax(22rem,26rem) minmax(0,1fr)}.article-template__rail{max-height:calc(100vh - var(--header-height, 0px) - 4rem);overflow-y:auto;overscroll-behavior:contain;position:sticky;scrollbar-width:thin;top:calc(var(--header-height, 0px) + 2rem)}}@media screen and (max-width:749px){.article-template__meta{font-size:calc(var(--font-body-base-size) * .875);gap:.55rem}.article-template__category{padding:.35rem .9rem}.article-template__title{font-size:clamp(var(--font-heading-base-size),10.5vw,calc(var(--font-heading-base-size) * var(--article-title-scale)));margin-top:1.6rem}.article-template__contributors{align-items:stretch;flex-direction:column;gap:1.8rem;margin-top:2.4rem}.article-template__contributor{min-width:0;width:100%}.article-template__hero{margin-top:3rem}.article-template__hero-media--small,.article-template__hero-media--medium,.article-template__hero-media--large{height:clamp(24rem,82vw,44rem)}.article-template__layout{gap:3.2rem;margin-top:3rem}.article-template__share-link{flex-basis:4.2rem;height:4.2rem;padding:1.1rem;width:4.2rem}.article-template__takeaways{margin-bottom:3rem;padding:2.4rem 2rem}.article-template__content h2{margin-top:4rem}}@media(prefers-reduced-motion:reduce){.article-template__share-link,.finch-article__toc-link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-blog-post.css.map */