.main-article{--article-border: rgba(var(--color-foreground), .12);--article-soft: rgba(var(--color-foreground), .045);--article-accent: #ff6540;--article-blue: #1351aa}.main-article [hidden]{display:none!important}.main-article__wrapper{overflow:visible}.article-hero{margin-block:2rem 0;background:transparent}.article-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(14rem,18rem);align-items:center;min-height:0;padding-inline:0;overflow:hidden;border:1px solid var(--article-border);border-radius:var(--medium-radius);background:rgb(var(--color-background))}.article-hero__inner--text-only{grid-template-columns:minmax(0,1fr)}.article-hero__copy{display:flex;flex-direction:column;justify-content:center;min-height:14rem;padding:clamp(2.25rem,3vw,3.25rem)}.article-hero__copy .breadcrumb{margin-block-end:1.25rem}.article-hero .article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-end:1rem}.article-hero .article-tags a{display:inline-flex;padding:.45rem .8rem;border-radius:.35rem;background:var(--article-blue);color:#fff;font-size:.75rem;font-weight:700;line-height:1;text-decoration:none;text-transform:uppercase}.article-hero__title{max-width:none;margin:0;color:rgb(var(--color-foreground));font-size:clamp(2.5rem,3.2vw,3.5rem);line-height:1.12;letter-spacing:-.025em}.article-hero__excerpt{max-width:42rem;margin-block-start:1.25rem;font-size:1.05rem;color:rgba(var(--color-foreground),.76)}.article-hero__meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-block-start:1.5rem;color:rgba(var(--color-foreground),.68);font-size:.875rem}.article-hero__meta>*+*:before{content:"\2022";margin-inline-end:1rem}.article-hero__media{display:grid;place-items:center;min-width:0;min-height:0;padding:1.25rem;background:#f7f9fc}.article-hero__image{display:block;width:100%;max-width:16rem;height:auto;max-height:12rem;object-fit:contain}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,20rem);grid-template-areas:"main aside";align-items:start;gap:clamp(1.5rem,3vw,3rem);padding-block:3rem}.article-layout.article-layout--with-toc{grid-template-columns:minmax(12rem,14rem) minmax(0,1fr) minmax(17rem,20rem);grid-template-areas:"toc main aside"}.article-toc,.article-commerce>*,.article-quote-card{border:1px solid var(--article-border);border-radius:var(--medium-radius);background:rgb(var(--color-background))}.article-toc{grid-area:toc;position:sticky;top:7rem;padding:1.5rem}.article-toc details>summary{list-style:none;cursor:pointer}.article-toc details>summary::-webkit-details-marker{display:none}.article-toc__heading{font-size:.9rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.article-toc__list{display:grid;gap:1rem;margin-block:1.25rem 0;counter-reset:article-toc}.article-toc__list li{counter-increment:article-toc}.article-toc__list a{display:grid;grid-template-columns:1.75rem 1fr;gap:.5rem;color:rgba(var(--color-foreground),.78);font-size:.875rem;line-height:1.35;text-decoration:none}.article-toc__list a:before{content:counter(article-toc,decimal-leading-zero);color:var(--article-blue);font-weight:700}.article-toc__list a:hover,.article-toc__list a:focus-visible{color:var(--article-blue)}.article-main-detail{grid-area:main;min-width:0;max-width:54rem;width:100%;margin-inline:auto}.article-template-content{font-size:1.05rem;line-height:1.75}.article-template-content>:first-child{margin-block-start:0}.article-template-content h2{margin-block:3rem 1rem;scroll-margin-top:7rem;font-size:clamp(1.75rem,2.5vw,2.5rem);line-height:1.2}.article-template-content h3{margin-block:2rem .75rem}.article-template-content img{height:auto;border-radius:var(--medium-radius)}.article-checklist{display:grid;grid-template-columns:4.5rem 1fr;gap:1.25rem;margin-block-end:2rem;overflow:hidden;border:1px solid rgba(255,101,64,.42);border-radius:var(--medium-radius);background:#ff654009}.article-checklist__icon{display:grid;place-items:center;min-height:100%;background:var(--article-accent);color:#fff;font-size:2rem;font-weight:700}.article-checklist>div:last-child{padding:1.25rem 1.25rem 1.25rem 0}.article-checklist__heading{margin:0 0 .75rem;color:var(--article-accent);font-size:1rem}.article-checklist__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1.5rem;margin:0}.article-checklist__list li{position:relative;padding-inline-start:1.4rem;font-size:.9rem;line-height:1.35}.article-checklist__list li:before{content:"\2713";position:absolute;inset-inline-start:0;color:var(--article-accent);font-weight:700}.article-template-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-block-start:3rem}.article-comments{margin-block-start:3rem}.article-comments .comments-form-wrapper{padding-block-start:2rem;border-block-start:1px solid var(--article-border)}.article-comments .comment-heading{font-size:1.5rem}.article-comments .comment-count{padding:.5rem 1rem;border-radius:9999px;background:var(--article-soft);font-size:.75rem}.article-comments .comments-list{margin-block-start:2rem}.article-comments .comments-list .content-list{margin:0;padding:0;list-style:none}.article-comments .comments-list .content-list li{display:flex;align-items:center;gap:2rem;padding-block:1rem}.article-comments .comments-list .content-list li:not(:last-child){border-block-end:1px solid var(--article-border)}.article-comments .avatar{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:9999px;background:var(--article-soft);color:rgba(var(--color-foreground),.18);font-size:2rem;font-weight:var(--font-body-weight-bold);text-transform:uppercase}.article-comments .comment-detail{flex:1 1 auto}.article-comments .comment-header{display:flex;align-items:center;justify-content:space-between;margin-block-end:.5rem;font-size:.875rem}.article-commerce{grid-area:aside;position:sticky;top:7rem;display:grid;gap:1.25rem}.article-commerce .related-list,.article-commerce .article-quote-card{padding:1.25rem}.article-commerce .results-title{margin-block:0 1rem}.article-commerce .results-container{margin:0}.article-commerce .results-container>li:not(:last-child){margin-block-end:1rem}.article-quote-card{padding:1.5rem;background:var(--article-soft)}.article-quote-card__heading{margin:0 0 .75rem}.article-quote-card__text{margin-block-end:1.25rem;color:rgba(var(--color-foreground),.72);font-size:.9rem;line-height:1.55}.article-quote-card .button{width:100%}.article-related-guides{padding-block:1rem 4rem}.article-related-guides .related-list{display:block}.article-related-guides .results-title{margin-block-end:1.5rem}.article-related-guides .results-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:0}.article-related-guides .results-container>li{min-width:0}@media screen and (max-width:1199px){.article-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "aside"}.article-layout.article-layout--with-toc{grid-template-columns:minmax(12rem,14rem) minmax(0,1fr);grid-template-areas:"toc main" ". aside"}.article-commerce{position:static}}@media screen and (max-width:749px){.article-hero{margin-block-start:1rem}.article-hero__inner{grid-template-columns:1fr;min-height:0}.article-hero__copy{padding:2rem 1.25rem}.article-hero__title{font-size:1.9rem;line-height:1.18}.article-hero__media{min-height:0;padding:1rem}.article-hero__image{max-width:14rem;max-height:10rem}.article-layout{grid-template-columns:1fr;grid-template-areas:"main" "aside";gap:1.5rem;padding-block:2rem}.article-layout.article-layout--with-toc{grid-template-columns:1fr;grid-template-areas:"toc" "main" "aside"}.article-toc,.article-commerce{position:static}.article-toc{padding:1.25rem}.article-checklist{grid-template-columns:3.5rem 1fr}.article-checklist__list{grid-template-columns:1fr}.article-template-content{font-size:1rem}.article-comments .comments-list .content-list li{align-items:flex-start;gap:1rem}.article-comments .avatar{width:3rem;height:3rem;font-size:1.25rem}.article-related-guides{padding-block-end:2.5rem}.article-related-guides .results-container{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-main-article.css.map */