.article-template__hero,.main-blog__hero{background:var(--tf-paper);padding-bottom:3.2rem}
.article-template__hero-in{display:grid;gap:2.4rem;align-items:start;padding-top:1.6rem}
.article-template__head{min-width:0;display:grid;gap:1.2rem}
.article-template__head .tf-crumbs{padding-top:0}
.article-template__title{font-size:clamp(3.2rem,3.8vw,5rem)}
.article-template__lede{margin:0;font-size:1.9rem;color:var(--tf-ink2);max-width:64rem}
.article-template__meta{margin:0;font-family:var(--tf-mono);font-size:1.25rem;letter-spacing:.03em;color:var(--tf-ink2)}
.article-template__hero-image{margin:0;overflow:hidden;display:flex;justify-self:start;line-height:0}
.article-template__hero-image img{display:block;width:100%;height:auto}
@media screen and (min-width:37.5em){.article-template__hero-in{grid-template-columns:minmax(0,1fr) minmax(0,44%)}.article-template__hero-image{justify-self:end}}
.main-blog__hero .page-width{display:grid;gap:1.2rem}
.main-blog__hero p{margin:0;font-size:1.9rem;color:var(--tf-ink2)}
.tf-art{display:grid;gap:2.4rem;align-items:start}
@media screen and (min-width:61.875em){.tf-art{grid-template-columns:26rem minmax(0,1fr);gap:4.8rem}.tf-toc{position:sticky;top:2rem}}
@media screen and (min-width:61.875em) and (max-width:73.748em){.tf-toc{top:13rem}}
.tf-toc{border:.1rem solid var(--tf-line);padding:1.2rem 1.4rem;background:var(--tf-paper);min-width:0}
.tf-toc summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:4.4rem;font-family:var(--tf-mono);font-size:1.3rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;list-style:none}
.tf-toc summary::-webkit-details-marker{display:none}
.tf-toc ol{margin:.4rem 0 0;padding:0;list-style:none;counter-reset:toc;display:grid}
.tf-toc li{counter-increment:toc;border-top:.1rem solid var(--tf-line)}
.tf-toc a{display:grid;grid-template-columns:2.8rem minmax(0,1fr);gap:.4rem;padding:.9rem 0;font-size:1.45rem;text-decoration:none;line-height:1.3}
.tf-toc a::before{content:counter(toc,decimal-leading-zero);font-family:var(--tf-mono);font-size:1.2rem;color:var(--tf-clay)}
.tf-toc a:hover{text-decoration:underline;text-underline-offset:.3rem}
.article-template__content{min-width:0;font-size:1.8rem;line-height:1.65}
.article-template__content>h2{margin:4.8rem 0 1.6rem;padding-top:2.4rem;border-top:.1rem solid var(--tf-ink);scroll-margin-top:14rem;font-size:clamp(2.6rem,2.6vw,3.6rem)}
.article-template__content>h2:first-child{margin-top:0}
.article-template__content>h3{margin:3.2rem 0 1rem;font-size:2.1rem}
.article-template__content>p{margin:0 0 1.6rem}
.article-template__content>ul,.article-template__content>ol:not(.tf-steps){margin:0 0 1.8rem;padding-left:2.2rem;display:grid;gap:.6rem}
.article-template__content>.tf-table-wrap,.article-template__content>.tf-steps,.article-template__content>.tf-note{margin:2.4rem 0}
.article-template__content .tf-table{font-size:1.5rem;min-width:0}
.article-template__content .tf-table th,.article-template__content .tf-table td{overflow-wrap:anywhere}
.tf-fig{margin:2.8rem 0;display:grid;gap:.8rem}
.tf-fig__img{background:var(--tf-cell);overflow:hidden;line-height:0}
.tf-fig__img img{display:block;width:100%;height:auto}
.tf-fig figcaption,.tf-shelf figcaption,.tf-artbuy figcaption{font-size:1.35rem;line-height:1.45;color:var(--tf-ink2)}
.tf-fig figcaption b{display:block;color:var(--tf-ink);font-size:1.5rem}
.tf-fig__pair{display:flex;gap:.8rem;align-items:flex-start}
.tf-fig__pair .tf-fig__img{flex:1 1 0;min-width:0}
@media screen and (min-width:46.875em){.tf-fig--side{float:right;width:var(--fw);margin:.6rem 0 1.6rem 2.8rem}}
.article-template__content>h2,.article-template__content>.tf-table-wrap,.article-template__content>.tf-shelf,.article-template__content>.tf-steps,.article-template__content>.tf-statfig,.article-template__content>.tf-quote{clear:both}
.tf-quote{margin:2.8rem 0;padding:1.8rem 2rem;border-left:.4rem solid var(--tf-ink);background:var(--tf-cell)}
.tf-quote blockquote{margin:0;font-family:var(--font-heading-family);font-size:2.1rem;line-height:1.35}
.tf-quote blockquote p{margin:0}
.tf-quote figcaption{margin-top:1rem;font-size:1.3rem;color:var(--tf-ink2)}
.tf-quote figcaption a{text-decoration:underline;text-underline-offset:.3rem}
.tf-quote--buyer{border-left-color:var(--tf-clay);background:var(--tf-paper);border-top:.1rem solid var(--tf-line);border-right:.1rem solid var(--tf-line);border-bottom:.1rem solid var(--tf-line)}
.tf-quote--buyer blockquote{font-family:var(--font-body-family);font-size:1.7rem;line-height:1.55}
.tf-shelf{margin:2.8rem 0;display:grid;gap:.8rem}
.tf-shelf.tf-wallbox{padding:1.6rem}
.tf-artbuy{margin:2.8rem 0;display:grid;gap:.8rem;justify-items:start;padding:1.6rem;border:.1rem solid var(--tf-ink)}
.tf-artfoot{display:grid;gap:3.2rem}