.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:2.5rem 1.5rem}.article-card{position:relative;display:grid;gap:1.25rem;align-content:start}.article-card .media img{transition:transform 1.1s var(--ease-out)}.article-card:hover .media img{transform:scale(1.04)}.article-card__body{display:grid;gap:.6rem}.article-card__meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8125rem;color:var(--color-muted)}.article-card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.article-card__title{transition:color .25s ease}.article-card:hover .article-card__title{color:var(--color-accent)}.blog-header{display:grid;gap:1.5rem;margin-bottom:clamp(2.5rem,5vw,4rem)}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-tags a{transition:background-color .25s ease,color .25s ease}.blog-tags a:hover,.blog-tags .tag--solid{background:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg)}.article{display:grid;gap:clamp(2rem,4vw,3rem)}.article__header{display:grid;gap:1.25rem;justify-items:center;text-align:center}.article__title{max-width:20ch}.article__content{font-size:1.125rem;line-height:1.75}.article__content h2,.article__content h3{margin-top:2.2em}.article__content h2{font-size:calc(clamp(1.75rem,3vw,2.5rem) * var(--heading-scale))}.article__content h3{font-size:calc(clamp(1.375rem,2.2vw,1.75rem) * var(--heading-scale))}.article__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:2rem;border-top:1px solid var(--color-border)}.article-comments{display:grid;gap:1.5rem}.article-comment{padding:1.25rem;border-radius:var(--radius-small);background:var(--color-surface)}.article__crumbs{display:flex;gap:.5rem;font-size:.8125rem;color:var(--color-muted)}.article__lead{max-width:62ch;color:var(--color-muted)}.article__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1.25rem;font-size:.875rem;color:var(--color-muted)}.article__cover .media{border-radius:var(--radius-media);overflow:hidden}.article-layout{display:grid;gap:3rem;justify-content:center;grid-template-columns:minmax(0,min(46rem,100%))}@media(min-width:1100px){.article-layout:not(.article-layout--no-toc){grid-template-columns:minmax(0,46rem) 15rem;gap:clamp(3rem,5vw,5rem)}}.article__body{display:grid;gap:2.5rem;min-width:0}.article__body>*{min-width:0}.article-toc{display:none}@media(min-width:1100px){.article-toc:not([hidden]){display:block;position:sticky;top:calc(var(--header-height, 72px) + 2rem);align-self:start;max-height:calc(100vh - var(--header-height, 72px) - 4rem);overflow:auto}}.article-toc__title{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);margin-bottom:.9rem}.article-toc__list{list-style:none;padding:0;margin:0;display:grid;gap:.15rem;border-left:1px solid var(--color-border)}.article-toc__list a{display:block;padding:.35rem 0 .35rem .9rem;margin-left:-1px;border-left:2px solid transparent;font-size:.875rem;line-height:1.4;color:var(--color-muted);text-decoration:none;transition:color .2s ease,border-color .2s ease}.article-toc__list a:hover,.article-toc__list a.is-active{color:var(--color-fg);border-left-color:var(--color-accent)}.article__content h2{scroll-margin-top:calc(var(--header-height, 72px) + 1.5rem)}.article__content figure{margin:2rem 0}.article__content figure img{width:100%;height:auto;border-radius:var(--radius-media);border:1px solid var(--color-border)}.article__content figcaption{margin-top:.75rem;font-size:.875rem;color:var(--color-muted);text-align:center}.article__content .article-note{padding:1.1rem 1.35rem;border-radius:var(--radius-small);background:var(--color-surface, rgba(var(--color-fg-rgb), .04));border:1px solid var(--color-border);font-size:1rem}.article__content .article-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-small)}.article__content .article-table table{width:100%;min-width:640px;border-collapse:collapse;font-size:.9375rem;line-height:1.45}.article__content .article-table th,.article__content .article-table td{padding:.75rem .9rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border)}.article__content .article-table thead th{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);background:rgba(var(--color-fg-rgb),.03)}.article__content .article-table tbody tr:last-child td{border-bottom:0}.article__content .theme-pick{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--color-border)}.article__content .theme-pick h3{margin-top:0}.article__content .theme-pick__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem 1.5rem;margin:1.5rem 0;padding:1rem 1.25rem;border-radius:var(--radius-small);background:rgba(var(--color-fg-rgb),.04);font-size:.9375rem}.article__content .theme-pick__facts dt{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.article__content .theme-pick__facts dd{margin:.15rem 0 0;font-weight:500}.article__content .theme-pick__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.article__content .article-button{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:var(--radius-button);background:var(--color-button);color:var(--color-button-label);font-size:.9375rem;font-weight:500;line-height:1.2;text-decoration:none;transition:opacity .2s ease}.article__content .article-button:hover{opacity:.85}.article__content .article-button--secondary{background:transparent;color:var(--color-fg);box-shadow:inset 0 0 0 1px var(--color-border)}.article__content .article-faq h3{font-size:calc(1.25rem * var(--heading-scale));margin-top:1.75em}.article-author{display:flex;gap:1.25rem;align-items:flex-start;padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-small)}.article-author__image{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none}.article-author__name{font-weight:600;margin-bottom:.25rem}.article-cta{display:grid;gap:1rem;padding:clamp(1.75rem,4vw,2.75rem);border-radius:var(--radius-media);background:var(--color-bg);color:var(--color-fg)}.article-cta__heading{margin:0}.article-cta__text{color:var(--color-muted)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-blog.css.map */