/*! 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-end:var(--section-padding-bottom);padding-block-start:var(--section-padding-top)}@media(max-width:699px){.seo-article-section.section--padding{padding-block-end:min(var(--section-padding-bottom),var(--sp-5));padding-block-start:min(var(--section-padding-top),var(--sp-5))}}.seo-article-section.section:before{display:none;content:none;background:none}.seo-article.page-width{box-sizing:border-box;width:100%;max-width:min(100%,1680px);--page-padding: clamp(var(--sp-5), 5vw, var(--sp-10))}@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;align-items:center;grid-template-areas:"breadcrumb" "title" "media" "meta" "excerpt" "share";gap:var(--sp-5);min-width:0;max-width:100%;border-block-start:1px solid rgb(var(--color-border));padding-block-start:var(--sp-5)}.seo-article--with-image .seo-article-hero{align-items:center}.seo-article-breadcrumb{font-size:var(--text-xs);line-height:1.4;display:flex;align-items:center;grid-area:breadcrumb;flex-wrap:wrap;gap:var(--sp-2);color:rgb(var(--color-foreground) / .62)}.seo-article-breadcrumb a{text-decoration:none;color:inherit}.seo-article-breadcrumb a:hover,.seo-article-breadcrumb a:focus-visible{text-decoration:underline;color:rgb(var(--color-foreground));text-underline-offset:.25em}.seo-article-hero__title{font-size:var(--text-4xl);line-height:1.08;grid-area:title;margin:0;letter-spacing:0}.seo-article-hero__media{position:relative;display:grid;overflow:hidden;grid-area:media;width:100%;min-width:0;max-width:100%;border-radius:var(--rounded-block);background:rgb(var(--color-foreground) / .035);aspect-ratio:16 / 10;contain:inline-size;justify-self:stretch;max-inline-size:100%}.seo-article-hero__backdrop,.seo-article-hero__picture{display:block;overflow:hidden;grid-area:1 / 1;width:100%;min-width:0;max-width:100%;height:100%;max-inline-size:100%}.seo-article-hero__backdrop{overflow:hidden;transform:scale(1.08);opacity:.38;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{font-size:var(--text-sm);line-height:1.5;display:flex;align-items:center;grid-area:meta;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5);margin:0;padding:0;list-style:none;color:rgb(var(--color-foreground) / .68)}.seo-article-meta li{display:inline-flex;align-items:center;gap:var(--sp-2)}.seo-article-meta .icon{width:var(--sp-4);height:var(--sp-4)}.seo-article-meta__person,.seo-article-meta__link{display:inline-flex;align-items:center;gap:var(--sp-2);text-decoration:none;color:rgb(var(--color-foreground))}.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{font-size:var(--text-base);font-style:italic;line-height:1.65;grid-area:excerpt;margin:0;padding:var(--sp-5);color:rgb(var(--color-foreground) / .78);border-radius:var(--rounded-block);background:rgb(var(--color-foreground) / .035);border-inline-start:3px solid rgb(var(--color-foreground))}.seo-article-hero__excerpt>*{margin:0}.seo-article-share{display:flex;align-items:center;grid-area:share;flex-wrap:wrap;gap:var(--sp-3)}.seo-article-share__label{font-size:var(--text-sm);font-weight:700;line-height:1;margin:0}.seo-article-share__buttons{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2)}.seo-article-share__button{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:40px;padding:var(--sp-2) var(--sp-3);transition:transform var(--animation-primary),border-color var(--animation-primary),box-shadow var(--animation-primary),background-color var(--animation-primary);text-decoration:none;color:rgb(var(--color-foreground));border:1px solid rgb(var(--color-border));border-radius:var(--rounded-button);background:rgb(var(--color-background))}.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{flex:0 0 auto;width:18px;height:18px}.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{font-size:var(--text-base);line-height:1.78;contain:inline-size;overflow-wrap:break-word}.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-color:rgb(var(--color-foreground) / .35);text-decoration-thickness:.08em;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;overflow-x:auto;width:100%;margin-block:var(--sp-6);padding:0;inline-size:100%;max-inline-size:100%;min-inline-size:0;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper) table{display:table;width:max-content;border-collapse:collapse;white-space:nowrap;max-inline-size:none;min-inline-size:max(100%,38rem)}.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);border-block-start:1px solid rgb(var(--color-border));padding-block-start:var(--sp-6)}.seo-article-tags__label{font-size:var(--text-xs);font-weight:700;line-height:1;margin:0;text-transform:uppercase;color:rgb(var(--color-foreground) / .62)}.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);text-decoration:none;color:rgb(var(--color-foreground));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{position:relative;display:grid;gap:var(--sp-5);padding:var(--sp-6);border-block-end:1px solid rgb(var(--color-border));border-block-start:1px solid rgb(var(--color-border))}.seo-article-author__media{width:90px}.seo-article-author__avatar{font-size:var(--text-3xl);font-weight:700;display:grid;width:90px;height:90px;color:rgb(var(--color-foreground));border-radius:var(--rounded-full);object-fit:cover;background:rgb(var(--color-foreground) / .08);place-items:center}.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;align-items:center;flex-wrap:wrap;gap:var(--sp-3)}.seo-article-author__eyebrow{font-size:var(--text-xs);font-weight:700;line-height:1;margin:0;text-transform:uppercase;color:rgb(var(--color-foreground) / .62)}.seo-article-author__name{font-family:var(--font-heading-family);font-size:var(--text-2xl);line-height:1.1;margin:0}.seo-article-author__name a,.seo-article-author__profile{text-decoration:none;color:inherit}.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);border-block-start:1px solid rgb(var(--color-border));padding-block-start:var(--sp-4)}.seo-article-author__description{font-size:var(--text-base);line-height:1.55;min-width:0;max-width:68ch;color:rgb(var(--color-foreground) / .76)}.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;align-items:center;flex-wrap:wrap;gap:var(--sp-3)}.seo-article-author__socials{align-items:center}.seo-article-author__profile{font-size:var(--text-sm);font-weight:700;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:var(--sp-2) var(--sp-4);transition:transform var(--animation-primary),background-color var(--animation-primary),color var(--animation-primary);white-space:nowrap;color:rgb(var(--color-background));border:1px solid rgb(var(--color-foreground));border-radius:var(--rounded-full);background:rgb(var(--color-foreground));justify-self:start}.seo-article-author__profile:hover,.seo-article-author__profile:focus-visible{transform:translateY(-1px);text-decoration:none;color:rgb(var(--color-foreground));background:transparent}.seo-article-author__socials a{display:inline-grid;width:32px;height:32px;transition:transform var(--animation-primary),background-color var(--animation-primary);color:rgb(var(--color-foreground));border-radius:var(--rounded-full);place-items:center}.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;align-content:start;gap:var(--sp-5)}.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{font-family:var(--font-heading-family);font-size:var(--text-base);line-height:1.2;margin:0}.seo-article-toc__list,.seo-article-toc__children{margin:0;padding:0;list-style:none}.seo-article-toc__list{display:grid;overflow-y:auto;gap:var(--sp-1);max-height:50vh;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{border-radius:var(--rounded-full);background:rgb(var(--color-foreground) / .18)}.seo-article-toc__row{display:grid;align-items:center;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-2)}.seo-article-toc__link{display:block;min-width:0;padding:var(--sp-2) var(--sp-3);text-decoration:none;color:rgb(var(--color-foreground) / .72);border-radius:var(--rounded-button)}.seo-article-toc__item--h3 .seo-article-toc__link{font-size:var(--text-sm);padding-inline-start:var(--sp-5)}.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;cursor:pointer;color:rgb(var(--color-foreground));border:0;border-radius:var(--rounded-button);background:transparent;place-items:center}.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;visibility:visible;overflow:hidden;gap:var(--sp-1);max-height:var(--toc-children-height, 36rem);transition:max-height var(--animation-primary),opacity var(--animation-primary),visibility var(--animation-primary);opacity:1}.seo-article-toc__children[aria-hidden=true]{visibility:hidden;max-height:0;pointer-events:none;opacity:0}@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;align-items:center;grid-template-columns:88px minmax(0,1fr);gap:var(--sp-3);min-height:112px;padding:var(--sp-3);transition:transform var(--animation-primary),border-color var(--animation-primary),box-shadow var(--animation-primary),background-color var(--animation-primary);border:1px solid rgb(var(--color-border));border-radius:var(--card-radius);background:rgb(var(--color-foreground) / .025)}.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;border-radius:var(--card-radius);background:rgb(var(--color-background));aspect-ratio:1}.seo-article-product-card__image,.seo-article-product-card__placeholder{width:100%;height:100%}.seo-article-product-card__image{transition:transform var(--animation-primary);object-fit:contain}.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;color:rgb(var(--color-foreground) / .42);place-items:center}.seo-article-product-card__content{display:grid;gap:var(--sp-2);min-width:0}.seo-article-product-card__title{font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-decoration:none;color:rgb(var(--color-foreground));-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{font-size:var(--text-sm);display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-2);color:rgb(var(--color-foreground) / .72)}.seo-article-product-card__price s{color:rgb(var(--color-foreground) / .45)}.seo-article-product-card__link{font-size:var(--text-sm);font-weight:700;width:fit-content;text-decoration:underline;color:rgb(var(--color-foreground));text-underline-offset:.22em}.seo-article-nav{display:grid;gap:var(--sp-5)}.seo-article-card{display:grid;overflow:hidden;height:100%;transition:transform var(--animation-primary),border-color var(--animation-primary),box-shadow var(--animation-primary);border:1px solid rgb(var(--color-border));border-radius:var(--card-radius);background:rgb(var(--color-background))}.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;align-items:flex-start;gap:var(--sp-5);min-width:0;height:100%;padding:var(--sp-6);text-decoration:none;color:inherit}.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;gap:var(--sp-3);min-width:0}.seo-article-card__nav-icon{display:inline-grid;flex:0 0 auto;width:32px;height:32px;color:rgb(var(--color-foreground));place-items:center}.seo-article-card__meta--nav{font-size:var(--text-sm);gap:var(--sp-3);color:rgb(var(--color-foreground) / .72)}.seo-article-card__meta-item{display:inline-flex;align-items:center;gap:var(--sp-2)}.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{font-size:var(--text-xl);line-height:1.18;display:block;max-width:28rem}.seo-article-card__media{display:block;overflow:hidden;background:rgb(var(--color-foreground) / .035);aspect-ratio:16 / 10}.seo-article-card__image{width:100%;height:100%;transition:transform var(--animation-primary);object-fit:cover}.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{font-size:var(--text-xs);font-weight:700;line-height:1;margin:0;text-transform:uppercase;color:rgb(var(--color-foreground) / .62)}.seo-article-card__meta{font-size:var(--text-xs);line-height:1.4;display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);color:rgb(var(--color-foreground) / .62)}.seo-article-card__meta a{text-decoration:underline;color:inherit;text-underline-offset:.2em}.seo-article-card__title{font-family:var(--font-product-family);font-size:var(--text-lg);line-height:1.25;margin:0}.seo-article-card__title a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-decoration:none;color:inherit;-webkit-line-clamp:2}.seo-article-card__title a:hover,.seo-article-card__title a:focus-visible{text-decoration:underline;color:rgb(var(--color-foreground));text-underline-offset:.22em}.seo-article-card__excerpt{font-size:var(--text-sm);line-height:1.55;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;margin:0;color:rgb(var(--color-foreground) / .68);-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{font-size:clamp(var(--sp-8),3.368vw,var(--sp-16));margin:0}.seo-article-more__grid{display:grid;align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--sp-5)}.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{overflow-x:auto;flex-wrap:nowrap;width:100%;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;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;white-space:nowrap}.seo-article-share__copy{width:42px;min-width:42px;padding-inline:0}.seo-article-share__copy [data-copy-text]{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;white-space:nowrap}.seo-article-content{font-size:16px;overflow:hidden}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper):before{font-size:var(--text-sm);line-height:1.5;display:block;content:"-> Swipe to see the full table ->";color:rgb(var(--color-foreground) / .62);margin-block-end:var(--sp-2)}.seo-article-author{padding-inline:0;text-align:center;justify-items: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{justify-content:center;width:100%}.seo-article-author__identity{justify-content:center}.seo-article-author__identity li{font-size:var(--text-xs);line-height:1.2;min-height:30px;padding:var(--sp-1) var(--sp-3)}.seo-article-author__profile{font-weight:700;position:absolute;min-height:auto;padding:0;text-decoration:underline;color:rgb(var(--color-foreground));border:0;border-radius:0;background:transparent;inset-block-start:var(--sp-4);inset-inline-end:0;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{align-items:start;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--sp-5)}.seo-article-author__eyebrow,.seo-article-author__title-row{grid-column:1}.seo-article-author__heading>.seo-article-author__profile{grid-row:1 / span 2;grid-column: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{font-size:var(--text-2xl);max-width:30rem}.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{max-width:min(100%,1680px);--page-padding: clamp(var(--sp-8), 4vw, var(--sp-12))}.seo-article-hero{grid-template-areas:"breadcrumb media" "title media" "meta media" "excerpt media" "share media";grid-template-columns:minmax(0,1fr) minmax(20rem,40%);row-gap:var(--sp-5);column-gap:clamp(var(--sp-8),4vw,var(--sp-14))}.seo-article-hero__media{min-height:420px;max-height:560px}.seo-article-layout{align-items:start;grid-template-columns:minmax(0,1fr) minmax(17rem,20rem);gap:clamp(var(--sp-8),3.5vw,var(--sp-12))}.seo-article-sidebar{position:sticky;top:var(--header-height)}.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/22/assets/section-seo-article-template.css.map */