.article-detail{background:var(--color-background-inverted-page);color:var(--color-text-page-container);overflow-x:clip;width:100%}.article-detail [x-cloak]{display:none!important}.article-detail__header,.article-detail__body{margin:0 auto;max-width:1440px;padding-left:var(--padding-side);padding-right:var(--padding-side);width:100%}.article-detail__header{display:flex;flex-direction:column;gap:40px;padding-top:80px}.article-detail__breadcrumb{min-width:0;width:100%}.article-detail__breadcrumb-list{align-items:flex-start;display:flex;gap:var(--space-2);list-style:none;margin:0;min-width:0;padding:0}.article-detail__breadcrumb-item{align-items:center;display:flex;flex:0 0 auto;gap:var(--space-2);min-width:0}.article-detail__breadcrumb-item[aria-current=page]{flex:1 1 auto}.article-detail__breadcrumb-link,.article-detail__breadcrumb-current{align-items:center;color:var(--color-text-page-container-tertiary);display:inline-flex;font-size:var(--body-small-size);font-weight:var(--weight-regular);line-height:var(--body-small-line-height);min-width:0;text-decoration:none}.article-detail__breadcrumb-current{color:var(--color-text-link);font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis}.article-detail__breadcrumb-link:focus-visible,.article-detail__share:focus-visible,.article-detail__sidebar:focus-visible,.article-detail__toc-link:focus-visible,.article-detail__rte a:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:4px}.article-detail__breadcrumb-separator{align-items:center;color:var(--color-text-page-container-tertiary);display:inline-flex;flex:0 0 24px;font-size:24px;height:24px;justify-content:center;width:24px}.article-detail__title-row{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-4);width:100%}.article-detail__title{color:var(--color-text-page-container);font-size:var(--h1-size);font-weight:var(--weight-semibold);letter-spacing:var(--h1-letter-spacing);line-height:var(--h1-line-height);margin:0;min-width:0;width:100%}.article-detail__share{align-items:center;color:var(--color-text-page-container);display:none;flex:0 0 40px;font-size:24px;height:40px;justify-content:center;text-decoration:none;transition:background var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard);width:40px}.article-detail__meta{display:flex;flex-direction:column;gap:var(--space-5);margin:0;width:100%}.article-detail__meta-item{display:flex;flex-direction:column;gap:2px;min-width:0}.article-detail__meta dt{color:var(--color-text-page-container-tertiary);font-size:12px;font-weight:var(--weight-semibold);letter-spacing:0;line-height:14px;margin:0;text-transform:uppercase}.article-detail__meta dd{color:var(--color-text-page-container);font-size:var(--body-small-size);font-weight:var(--weight-regular);line-height:var(--body-small-line-height);margin:0}.article-detail__body{align-items:stretch;display:flex;flex-direction:column;gap:40px;padding-bottom:80px;padding-top:60px}.article-detail__body--has-related{padding-bottom:0}.article-detail__sidebar{display:contents}.article-detail__toc{order:-2}.article-detail__content-column{order:-1}.article-detail__sidebar-block{display:flex;flex-direction:column;gap:var(--space-3);transition:transform var(--motion-duration-standard) var(--motion-ease-standard);width:100%}.article-detail__sidebar-header{-webkit-appearance:none;appearance:none;align-items:center;background:transparent;border-left:0;border-bottom:1px solid var(--color-border-page-container);border-right:0;border-top:0;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:space-between;padding-bottom:var(--space-3);padding-left:0;padding-right:0;padding-top:0;text-align:left;width:100%}.article-detail__sidebar-header:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:4px}.article-detail__sidebar-heading{margin:0}.article-detail__sidebar-title-wrap{align-items:center;display:flex;gap:var(--space-2);min-width:0}.article-detail__sidebar-title-wrap .ph,.article-detail__sidebar-header>.ph{color:var(--color-text-page-container);flex:0 0 24px;font-size:24px;line-height:24px}.article-detail__sidebar-header>.ph{transition:transform var(--motion-duration-fast) var(--motion-ease-standard)}.article-detail__sidebar-header.is-collapsed>.ph{transform:rotate(-90deg)}.article-detail__sidebar-title{color:var(--color-text-page-container);font-size:var(--caption-medium-size);font-weight:var(--weight-bold);letter-spacing:var(--caption-medium-letter-spacing);line-height:var(--caption-medium-line-height);margin:0;text-transform:uppercase}.article-detail__toc-list{display:flex;flex-direction:column;gap:2px;width:100%}.article-detail__toc-link{color:var(--color-text-page-container-tertiary);display:block;font-size:var(--body-small-size);font-weight:var(--weight-semibold);line-height:var(--body-small-line-height);margin:0;min-width:0;text-decoration:none;transition:color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard)}.article-detail__toc-link.is-active{color:var(--color-text-page-container-secondary)}.article-detail__toc-link--nested{padding-left:var(--space-3)}.article-detail__topic-list{display:flex;flex-direction:column;gap:2px;width:100%}.article-detail__topic-link{color:var(--color-text-page-container);font-size:var(--body-small-size);font-weight:var(--weight-semibold);line-height:var(--body-small-line-height);text-decoration:none;transition:color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard)}.article-detail__newsletter{align-items:center;background:var(--color-background-inverted-subtle);border-radius:8px;color:var(--color-text-page-container);display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-4) 14px;transition:background var(--motion-duration-standard) var(--motion-ease-standard),transform var(--motion-duration-standard) var(--motion-ease-standard);width:100%}.article-detail__newsletter-copy{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.article-detail__newsletter-icon{align-items:center;background:var(--color-primary-900);border-radius:8px;display:inline-flex;flex:0 0 48px;height:48px;justify-content:center;padding:12px;transition:transform var(--motion-duration-standard) var(--motion-ease-standard);width:48px}.article-detail__newsletter-icon .ph-fill{color:var(--color-primary-500);display:block;font-size:24px;line-height:24px}.article-detail__newsletter-heading{color:var(--color-text-page-container);font-size:16px;font-weight:var(--weight-semibold);letter-spacing:var(--body-small-letter-spacing);line-height:28px;margin:0}.article-detail__newsletter-text{color:var(--color-text-page-container-secondary);font-size:14px;font-weight:var(--weight-regular);line-height:24px;margin:0}.article-detail__newsletter-form{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.article-detail__newsletter-input{background:var(--color-neutral-700);border:0;border-radius:var(--radius-full);box-shadow:0 2px 6px #0000001a;color:var(--color-text-page-container-secondary);font:inherit;font-size:var(--body-small-size);height:52px;line-height:var(--body-small-line-height);padding:var(--space-3) var(--space-4);transition:background var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard);width:100%}.article-detail__newsletter-submit.button{align-items:center;background:var(--color-button-primary-bg);border:0;border-radius:var(--radius-full);box-shadow:0 2px 6px #525a5b1a;color:var(--color-utility-black);cursor:pointer;display:inline-flex;font-family:var(--font-body-family);font-size:var(--button-large-size);font-weight:var(--weight-bold);height:52px;justify-content:center;line-height:var(--button-large-line-height);overflow:hidden;padding:var(--space-3) var(--space-4);position:relative;text-transform:uppercase;transition:background var(--motion-duration-fast) var(--motion-ease-standard);width:100%}.article-detail__newsletter-submit.button:before{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-utility-white) 45%,transparent),transparent);content:"";inset:0 auto 0 -45%;pointer-events:none;position:absolute;transform:skew(-16deg);transition:transform var(--motion-duration-standard) var(--motion-ease-standard);width:35%}.article-detail__divider{background-color:var(--color-background-inverted-page);margin-bottom:-1px}.article-detail__divider.section-divider--wave:before{background-color:var(--color-background-inverted)}.article-detail__related-section{background:var(--color-background-inverted-page);color:var(--color-text-page-container);width:100%}.article-detail__related-container{display:flex;flex-direction:column;gap:var(--space-6);margin:0 auto;max-width:1440px;padding-bottom:60px;padding-left:var(--padding-side);padding-right:var(--padding-side);padding-top:60px;width:100%}.article-detail__related-header{display:flex;justify-content:center;width:100%}.article-detail__related-heading{color:var(--color-text-page-container);font-size:var(--h2-size);font-weight:var(--weight-semibold);letter-spacing:var(--h2-letter-spacing);line-height:var(--h2-line-height);margin:0;text-align:center;white-space:nowrap}.article-detail__related-content-wrap{display:flex;flex-direction:column;gap:var(--space-6);min-width:0;width:100%}.article-detail__related-list{display:flex;gap:0;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.article-detail__related-list::-webkit-scrollbar{display:none}.article-detail__related-card{display:flex;flex:0 0 100%;flex-direction:column;gap:var(--space-3);min-width:0;scroll-snap-align:start;transition:transform var(--motion-duration-standard) var(--motion-ease-standard);width:100%}.article-detail__related-media{aspect-ratio:434.6667 / 250;background:var(--color-background-inverted-subtle);border-radius:8px;display:block;overflow:hidden;position:relative;width:100%}.article-detail__related-media:after{background:linear-gradient(180deg,#6660 62.82%,#00000080 91.46%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.article-detail__related-image,.article-detail__related-placeholder-svg{display:block;height:100%;object-fit:cover;transition:transform var(--motion-duration-reveal) var(--motion-ease-expressive);width:100%}.article-detail__related-content{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;width:100%}.article-detail__related-date{color:var(--color-text-page-container-tertiary);font-size:12px;font-weight:var(--weight-regular);letter-spacing:0;line-height:14px;text-transform:uppercase}.article-detail__related-title{color:var(--color-text-page-container);display:-webkit-box;font-size:16px;font-weight:var(--weight-semibold);height:64px;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:24px;margin:0;overflow:hidden;text-overflow:ellipsis}.article-detail__related-title a{color:inherit;text-decoration:none}.article-detail__content-column{display:flex;flex-direction:column;gap:var(--space-5);min-width:0;width:100%}.article-detail__media{aspect-ratio:434.6667 / 250;background:var(--color-background-inverted-subtle);border-radius:8px;overflow:hidden;position:relative;width:100%}.article-detail__media:after{background:linear-gradient(180deg,#6660 62.82%,#00000080 91.46%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.article-detail__related-controls,.article-detail-related__arrows{align-items:center;display:flex}.article-detail__related-controls{justify-content:space-between;width:100%}.article-detail-related__arrows{gap:var(--space-2)}.article-detail-related__arrow{align-items:center;background:var(--color-neutral-700);border:0;border-radius:var(--radius-full);color:var(--color-text-page-container);cursor:pointer;display:inline-flex;flex:0 0 52px;font-size:24px;height:52px;justify-content:center;padding:14px;transition:background var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-fast) var(--motion-ease-standard);width:52px}.article-detail-related__arrow:disabled{cursor:default;opacity:.45}.article-detail__related-view-all.button--secondary{background:var(--color-button-secondary-bg);border-color:color-mix(in srgb,var(--color-utility-white) 20%,transparent);color:var(--color-text-page-container);font-weight:var(--weight-bold);height:52px;margin-left:auto;padding:var(--space-3) var(--space-6);white-space:nowrap}.article-detail-related__arrow:focus-visible,.article-detail__related-view-all:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:4px}.article-detail__image{display:block;height:100%;object-fit:cover;transition:transform var(--motion-duration-reveal) var(--motion-ease-expressive);width:100%}.article-detail__rte{color:var(--color-text-page-container-secondary);display:flex;flex-direction:column;gap:var(--space-8);font-size:var(--body-small-size);font-weight:var(--weight-regular);line-height:var(--body-small-line-height);padding-right:var(--padding-side);width:100%}.article-detail__rte>*{margin:0}.article-detail__rte h2,.article-detail__rte h3,.article-detail__rte h4{color:var(--color-text-page-container);font-weight:var(--weight-semibold)}.article-detail__rte h2,.article-detail__rte h3,.article-detail__rte h4{font-size:var(--h4-size);letter-spacing:var(--h4-letter-spacing);line-height:var(--h4-line-height)}.article-detail__rte a{color:var(--color-text-link)}.article-detail__rte ul,.article-detail__rte ol{padding-left:var(--space-5)}.article-detail__rte img{border-radius:8px;display:block;height:auto;max-width:100%;transition:transform var(--motion-duration-standard) var(--motion-ease-standard)}.article-detail__rte h2[id],.article-detail__rte h3[id],.article-detail__rte h4[id]{scroll-margin-top:var(--site-header-height)}.article-detail__comments{display:flex;flex-direction:column;gap:var(--space-8);padding-bottom:80px}.article-detail__comments-heading,.article-detail__form-heading{color:var(--color-text-page-container);font-size:var(--h4-size);font-weight:var(--weight-semibold);line-height:var(--h4-line-height);margin:0}.article-detail__comment-list,.article-detail__comment-form{display:flex;flex-direction:column;gap:var(--space-5);width:100%}.article-detail__comment{border-bottom:1px solid var(--color-border-page-container);display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-5)}.article-detail__comment-author,.article-detail__comment-date,.article-detail__comment-content{margin:0}.article-detail__comment-author{color:var(--color-text-page-container);font-size:var(--body-medium-size);line-height:var(--body-medium-line-height)}.article-detail__comment-date,.article-detail__comment-content{color:var(--color-text-page-container-secondary);font-size:var(--body-small-size);line-height:var(--body-small-line-height)}.article-detail__field{display:flex;flex-direction:column;gap:var(--space-2)}.article-detail__field label{color:var(--color-text-page-container);font-size:var(--body-small-size);font-weight:var(--weight-semibold);line-height:var(--body-small-line-height)}.article-detail__field input,.article-detail__field textarea{background:var(--color-background-inverted-subtle);border:1px solid var(--color-border-page-container);border-radius:8px;color:var(--color-text-page-container);font:inherit;min-height:48px;padding:var(--space-3);transition:border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard)}.article-detail__field textarea{min-height:140px;resize:vertical}.article-detail__submit{align-self:flex-start;border:0;cursor:pointer}.article-detail__share:hover,.article-detail__share:focus-visible{background:var(--color-background-inverted-subtle);transform:translateY(var(--motion-hover-lift))}.article-detail__toc-link:hover,.article-detail__topic-link:hover{color:var(--color-text-link);transform:translate(4px)}.article-detail__newsletter:hover{transform:translateY(var(--motion-hover-lift))}.article-detail__newsletter:hover .article-detail__newsletter-icon{transform:scale(1.06)}.article-detail__newsletter-input:focus{background:var(--color-background-inverted-page);box-shadow:0 0 0 2px var(--color-primary-500);outline:none}.article-detail__newsletter-submit:hover,.article-detail__newsletter-submit:focus-visible{transform:translateY(var(--motion-hover-lift))}.article-detail-related__arrow:hover:not(:disabled){background:var(--color-neutral-600)}.article-detail__newsletter-submit:hover:before,.article-detail__newsletter-submit:focus-visible:before{transform:translate(420%) skew(-16deg)}.article-detail__field input:focus,.article-detail__field textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary-500) 18%,transparent);outline:none}@media(hover:hover){.article-detail__related-card:hover{transform:translateY(var(--motion-hover-lift))}.article-detail__related-card:hover .article-detail__related-image,.article-detail__media:hover .article-detail__image,.article-detail__rte img:hover{transform:scale(1.04)}}@media screen and (min-width:768px){.article-detail__divider{height:200px}.article-detail__divider.section-divider--wave:before,.article-detail__divider.section-divider--wave:after{top:84px}.article-detail__title-row{align-items:center;flex-direction:row;justify-content:space-between}.article-detail__share{display:inline-flex}.article-detail__meta{flex-direction:row;gap:var(--space-5)}.article-detail__meta-item{flex:1 1 0}.article-detail__meta dt{font-size:var(--caption-small-size);letter-spacing:var(--caption-small-letter-spacing);line-height:var(--caption-small-line-height)}.article-detail__body{display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 321px;padding-bottom:80px;padding-top:80px}.article-detail__sidebar{display:flex;flex-direction:column;gap:40px;align-self:flex-start;min-width:0;order:initial;max-height:calc(100dvh - var(--site-sticky-top-offset) - var(--space-8));overflow-y:auto;position:sticky;scrollbar-width:none;top:calc(var(--site-sticky-top-offset) + var(--space-5));width:100%}.article-detail__sidebar::-webkit-scrollbar{display:none}.article-detail__content-column{gap:40px;order:initial;padding-right:20px}.article-detail__toc{order:initial}.article-detail__rte{padding-right:0}.article-detail__newsletter{gap:var(--space-4);padding:var(--space-4)}.article-detail__newsletter-text{line-height:28px}.article-detail__related-section{border-top:1px solid var(--color-border-page-container)}.article-detail__related-container{gap:40px;padding-bottom:80px;padding-top:80px}.article-detail__related-content-wrap{gap:var(--space-6)}.article-detail__related-list{display:grid;gap:var(--space-5);grid-auto-columns:calc((100% - (2 * var(--space-5))) / 3);grid-auto-flow:column;overflow-x:auto}.article-detail__related-card{min-width:0}.article-detail__related-date{font-size:var(--caption-small-size);letter-spacing:var(--caption-small-letter-spacing);line-height:var(--caption-small-line-height)}.article-detail__related-title{font-size:var(--body-medium-size);line-height:var(--body-medium-line-height)}}@media screen and (min-width:1024px){.article-detail__media{aspect-ratio:896 / 516}}@media(prefers-reduced-motion:reduce){.article-detail__share,.article-detail__sidebar-block,.article-detail__sidebar-header>.ph,.article-detail__toc-link,.article-detail__topic-link,.article-detail__newsletter,.article-detail__newsletter-icon,.article-detail__newsletter-input,.article-detail__newsletter-submit,.article-detail__newsletter-submit:before,.article-detail__related-card,.article-detail-related__arrow,.article-detail__related-image,.article-detail__related-placeholder-svg,.article-detail__image,.article-detail__rte img,.article-detail__field input,.article-detail__field textarea{transition:none}.article-detail__share:hover,.article-detail__share:focus-visible,.article-detail__toc-link:hover,.article-detail__topic-link:hover,.article-detail__newsletter:hover,.article-detail__newsletter:hover .article-detail__newsletter-icon,.article-detail__newsletter-submit:hover,.article-detail__newsletter-submit:focus-visible,.article-detail__related-card:hover,.article-detail-related__arrow:hover,.article-detail-related__arrow:focus-visible,.article-detail__related-card:hover .article-detail__related-image,.article-detail__media:hover .article-detail__image,.article-detail__rte img:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-article.css.map */