/*! seo article template */@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.seo-article,.seo-article-layout,.seo-article-main,.seo-article-content{min-width:0;max-width:100%}.seo-article{position:relative;z-index:1;display:grid;gap:clamp(var(--sp-10),5vw,var(--sp-20))}.seo-article-section.section--padding{padding-block-start:min(var(--section-padding-top),var(--sp-5));padding-block-end:0}.seo-article-section.section:before{content:none;display:none;background:none}.seo-article.page-width{--page-padding: clamp(var(--sp-5), 5vw, var(--sp-10));box-sizing:border-box;width:100%;max-width:min(100%,1680px)}@media screen and (min-width:768px){.seo-article.page-width{--page-padding: clamp(var(--sp-8), 5vw, var(--sp-12))}}.seo-article-hero{display:grid;overflow:hidden;grid-template-areas:"breadcrumb" "title" "media" "meta" "excerpt" "share";gap:var(--sp-5);align-items:center;min-width:0;max-width:100%;padding-block-start:var(--sp-5);border-block-start:1px solid rgb(var(--color-border))}.seo-article--with-image .seo-article-hero{align-items:center}.seo-article-breadcrumb{grid-area:breadcrumb;display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;font-size:var(--text-xs);line-height:1.4;color:rgb(var(--color-foreground) / .62)}.seo-article-breadcrumb a{color:inherit;text-decoration:none}.seo-article-breadcrumb a:hover,.seo-article-breadcrumb a:focus-visible{color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.25em}.seo-article-hero__title{grid-area:title;margin:0;font-size:var(--text-4xl);line-height:1.08;letter-spacing:0}.seo-article-hero__media{grid-area:media;position:relative;display:grid;overflow:hidden;min-width:0;width:100%;max-width:100%;max-inline-size:100%;justify-self:stretch;aspect-ratio:16 / 10;border-radius:var(--rounded-block);background:rgb(var(--color-foreground) / .035);contain:inline-size}.seo-article-hero__backdrop,.seo-article-hero__picture{grid-area:1 / 1;display:block;overflow:hidden;min-width:0;width:100%;max-width:100%;max-inline-size:100%;height:100%}.seo-article-hero__backdrop{overflow:hidden;opacity:.38;transform:scale(1.08);filter:blur(18px)}.seo-article-hero__backdrop-image,.seo-article-hero__image{display:block;width:100%;max-width:100%;height:100%}.seo-article-hero__backdrop-image{object-fit:cover}.seo-article-hero__image{position:relative;z-index:1;object-fit:contain}.seo-article-meta{grid-area:meta;display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5);align-items:center;margin:0;padding:0;list-style:none;color:rgb(var(--color-foreground) / .68);font-size:var(--text-sm);line-height:1.5}.seo-article-meta li{display:inline-flex;gap:var(--sp-2);align-items:center}.seo-article-meta .icon{width:var(--sp-4);height:var(--sp-4)}.seo-article-meta__person,.seo-article-meta__link{display:inline-flex;gap:var(--sp-2);align-items:center;color:rgb(var(--color-foreground));text-decoration:none}.seo-article-meta__person:hover,.seo-article-meta__person:focus-visible,.seo-article-meta__link:hover,.seo-article-meta__link:focus-visible{text-decoration:underline;text-underline-offset:.25em}.seo-article-meta__avatar{width:32px;height:32px;border-radius:var(--rounded-full);object-fit:cover}.seo-article-hero__excerpt{grid-area:excerpt;margin:0;padding:var(--sp-5);font-size:var(--text-base);line-height:1.65;font-style:italic;color:rgb(var(--color-foreground) / .78);background:rgb(var(--color-foreground) / .035);border-inline-start:3px solid rgb(var(--color-foreground));border-radius:var(--rounded-block)}.seo-article-hero__excerpt>*{margin:0}.seo-article-share{grid-area:share;display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}.seo-article-share__label{margin:0;font-size:var(--text-sm);font-weight:700;line-height:1}.seo-article-share__buttons{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.seo-article-share__button{display:inline-flex;min-height:40px;gap:var(--sp-2);align-items:center;justify-content:center;padding:var(--sp-2) var(--sp-3);color:rgb(var(--color-foreground));text-decoration:none;border:1px solid rgb(var(--color-border));border-radius:var(--rounded-button);background:rgb(var(--color-background));transition:transform var(--animation-primary),border-color var(--animation-primary),box-shadow var(--animation-primary),background-color var(--animation-primary)}.seo-article-share__button:hover,.seo-article-share__button:focus-visible{transform:translateY(-1px);border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground) / .035);box-shadow:0 8px 24px rgb(var(--color-foreground) / .08)}.seo-article-share__button .icon,.seo-article-share__button svg{width:18px;height:18px;flex:0 0 auto}.seo-article-share__copy{cursor:pointer}.seo-article-share__copy [data-copy-text]{white-space:nowrap}.seo-article-layout{display:grid;gap:clamp(var(--sp-8),4vw,var(--sp-14))}.seo-article-main{display:grid;gap:var(--sp-9)}.seo-article-content{contain:inline-size;overflow-wrap:break-word;font-size:var(--text-base);line-height:1.78}.seo-article-content>*:first-child{margin-block-start:0}.seo-article-content [data-blog-title]{scroll-margin-top:clamp(var(--sp-3),1.5vw,var(--sp-5))}.seo-article-content [data-blog-title]:target{text-decoration:underline;text-decoration-thickness:.08em;text-decoration-color:rgb(var(--color-foreground) / .35);text-underline-offset:.24em}.seo-article-content :is(img,video,iframe){max-width:100%;border-radius:var(--rounded-block)}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper){position:relative;display:block;width:100%;inline-size:100%;max-inline-size:100%;min-inline-size:0;margin-block:var(--sp-6);padding:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper) table{display:table;width:max-content;min-inline-size:max(100%,38rem);max-inline-size:none;border-collapse:collapse;white-space:nowrap}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper) :is(th,td){min-width:120px;padding:var(--sp-3);vertical-align:top;white-space:normal;word-break:break-word}.seo-article-tags{display:grid;gap:var(--sp-3);padding-block-start:var(--sp-6);border-block-start:1px solid rgb(var(--color-border))}.seo-article-tags__label{margin:0;color:rgb(var(--color-foreground) / .62);font-size:var(--text-xs);font-weight:700;line-height:1;text-transform:uppercase}.seo-article-tags__list,.seo-article-author__identity,.seo-article-author__socials{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:0;padding:0;list-style:none}.seo-article-tags__list a,.seo-article-author__identity li{display:inline-flex;align-items:center;min-height:34px;padding:var(--sp-2) var(--sp-3);color:rgb(var(--color-foreground));text-decoration:none;border:1px solid rgb(var(--color-border));border-radius:var(--rounded-full);background:rgb(var(--color-foreground) / .025)}.seo-article-tags__list a:hover,.seo-article-tags__list a:focus-visible{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground) / .055)}.seo-article-author{display:grid;gap:var(--sp-5);padding:var(--sp-6);position:relative;border-block-start:1px solid rgb(var(--color-border));border-block-end:1px solid rgb(var(--color-border))}.seo-article-author__media{width:90px}.seo-article-author__avatar{display:grid;width:90px;height:90px;place-items:center;border-radius:var(--rounded-full);object-fit:cover;background:rgb(var(--color-foreground) / .08);color:rgb(var(--color-foreground));font-size:var(--text-3xl);font-weight:700}.seo-article-author__body{display:grid;gap:var(--sp-4);min-width:0}.seo-article-author__heading{display:grid;gap:var(--sp-1)}.seo-article-author__title-row{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}.seo-article-author__eyebrow{margin:0;color:rgb(var(--color-foreground) / .62);font-size:var(--text-xs);font-weight:700;line-height:1;text-transform:uppercase}.seo-article-author__name{margin:0;font-family:var(--font-heading-family);font-size:var(--text-2xl);line-height:1.1}.seo-article-author__name a,.seo-article-author__profile{color:inherit;text-decoration:none}.seo-article-author__name a:hover,.seo-article-author__name a:focus-visible,.seo-article-author__profile:hover,.seo-article-author__profile:focus-visible{text-decoration:underline;text-underline-offset:.25em}.seo-article-author__details{display:grid;gap:var(--sp-4);padding-block-start:var(--sp-4);border-block-start:1px solid rgb(var(--color-border))}.seo-article-author__description{max-width:68ch;min-width:0;color:rgb(var(--color-foreground) / .76);font-size:var(--text-base);line-height:1.55}.seo-article-author__description>*:first-child{margin-block-start:0}.seo-article-author__description>*:last-child{margin-block-end:0}.seo-article-author__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}.seo-article-author__socials{align-items:center}.seo-article-author__profile{display:inline-flex;min-height:38px;align-items:center;justify-content:center;justify-self:start;padding:var(--sp-2) var(--sp-4);border:1px solid rgb(var(--color-foreground));border-radius:var(--rounded-full);background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:var(--text-sm);font-weight:700;white-space:nowrap;transition:transform var(--animation-primary),background-color var(--animation-primary),color var(--animation-primary)}.seo-article-author__profile:hover,.seo-article-author__profile:focus-visible{transform:translateY(-1px);background:transparent;color:rgb(var(--color-foreground));text-decoration:none}.seo-article-author__socials a{display:inline-grid;width:32px;height:32px;place-items:center;color:rgb(var(--color-foreground));border-radius:var(--rounded-full);transition:transform var(--animation-primary),background-color var(--animation-primary)}.seo-article-author__socials a:hover,.seo-article-author__socials a:focus-visible{transform:translateY(-1px);background:rgb(var(--color-foreground) / .045)}.seo-article-sidebar{display:grid;gap:var(--sp-5);align-content:start}.seo-article-sidebar__card,.seo-article-mobile-products{display:grid;gap:var(--sp-4);padding:var(--sp-5);border:1px solid rgb(var(--color-border));border-radius:var(--rounded-block);background:rgb(var(--color-background))}.seo-article-sidebar__heading{margin:0;font-family:var(--font-heading-family);font-size:var(--text-base);line-height:1.2}.seo-article-toc__list,.seo-article-toc__children{margin:0;padding:0;list-style:none}.seo-article-toc__list{display:grid;gap:var(--sp-1);max-height:50vh;overflow-y:auto;overscroll-behavior-y:none;scrollbar-width:thin}.seo-article-toc__list::-webkit-scrollbar{width:6px}.seo-article-toc__list::-webkit-scrollbar-track{background:transparent}.seo-article-toc__list::-webkit-scrollbar-thumb{background:rgb(var(--color-foreground) / .18);border-radius:var(--rounded-full)}.seo-article-toc__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-2);align-items:center}.seo-article-toc__link{display:block;min-width:0;padding:var(--sp-2) var(--sp-3);color:rgb(var(--color-foreground) / .72);text-decoration:none;border-radius:var(--rounded-button)}.seo-article-toc__item--h3 .seo-article-toc__link{padding-inline-start:var(--sp-5);font-size:var(--text-sm)}.seo-article-toc__link:hover,.seo-article-toc__link:focus-visible,.seo-article-toc__link.is-active{color:rgb(var(--color-foreground));background:rgb(var(--color-foreground) / .055)}.seo-article-toc__toggle{display:inline-grid;width:32px;height:32px;place-items:center;color:rgb(var(--color-foreground));border:0;border-radius:var(--rounded-button);background:transparent;cursor:pointer}.seo-article-toc__toggle:hover,.seo-article-toc__toggle:focus-visible{background:rgb(var(--color-foreground) / .055)}.seo-article-toc__toggle .icon{transition:transform var(--animation-primary)}.seo-article-toc__toggle[aria-expanded=false] .icon{transform:rotate(-90deg)}.seo-article-toc__children{display:grid;gap:var(--sp-1);max-height:var(--toc-children-height, 36rem);overflow:hidden;opacity:1;visibility:visible;transition:max-height var(--animation-primary),opacity var(--animation-primary),visibility var(--animation-primary)}.seo-article-toc__children[aria-hidden=true]{max-height:0;opacity:0;visibility:hidden;pointer-events:none}@media(prefers-reduced-motion:reduce){.seo-article-toc__toggle .icon,.seo-article-toc__children{transition:none}}.seo-article-sidebar__products{display:grid;gap:var(--sp-3)}.seo-article-product-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:var(--sp-3);align-items:center;min-height:112px;padding:var(--sp-3);border:1px solid rgb(var(--color-border));border-radius:var(--card-radius);background:rgb(var(--color-foreground) / .025);transition:transform var(--animation-primary),border-color var(--animation-primary),box-shadow var(--animation-primary),background-color var(--animation-primary)}.seo-article-product-card:hover,.seo-article-product-card:focus-within{transform:translateY(-1px);border-color:rgb(var(--color-foreground) / .45);background:rgb(var(--color-background));box-shadow:0 12px 30px rgb(var(--color-foreground) / .08)}.seo-article-product-card__media{display:block;overflow:hidden;aspect-ratio:1;border-radius:var(--card-radius);background:rgb(var(--color-background))}.seo-article-product-card__image,.seo-article-product-card__placeholder{width:100%;height:100%}.seo-article-product-card__image{object-fit:contain;transition:transform var(--animation-primary)}.seo-article-product-card:hover .seo-article-product-card__image,.seo-article-product-card:focus-within .seo-article-product-card__image{transform:scale(1.04)}.seo-article-product-card__placeholder{display:grid;place-items:center;color:rgb(var(--color-foreground) / .42)}.seo-article-product-card__content{display:grid;gap:var(--sp-2);min-width:0}.seo-article-product-card__title{display:-webkit-box;overflow:hidden;color:rgb(var(--color-foreground));font-weight:700;line-height:1.25;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.seo-article-product-card__title:hover,.seo-article-product-card__title:focus-visible{text-decoration:underline;text-underline-offset:.22em}.seo-article-product-card__price{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:baseline;color:rgb(var(--color-foreground) / .72);font-size:var(--text-sm)}.seo-article-product-card__price s{color:rgb(var(--color-foreground) / .45)}.seo-article-product-card__link{width:fit-content;color:rgb(var(--color-foreground));font-size:var(--text-sm);font-weight:700;text-decoration:underline;text-underline-offset:.22em}.seo-article-nav{display:grid;gap:var(--sp-5)}.seo-article-card{display:grid;height:100%;overflow:hidden;border:1px solid rgb(var(--color-border));border-radius:var(--card-radius);background:rgb(var(--color-background));transition:transform var(--animation-primary),border-color var(--animation-primary),box-shadow var(--animation-primary)}.seo-article-card:hover,.seo-article-card:focus-within{transform:translateY(-2px);border-color:rgb(var(--color-foreground) / .45);box-shadow:0 18px 45px rgb(var(--color-foreground) / .09)}.seo-article-card--nav{min-height:11rem;border:0;border-radius:var(--rounded-block)}.seo-article-card--nav:hover,.seo-article-card--nav:focus-within{border-color:transparent}.seo-article-card__nav-link{display:flex;height:100%;min-width:0;gap:var(--sp-5);align-items:flex-start;padding:var(--sp-6);color:inherit;text-decoration:none}.seo-article-card--nav-next .seo-article-card__nav-link{justify-content:space-between}.seo-article-card--nav-next .seo-article-card__nav-icon{order:2}.seo-article-card__nav-body{display:grid;min-width:0;gap:var(--sp-3)}.seo-article-card__nav-icon{display:inline-grid;width:32px;height:32px;flex:0 0 auto;place-items:center;color:rgb(var(--color-foreground))}.seo-article-card__meta--nav{gap:var(--sp-3);color:rgb(var(--color-foreground) / .72);font-size:var(--text-sm)}.seo-article-card__meta-item{display:inline-flex;gap:var(--sp-2);align-items:center}.seo-article-card__meta-item .icon{width:var(--sp-4);height:var(--sp-4)}.seo-article-card__meta-divider{display:inline-block;width:1px;height:16px;background:rgb(var(--color-foreground) / .24)}.seo-article-card__title--nav{display:block;max-width:28rem;font-size:var(--text-xl);line-height:1.18}.seo-article-card__media{display:block;overflow:hidden;aspect-ratio:16 / 10;background:rgb(var(--color-foreground) / .035)}.seo-article-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--animation-primary)}.seo-article-card:hover .seo-article-card__image,.seo-article-card:focus-within .seo-article-card__image{transform:scale(1.04)}.seo-article-card__content{display:grid;grid-template-rows:auto auto auto 1fr;gap:var(--sp-3);padding:var(--sp-5)}.seo-article-card__label{margin:0;color:rgb(var(--color-foreground) / .62);font-size:var(--text-xs);font-weight:700;line-height:1;text-transform:uppercase}.seo-article-card__meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;color:rgb(var(--color-foreground) / .62);font-size:var(--text-xs);line-height:1.4}.seo-article-card__meta a{color:inherit;text-decoration:underline;text-underline-offset:.2em}.seo-article-card__title{margin:0;font-family:var(--font-product-family);font-size:var(--text-lg);line-height:1.25}.seo-article-card__title a{display:-webkit-box;overflow:hidden;color:inherit;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.seo-article-card__title a:hover,.seo-article-card__title a:focus-visible{color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.22em}.seo-article-card__excerpt{display:-webkit-box;overflow:hidden;margin:0;color:rgb(var(--color-foreground) / .68);font-size:var(--text-sm);line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.seo-article-more{display:grid;gap:var(--sp-6);padding-block-start:var(--sp-4)}.seo-article-more__heading{display:flex;align-items:end;justify-content:space-between}.seo-article-more__heading h2{margin:0}.seo-article-more__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--sp-5);align-items:stretch}.seo-article-mobile-products{display:none}@media screen and (max-width:767px){.seo-article-breadcrumb__current:not([aria-hidden=true]){display:none}.seo-article-breadcrumb__current[aria-hidden=true]{display:inline}.seo-article-hero__media{aspect-ratio:4 / 3}.seo-article-share{align-items:flex-start}.seo-article-share__buttons{flex-wrap:nowrap;width:100%;overflow-x:auto;padding-block-end:2px}.seo-article-share__button:not(.seo-article-share__copy){width:42px;min-width:42px;padding-inline:0}.seo-article-share__button:not(.seo-article-share__copy) .seo-article-share__text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.seo-article-share__copy{width:42px;min-width:42px;padding-inline:0}.seo-article-share__copy [data-copy-text]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.seo-article-content{overflow:hidden;font-size:16px}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper):before{content:"-> Swipe to see the full table ->";display:block;margin-block-end:var(--sp-2);color:rgb(var(--color-foreground) / .62);font-size:var(--text-sm);line-height:1.5}.seo-article-author{justify-items:center;padding-inline:0;text-align:center}.seo-article-author__media,.seo-article-author__body,.seo-article-author__heading,.seo-article-author__details{width:100%}.seo-article-author__media{display:grid}.seo-article-author__media,.seo-article-author__body,.seo-article-author__heading,.seo-article-author__title-row{justify-items:center}.seo-article-author__title-row{display:grid}.seo-article-author__socials{width:100%;justify-content:center}.seo-article-author__identity{justify-content:center}.seo-article-author__identity li{min-height:30px;padding:var(--sp-1) var(--sp-3);font-size:var(--text-xs);line-height:1.2}.seo-article-author__profile{position:absolute;inset-block-start:var(--sp-4);inset-inline-end:0;min-height:auto;padding:0;border:0;border-radius:0;background:transparent;color:rgb(var(--color-foreground));font-weight:700;text-decoration:underline;text-underline-offset:.25em}.seo-article-author__profile:hover,.seo-article-author__profile:focus-visible{transform:none;background:transparent}.seo-article-author__description{margin-inline:auto;text-align:left}.seo-article-nav{gap:var(--sp-3)}.seo-article-card--nav{min-height:auto}.seo-article-card--nav:hover,.seo-article-card--nav:focus-within{transform:none;box-shadow:none}.seo-article-card__nav-link{padding:var(--sp-4)}.seo-article-card__title--nav{font-size:var(--text-lg)}}@media screen and (max-width:989px){.seo-article-sidebar{display:none}.seo-article-mobile-products{display:grid}}@media screen and (min-width:768px){.seo-article-hero__title{font-size:var(--text-5xl)}.seo-article-hero__excerpt{font-size:var(--text-lg)}.seo-article-author__name{font-size:var(--text-3xl)}.seo-article-author__title-row{flex-wrap:nowrap}.seo-article-author__heading{grid-template-columns:minmax(0,1fr) auto;column-gap:var(--sp-5);align-items:start}.seo-article-author__eyebrow,.seo-article-author__title-row{grid-column:1}.seo-article-author__heading>.seo-article-author__profile{grid-column:2;grid-row:1 / span 2;justify-self:end}.seo-article-author{grid-template-columns:90px minmax(0,1fr)}.seo-article-author__details{align-items:start}.seo-article-author__description{max-width:none}.seo-article-card__nav-link{padding:var(--sp-7) var(--sp-8)}.seo-article-card__title--nav{max-width:30rem;font-size:var(--text-2xl)}.seo-article-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-article-nav__slot--next{grid-column:2}}@media screen and (min-width:990px){.seo-article.page-width{--page-padding: clamp(var(--sp-8), 4vw, var(--sp-12));max-width:min(100%,1680px)}.seo-article-hero{grid-template-columns:minmax(0,1fr) minmax(20rem,40%);grid-template-areas:"breadcrumb media" "title media" "meta media" "excerpt media" "share media";column-gap:clamp(var(--sp-8),4vw,var(--sp-14));row-gap:var(--sp-5)}.seo-article-hero__media{min-height:420px;max-height:560px}.seo-article-layout{grid-template-columns:minmax(0,1fr) minmax(17rem,20rem);gap:clamp(var(--sp-8),3.5vw,var(--sp-12));align-items:start}.seo-article-sidebar{position:sticky;top:var(--sp-5)}.seo-article-content{font-size:18px}}@media screen and (min-width:1280px){.seo-article-layout{grid-template-columns:minmax(0,1fr) minmax(18rem,21rem)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-seo-article-template.css.map */
