html:has(article-reader){scrollbar-width:none}html:has(article-reader)::-webkit-scrollbar{display:none}.article-heading{background:#f3f8f4}.article-breadcrumbs{display:flex;align-items:center;gap:8px;padding-top:14px;padding-bottom:14px;font-size:12px;line-height:133%;letter-spacing:.1px}.article-breadcrumbs a{flex-shrink:0;color:var(--color-text-subtle)}.article-breadcrumbs span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;letter-spacing:.4px}.article-hero{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:32px;padding-top:32px;padding-bottom:48px}.article-hero__text{display:flex;min-width:0;flex-direction:column;gap:22px}.article-tags{display:flex;flex-wrap:wrap;gap:8px}.article-tags a{display:block;border-radius:999px;background:var(--color-accent);color:#fff;padding:6px 14px;font-size:14px;font-weight:500;line-height:129%;letter-spacing:.4px}.article-hero h1{margin:0;font-size:30px;font-weight:700;line-height:120%;letter-spacing:-.8px;overflow-wrap:anywhere}.article-lead{color:var(--color-text-muted);font-size:17px;line-height:165%}.article-lead p{margin:0}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;color:var(--color-text-muted);font-size:14px;line-height:129%;letter-spacing:.1px}.article-meta>*{display:flex;align-items:center;gap:8px;white-space:nowrap}.article-hero__image{overflow:hidden;aspect-ratio:3 / 2;border-radius:24px}.article-hero__image img{width:100%;height:100%;object-fit:cover}.article-hero__image--small{display:flex;align-items:center;justify-content:center}.article-hero__image--small img{width:auto;height:auto;max-width:100%;max-height:100%}.article-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:32px;padding-top:40px;padding-bottom:48px}.article-sidebar{min-width:0}.article-sidebar[hidden]{display:none}.article-toc{padding:24px 20px 20px;border-radius:20px;background:var(--color-surface-alt)}.article-toc h2{display:flex;align-items:center;gap:10px;margin:0;padding:0 4px 12px;font-size:18px;font-weight:600;line-height:144%;letter-spacing:-.2px}.article-toc ol{display:flex;flex-direction:column;gap:4px}.article-toc a{display:flex;gap:12px;padding:10px 12px;border-radius:10px;border-left:2px solid transparent;color:var(--color-text-muted);font-size:14px;line-height:143%;text-decoration:none}.article-toc a>span:first-child{flex-shrink:0;font-size:12px;letter-spacing:.1px}.article-toc a:hover,.article-toc a[aria-current=location]{border-left-color:var(--color-accent);background:#fff;color:var(--color-accent)}.article-toc a[aria-current=location]{font-weight:500}.article-main{min-width:0}.article-body{overflow-wrap:anywhere;font-size:17px;line-height:165%}.article-body>p,.article-body>ul,.article-body>ol,.article-body>table{margin:0 0 20px}.article-body>h2{margin:60px 0 20px;font-size:28px;font-weight:600;line-height:129%;letter-spacing:-.6px;scroll-margin-top:240px}.article-body>h2:first-child{margin-top:0}.article-body h3{margin:20px 0;font-size:21px;font-weight:600;line-height:133%;letter-spacing:-.6px}.article-body h4{margin:20px 0;font-size:18px;font-weight:600;line-height:144%}.article-body>ul,.article-body>ol{margin-left:0;padding-left:24px}.article-body li>p{margin:0}.article-body li>ul,.article-body li>ol{margin-top:8px;margin-bottom:0}.article-body a{color:var(--color-accent-text);text-underline-offset:3px}.article-body strong{font-weight:700}.article-body img{display:block;width:auto;max-width:100%;height:auto;margin-inline:auto;border-radius:16px}.article-body>p:has(>img:only-child),.article-body figure{margin:0 0 20px}.article-body figcaption{margin-top:10px;color:var(--color-text-muted);font-size:13px;line-height:154%;text-align:center}.article-body iframe,.article-body video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16 / 9;margin-bottom:20px;border:0;border-radius:16px}.article-body blockquote{margin:0 0 20px;border-left:4px solid var(--color-accent-text);border-radius:16px;padding:20px 24px;background:#f3f8f4;color:var(--color-text);font:inherit}.article-body blockquote>:last-child{margin-bottom:0}.article-table{max-width:100%;overflow-x:auto;margin:0 0 20px;border:1px solid var(--color-border);border-radius:16px;background:#fff;overscroll-behavior-inline:contain}.article-body .article-table table{display:table;width:100%;min-width:calc(var(--article-table-columns, 4) * 175px);margin:0;border-collapse:collapse;table-layout:fixed}.article-table table:is([data-columns="1"],[data-columns="2"],[data-columns="3"]){min-width:0}.article-body .article-table :is(th,td){border:0;border-bottom:1px solid var(--color-border);padding:14px 16px;color:var(--color-text-muted);text-align:left;vertical-align:top;font-size:13px;font-weight:400;line-height:154%;overflow-wrap:anywhere}.article-body .article-table :is(thead th,tr:first-child>th){background:var(--color-surface-alt);font-size:14px;font-weight:500;line-height:129%;letter-spacing:.4px}.article-body .article-table tbody th,.article-body .article-table td:first-child{color:var(--color-text);font-weight:700}.article-body .article-table tbody tr:last-child>:is(th,td){border-bottom:0}.article-body>table{display:block;max-width:100%;overflow-x:auto}.article-body .article-table :is(th,td)>:last-child{margin-bottom:0}.article-table table[data-columns="4"] :is(th,td):nth-child(1){width:23.14%}.article-table table[data-columns="4"] :is(th,td):nth-child(2){width:29.56%}.article-table table[data-columns="4"] :is(th,td):nth-child(3){width:24.42%}.article-table table[data-columns="4"] :is(th,td):nth-child(4){width:22.88%}.article-faq{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.article-faq__item{padding:20px 22px;border-radius:16px;background:var(--color-surface-alt)}.article-faq__question{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;border:0;padding:0;background:transparent;color:var(--color-text);text-align:left;font-family:var(--font-heading);font-size:18px;font-weight:600;line-height:144%;letter-spacing:-.2px}.article-faq__sign{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--color-accent)}.article-faq__question[aria-expanded=true] .article-faq__sign{background:var(--color-accent);color:#fff}.article-faq__question[aria-expanded=true] .article-faq__plus,.article-faq__question[aria-expanded=false] .article-faq__minus{display:none}.article-faq__panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .25s ease,visibility 0s linear .25s}.article-faq__question[aria-expanded=true]+.article-faq__panel{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .25s ease,visibility 0s}.article-faq__answer{min-height:0;overflow:hidden;color:var(--color-text-muted);font-size:15px;line-height:160%}.article-faq__answer>div{padding-top:12px}.article-faq__answer p{margin:0}.article-body>p:last-child:not(:has(img,iframe,video)),.article-body .article-conclusion{margin-bottom:0;padding:28px 32px;border-radius:20px;background:var(--color-accent);color:#fff}.article-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;border-top:1px solid var(--color-border);padding-top:20px;color:var(--color-text-muted);font-size:14px;line-height:129%;letter-spacing:.1px}.article-share>a,.article-share>button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border);border-radius:50%;background:transparent;color:var(--color-text)}.article-share>a:hover,.article-share>button:hover{border-color:var(--color-accent);color:var(--color-accent)}.article-share__status{flex-basis:100%;color:var(--color-accent-text);font-weight:600;overflow-wrap:anywhere}.article-share__status:empty{display:none}.article-share__url{display:block;width:100%;margin-top:8px;border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;background:#fff;color:var(--color-text);font-size:16px}.article-related{padding:48px 0;background:var(--color-surface-alt)}.article-section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.article-section-heading h2{margin:0;font-size:26px;font-weight:600;line-height:125%;letter-spacing:-.6px}.article-section-heading h2 span{color:var(--color-accent-text)}.article-view-all{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:8px;border:1.5px solid var(--color-accent);border-radius:999px;padding:10px 18px;background:#fff;color:var(--color-accent);font-family:var(--font-heading);font-size:14px;font-weight:600;line-height:143%;letter-spacing:.2px;white-space:nowrap}.article-related__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.article-related__grid>li{min-width:0}.article-related-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:20px;background:#fff}.article-related-card__image{display:block;height:256px;overflow:hidden}.article-related-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.article-related-card__image:hover img{transform:scale(1.03)}.article-related-card__text{display:flex;flex:1;flex-direction:column;align-items:start;gap:14px;padding:24px 24px 28px}.article-related-card__tag{border-radius:999px;padding:4px 10px;background:var(--color-surface-tint);color:var(--color-accent);font-size:12px;line-height:133%}.article-related-card h3{margin:0;font-size:18px;font-weight:600;line-height:144%;letter-spacing:-.2px}.article-related-card h3 a{color:var(--color-text)}.article-read-more{display:flex;align-items:center;gap:8px;margin-top:auto;color:var(--color-accent);font-family:var(--font-heading);font-size:13px;font-weight:600;line-height:154%}.article-products{padding:48px 0}.article-products__nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.article-products__nav .btn{gap:8px;white-space:nowrap}.article-carousel-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border);border-radius:50%;background:#fff;color:var(--color-text)}.article-carousel-arrow:disabled{opacity:.35;cursor:default}.article-products__track{display:flex;gap:24px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none}.article-products__track>li{width:260px;flex-shrink:0;scroll-snap-align:start}@media(min-width:750px){.article-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-section-heading h2{font-size:32px}.article-hero h1{font-size:40px}.article-related,.article-products{padding:80px 0}}@media(min-width:990px){.article-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding-top:48px;padding-bottom:64px}.article-hero--text-only{grid-template-columns:minmax(0,1fr)}.article-layout{grid-template-columns:260px minmax(0,780px);gap:40px;padding-top:64px;padding-bottom:80px}.article-layout:not(:has(.article-sidebar:not([hidden]))){grid-template-columns:minmax(0,780px)}.article-sidebar{position:sticky;top:calc(var(--article-header-offset, 0px) + 24px)}.article-toc{max-height:calc(100dvh - var(--article-header-offset, 0px) - 48px);overflow-y:auto}.article-related__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1200px){.article-hero{grid-template-columns:minmax(0,1fr) 600px;gap:64px}.article-hero--text-only{grid-template-columns:minmax(0,1fr)}.article-layout{grid-template-columns:300px minmax(0,780px);gap:80px}.article-products__track>li{width:302px}}.article-toc__toggle{display:flex;align-items:center;gap:10px;width:100%;border:0;padding:0;background:transparent;color:inherit;text-align:left;font:inherit;letter-spacing:inherit}.article-toc__panel{display:grid;grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .25s ease,visibility 0s}.article-toc__panel>ol{min-height:0;overflow:hidden}.article-toc:has([aria-expanded=false]) .article-toc__panel{grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .25s ease,visibility 0s linear .25s}.article-toc a>span:first-child{width:28px;font-size:14px;font-weight:500;line-height:129%;letter-spacing:.4px}.article-toc a[aria-current=location]{font-weight:600}@media(max-width:749px){.article-breadcrumbs{padding-top:12px;padding-bottom:12px}.article-hero{gap:14px;padding-top:8px;padding-bottom:24px}.article-hero__text{gap:14px}.article-hero h1{font-size:28px;line-height:121%}.article-tags a{font-size:14px;font-weight:500;line-height:129%;letter-spacing:.4px}.article-lead{font-size:16px;line-height:150%}.article-hero__image{aspect-ratio:35 / 23;border-radius:16px}.article-layout{gap:32px;padding-top:0;padding-bottom:40px}.article-body{font-size:16px;line-height:162.5%}.article-body>h2{font-size:22px;line-height:127%}.article-table table:is([data-columns="1"],[data-columns="2"],[data-columns="3"]) :is(th,td){padding:10px;font-size:12px}.article-table table:is([data-columns="1"],[data-columns="2"],[data-columns="3"]) thead th{font-size:13px;letter-spacing:.1px}.article-table table[data-columns="3"]{table-layout:auto}.article-table table[data-columns="3"] tr>:nth-child(1):not([colspan]){width:30%}.article-table table[data-columns="3"] tr>:nth-child(2){width:27%}.article-table table[data-columns="3"] tr>:nth-child(3){width:43%}.article-table table[data-columns="3"] td:nth-child(2) strong{white-space:nowrap}.article-body>p:last-child:not(:has(img,iframe,video)),.article-body .article-conclusion{font-size:17px;line-height:165%}.article-section-heading h2{font-size:24px}.article-related,.article-products{padding:40px 0}.article-related .page-container{padding-right:0}.article-related .article-section-heading{align-items:start;flex-direction:column;gap:0;margin-bottom:20px;padding-right:20px}.article-view-all{border:0;padding:0;background:transparent}.article-related__grid{display:flex;gap:16px;overflow-x:auto;padding-right:20px;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.article-related__grid>li{width:280px;flex-shrink:0;scroll-snap-align:start}.article-related-card{min-height:384px}.article-related-card__image{height:180px}.article-related-card__tag{padding:5px 12px;font-size:14px;line-height:129%}.article-products product-carousel{display:flex;flex-direction:column;padding-right:0}.article-products .article-section-heading,.article-products__nav{display:contents}.article-products .article-section-heading h2{order:0;margin-bottom:20px;padding-right:20px}.article-products [data-carousel-panel]{order:1}.article-products__nav .article-carousel-arrow{display:none}.article-products__nav .btn{order:2;width:calc(100% - 20px);margin-top:20px}.article-products__track{gap:16px;padding-right:20px}.article-products__track>li{width:302px}}@media(min-width:990px){.article-toc__toggle{cursor:default}}@media(prefers-reduced-motion:reduce){.article-faq__panel,.article-toc__panel,.article-related-card__image img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/article.css.map */
