.share-copy{display:inline-flex}.share-copy__message{position:absolute;inset-block-start:calc(100% + 6px);inset-inline-start:0;transform:translateY(-4px);white-space:nowrap;padding:4px 8px;border-radius:var(--border-radius-buttons, 8px);font-size:var(--font-subheading-size);line-height:var(--font-subheading-line-height);letter-spacing:var(--font-subheading-letter-spacing);color:var(--color-text);background-color:color-mix(in srgb,var(--color-text) 6%,transparent);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.share-copy.is-copied .share-copy__message{opacity:1;transform:translateY(0)}.article .shopify-block{display:contents}.article__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}@media(min-width:992px){.article__grid{grid-template-columns:232px minmax(0,1fr);grid-template-areas:".    hero" "side main" "nav  nav";column-gap:84px;row-gap:48px;align-items:start}}@media(min-width:1336px){.article__grid{grid-template-columns:232px minmax(0,1fr) 232px;grid-template-areas:".    hero  ." "side main quote" "nav  nav  nav"}}@media(min-width:992px){.article__grid--has-quotes{grid-template-columns:232px minmax(0,1fr) 232px;grid-template-areas:".    hero  ." "side main quote" "nav  nav  nav"}}@media(min-width:992px){.article__grid:has(.article__sidebar--right){grid-template-columns:minmax(0,1fr) 232px;grid-template-areas:"hero ." "main side" "nav  nav"}}@media(min-width:1336px){.article__grid:has(.article__sidebar--right){grid-template-columns:232px minmax(0,1fr) 232px;grid-template-areas:".     hero ." "quote main side" "nav   nav  nav"}}@media(min-width:992px){.article__grid--has-quotes:has(.article__sidebar--right){grid-template-columns:232px minmax(0,1fr) 232px;grid-template-areas:".     hero ." "quote main side" "nav   nav  nav"}}@media(min-width:992px){.article__grid:not(:has(.article__sidebar)){grid-template-columns:minmax(0,1fr);grid-template-areas:"hero" "main" "nav"}}@media(min-width:992px){.article__grid--has-quotes:not(:has(.article__sidebar)){grid-template-columns:minmax(0,1fr) 232px;grid-template-areas:"hero  ." "main  quote" "nav   nav"}}.article__grid .article__hero{order:1}.article__grid .article-toc{order:2}.article__grid .article__main{order:3}.article__grid .article__nav{order:4}.article__grid .article-sidebar__group--posts{order:5}.article__grid .article-sidebar__group--share{order:6}@media(min-width:992px){.article__hero{grid-area:hero}}.article__hero-media{aspect-ratio:var(--article-ratio-mobile, 4/3)}@media(min-width:768px){.article__hero-media{aspect-ratio:var(--article-ratio-desktop, 16/9)}}.article__hero[reveal] .article__hero-image{transform:scale(var(--media-park, 1))}@media not (prefers-reduced-motion:reduce){.js-reveal .article__hero[reveal]:not(.is-revealed) .article__hero-image{--media-park: 1.04;transition:none}}.article__hero[reveal].is-revealed .article__hero-image{transition:transform var(--dur-media) var(--ease-smooth);transition-delay:var(--media-delay, var(--reveal-delay, 0ms))}.article__heading{gap:16px}@media(min-width:992px){.article__heading{gap:24px}}.article__meta{gap:12px;flex-direction:column;align-items:flex-start}@media(min-width:768px){.article__meta{flex-direction:row;align-items:center}}.article__tags{gap:12px}.article__tag{padding:4px 8px;background-color:var(--color-accent);color:var(--color-accent-text);font-family:var(--font-body-family);font-size:var(--font-size-sm, .875rem);line-height:1.6;text-decoration:none;overflow-wrap:anywhere;transition:opacity var(--dur-fast) var(--ease-smooth)}.article__tag:focus-visible{opacity:.8}@media(hover:hover)and (pointer:fine){.article__tag:hover{opacity:.8}}.article__byline{white-space:nowrap;order:-1}@media(min-width:768px){.article__byline{order:0}}.article__sidebar{display:contents}@media(min-width:992px){.article__sidebar{grid-area:side;display:block;align-self:stretch}}.article__sidebar-inner{display:contents}@media(min-width:992px){.article__sidebar-inner{display:flex;flex-direction:column;gap:24px}.article__sidebar-inner.sticky-below-header-lg{top:24px;transition:top .3s ease}body:has(header-component[data-sticky]:not([data-hidden])) .article__sidebar-inner.sticky-below-header-lg{top:calc(var(--header-height, 0px) + 24px)}}.article__main{gap:32px}@media(min-width:992px){.article__main{grid-area:main}}.article__title{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight-bold, 700);color:var(--color-text);font-size:var(--font-h1-size);line-height:var(--font-h1-line-height);letter-spacing:var(--font-h1-letter-spacing)}.article__content{color:var(--color-text-subdued);font-size:var(--font-body-size);line-height:var(--font-body-line-height);letter-spacing:var(--font-body-letter-spacing)}.article__content>*+*{margin-block-start:1.25rem}.article__content :is(h1,h2,h3,h4,h5,h6){scroll-margin-top:96px}.article__content h2{font-size:var(--font-h2-size);line-height:var(--font-h2-line-height);letter-spacing:var(--font-h2-letter-spacing);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight-bold, 700);color:var(--color-text)}.article__content h3{font-size:var(--font-h3-size);line-height:var(--font-h3-line-height);letter-spacing:var(--font-h3-letter-spacing);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight-bold, 700);color:var(--color-text)}.article__content p{line-height:var(--font-body-line-height)}.article__content a{color:var(--color-btn-tertiary-text)}.article__content img{display:block;width:100%;height:auto;border-radius:var(--border-radius-cards, 0)}.article__content blockquote{margin-block:40px;margin-inline:0;padding-inline-start:1.25rem;border-inline-start:3px solid var(--color-accent);font-family:var(--font-heading-family);color:var(--color-text)}.article__content>[reveal][reveal-media]{overflow:hidden;border-radius:var(--border-radius-cards, 0)}.article__content>[reveal][reveal-media] img,.article__content>[reveal][reveal-media] video{transform:scale(var(--media-park, 1))}@media not (prefers-reduced-motion:reduce){.js-reveal .article__content>[reveal][reveal-media]:not(.is-revealed) img,.article__content>[reveal][reveal-media] video{--media-park: 1.04;transition:none}}.article__content>[reveal][reveal-media].is-revealed img,.article__content>[reveal][reveal-media] video{transition:transform var(--dur-media) var(--ease-smooth);transition-delay:var(--media-delay, var(--reveal-delay, 0ms))}.article__quotes{display:none}@media(min-width:992px){.article__quotes{grid-area:quote;display:block;align-self:stretch}}.article__quotes-inner{gap:24px}@media(min-width:992px){.article__quotes-inner{position:sticky;top:24px}}@media(min-width:992px){.article__grid--has-quotes .article__content blockquote{display:none}}.article__quote{gap:20px}.article__quote-divider{border:0;border-block-start:1px solid var(--color-border)}.article__quote-text{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 600);font-size:var(--font-h4-size);line-height:var(--font-h4-line-height);letter-spacing:var(--font-h4-letter-spacing)}.article__nav{border:1px solid var(--color-border);padding:12px 4px;gap:16px}@media(min-width:768px){.article__nav{padding:12px 16px}}@media(min-width:992px){.article__nav{grid-area:nav}}.article__nav-link{gap:8px;color:var(--color-btn-tertiary-text);text-decoration:none;padding:4px 16px}@media(min-width:768px){.article__nav-link{padding:12px 16px}}.article__nav-link .icon{--color-icon: var(--color-btn-tertiary-text);transition:transform var(--dur-base) var(--ease-smooth)}@media(hover:hover)and (pointer:fine){.article__nav-link:hover{text-decoration:underline}.article__nav-link--prev:hover .icon{transform:translate(-3px)}.article__nav-link--next:hover .icon{transform:translate(3px)}:dir(rtl) .article__nav-link--prev:hover .icon{transform:translate(3px)}:dir(rtl) .article__nav-link--next:hover .icon{transform:translate(-3px)}}@media(prefers-reduced-motion:reduce){.article__nav-link .icon,.article__nav-link--prev:hover .icon,.article__nav-link--next:hover .icon{transform:none;transition:none}}.article__nav-link--disabled{opacity:.4;cursor:default}.article__nav-divider{align-self:stretch;inline-size:1px;background:var(--color-border)}.article__comments{max-inline-size:732px;margin-inline:auto;gap:24px;margin-block-start:40px}@media(min-width:992px){.article__comments{margin-block-start:48px}}.article__comment-form{gap:24px}.article__comments-title{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 600);color:var(--color-text);font-size:var(--font-h3-size);line-height:var(--font-h3-line-height);letter-spacing:var(--font-h3-letter-spacing)}.article__form-fields{gap:24px}.article textarea.article__textarea{min-block-size:120px}.article__form-message{gap:.75rem;padding:.625rem 1rem}.article__form-message--error{color:var(--color-error);background-color:color-mix(in srgb,var(--color-error) 12%,transparent)}.article__form-message--success{color:var(--color-success-text);background-color:var(--color-success-bg)}.article__comments-list{gap:24px;margin-block-start:16px}.article__comments-count{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 600);color:var(--color-text);font-size:var(--font-h4-size);line-height:var(--font-h4-line-height);letter-spacing:var(--font-h4-letter-spacing)}.article__comment{padding:24px;border:1px solid var(--color-border);gap:24px}.article__comment-head{gap:16px}.article__comment-author{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 500);overflow-wrap:anywhere}.article-sidebar__group{gap:16px}.article-sidebar__group+.article-sidebar__group{padding-block-start:24px;border-block-start:1px solid var(--color-border)}.article-sidebar__heading p{margin:0}.article-sidebar__posts{gap:8px}.article-sidebar__post{display:block;padding:16px;border:1px solid var(--color-border);border-radius:var(--border-radius-cards, 0);text-decoration:none;transition:border-color var(--dur-base) var(--ease-smooth),transform var(--dur-base) var(--ease-smooth)}@media(hover:hover)and (pointer:fine){.article-sidebar__post:hover{border-color:var(--color-accent);transform:translate(3px)}:dir(rtl) .article-sidebar__post:hover{transform:translate(-3px)}}@media(prefers-reduced-motion:reduce){.article-sidebar__post{transition:border-color var(--dur-base) ease}.article-sidebar__post:hover{transform:none}}.article-sidebar__post-title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 500);font-size:var(--font-h6-size);line-height:var(--font-h6-line-height);letter-spacing:var(--font-h6-letter-spacing)}@media(min-width:992px){.article-toc{flex-direction:row;align-items:stretch;gap:16px;margin-block:0}}.article-toc__track{display:none}@media(min-width:992px){.article-toc__track{display:block}}.article-toc__list{gap:24px;display:none}@media(min-width:992px){.article-toc__list{display:flex;flex:1 1 auto;min-inline-size:0}}.article-toc__link{display:block;opacity:.7;font-family:var(--font-heading-family);text-decoration:none;font-size:var(--font-h5-size);line-height:var(--font-h5-line-height);letter-spacing:var(--font-h5-letter-spacing);transition:opacity var(--dur-base) var(--ease-smooth)}.article-toc__link:focus-visible{opacity:1}@media(hover:hover)and (pointer:fine){.article-toc__link:hover{opacity:1}}.article-toc__link.is-active{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/101/assets/article.css.map */