.article-page{--article-border: rgba(19, 45, 48, .14);--article-muted: rgba(19, 45, 48, .66);padding-block:clamp(42px,7vw,88px) 0}.article-reading-progress{position:fixed;z-index:40;top:0;left:0;width:100%;height:4px;pointer-events:none}.article-reading-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:var(--color-primary)}.article-header{max-width:980px;margin:0 auto clamp(36px,5vw,56px);text-align:center}.article-breadcrumb{display:flex;align-items:left;justify-content:left;gap:8px;margin-bottom:36px;color:var(--article-muted);font-size:15px}.article-breadcrumb a{color:inherit;text-underline-offset:3px}.article-header__eyebrow{margin:0 0 14px;color:var(--color-primary);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.article-header__title{max-width:980px;margin:0;color:var(--color-text);font-family:var(--font-family);font-size:clamp(38px,6.2vw,68px);font-weight:var(--font-weight-semibold);letter-spacing:-.045em;line-height:1.02;text-wrap:balance}.article-header__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:26px;color:var(--article-muted);font-size:14px}.article-header__author{display:inline-flex;align-items:center;gap:5px}.article-header__author svg{width:16px;height:16px}.article-hero{overflow:hidden;width:100%;max-width:832px;max-height:468px;aspect-ratio:832 / 468;margin:0 0 clamp(52px,8vw,92px);border-radius:clamp(14px,2vw,28px);background:#e8f3f2}.article-hero img{width:100%;height:100%;object-fit:cover}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,820px) minmax(0,1fr);gap:clamp(32px,3vw,56px);align-items:start}.article-toc{grid-column:1;position:sticky;top:92px;width:100%;max-height:calc(100vh - 120px);overflow-y:auto;padding-right:12px;scrollbar-width:thin}.article-toc--empty,.article-toc__toggle{display:none}.article-toc__label{margin:0 0 16px;color:var(--color-text);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.article-toc__links{display:grid;gap:4px;margin:0;padding:0 0 0 14px;border-left:2px solid #dfeaea;list-style:none}.article-toc__links a{display:block;padding:7px 0;color:var(--article-muted);font-size:18px;line-height:1.35;text-decoration:none}.article-toc__links a:hover,.article-toc__links a.is-active{color:var(--color-primary)}.article-toc__links a.is-active{font-weight:700}.article-toc__subitem{padding-left:12px}.article-body{grid-column:2;min-width:0;max-width:820px;color:var(--color-text);font-family:var(--font-family);font-size:18px;line-height:1.72}.article-body>*:first-child{margin-top:0}.article-body>*:last-child{margin-bottom:0}.article-body p,.article-body li{color:inherit;font-size:inherit;font-weight:var(--font-weight-light);line-height:inherit;opacity:1}.article-body p{margin:0 0 1.35em}.article-body ul,.article-body ol{margin:0 0 1.5em;padding-left:1.4em}.article-body li+li{margin-top:.45em}.article-body h2,.article-body h3,.article-body h4{scroll-margin-top:110px;color:var(--color-text);font-family:var(--font-family);font-weight:var(--font-weight-semibold);letter-spacing:-.025em;text-transform:none;text-wrap:balance}.article-body h2{margin:2em 0 .7em;font-size:clamp(28px,4vw,38px);line-height:1.12}.article-body h3{margin:1.7em 0 .65em;font-size:clamp(23px,3vw,29px);line-height:1.2}.article-body h4{margin:1.5em 0 .6em;font-size:21px;line-height:1.25}.article-body a:not(.article-cta){color:var(--color-primary);text-decoration-thickness:1px;text-underline-offset:3px}.article-body img{display:block;max-width:100%;height:auto;margin:clamp(28px,5vw,46px) auto;border-radius:10px;object-fit:contain}.article-body figure{max-width:100%;margin:clamp(28px,5vw,46px) 0}.article-body figure img{margin:0}.article-body figcaption{margin-top:10px;color:var(--article-muted);font-size:14px;text-align:center}.article-body blockquote{margin:2em 0;padding:20px 24px;border-left:5px solid var(--color-primary);background:#eef8f7;color:#173b3e;font-size:1.08em}.article-body blockquote p:last-child{margin-bottom:0}.article-align-center{text-align:center}.article-cta{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:11px 20px;border:1px solid var(--color-primary);border-radius:999px;background:var(--color-primary);color:#fff;font-size:15px;font-weight:700;line-height:1.3;text-align:center;text-decoration:none}.article-cta:hover{filter:brightness(.92)}.article-cta--dark{border-color:#132d30;background:#132d30}.article-cta--light{background:#fff;color:var(--color-primary)}.article-table-wrap{max-width:100%;overflow-x:auto;margin:32px 0;border:1px solid var(--article-border);border-radius:10px}.article-body table{width:100%;min-width:600px;border-collapse:collapse}.article-body th,.article-body td{padding:12px 14px;border-bottom:1px solid var(--article-border);text-align:left;vertical-align:top}.article-body th{background:#eef8f7;font-weight:700}.article-body .article-table--centered th,.article-body .article-table--centered td{text-align:center}.article-video{position:relative;overflow:hidden;width:100%;aspect-ratio:16 / 9;margin:36px 0;border-radius:12px;background:#132d30}.article-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.article-body>div[style*=max-width]{max-width:100%!important}.article-body [style*=grid-template-columns]{min-width:0}.article-share{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:clamp(56px,8vw,88px);padding-top:24px;border-top:1px solid var(--article-border)}.article-share__label{margin:0;color:var(--color-text);font-size:15px;font-weight:700}.article-share__icons{display:flex;align-items:center;gap:8px}.article-share__icons a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--article-border);border-radius:50%;color:var(--color-text)}.article-share__icons a:hover{border-color:var(--color-primary);color:var(--color-primary)}.article-share__icons svg{width:17px;height:17px}.article-related{margin-top:clamp(80px,11vw,140px);padding-block:clamp(56px,8vw,88px);border-top:1px solid var(--article-border)}.article-related__header{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:32px}.article-related__header h2{margin:0;color:var(--color-text);font-size:clamp(28px,4vw,38px);letter-spacing:-.03em}.article-related__all{color:var(--color-primary);font-weight:700;text-decoration:none;white-space:nowrap}.article-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.article-page a:focus-visible,.article-toc__toggle:focus-visible{outline:3px solid rgba(0,118,129,.35);outline-offset:3px}@media screen and (max-width:1349px){.article-layout{display:block}.article-toc{position:relative;top:auto;z-index:2;max-height:none;overflow:visible;margin:0 auto 32px;padding:0;border:1px solid var(--article-border);border-radius:10px;background:#fff}.article-toc__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;border:0;background:transparent;color:var(--color-text);font:inherit;font-size:14px;font-weight:700}.article-toc__nav{display:none;padding:0 16px 16px}.article-toc.is-open .article-toc__nav{display:block}.article-toc.is-open .article-toc__toggle span{transform:rotate(45deg)}.article-toc__label{display:none}.article-toc__links{max-height:50vh;overflow-y:auto}.article-body{margin-inline:auto}.article-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-related__grid .blog-card:last-child{display:none}}@media screen and (max-width:639px){.article-page{padding-top:32px}.article-breadcrumb{margin-bottom:28px}.article-header__meta{gap:7px;font-size:12px}.article-hero{aspect-ratio:4 / 3;margin-bottom:42px;border-radius:12px}.article-body{font-size:17px;line-height:1.68}.article-body [style*=grid-template-columns],.article-body [style*="minmax(300px"]{grid-template-columns:1fr!important}.article-share,.article-related__header{align-items:flex-start;flex-direction:column}.article-related__grid{grid-template-columns:1fr}.article-related__grid .blog-card:last-child{display:flex}}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}.article-page>.article-hero{float:none!important;margin-right:auto!important;margin-left:auto!important}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-main-article.css.map */