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