/*! SEO article template */html{scroll-behavior:smooth}.seo-article-section{color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.seo-article-section:before{content:none;display:none}.seo-article,.seo-article-layout,.seo-article-main,.seo-article-content{min-width:0;max-width:100%}.seo-article{--seo-card-radius: 8px;--seo-border: rgb(var(--color-border));--seo-muted: rgb(var(--color-foreground) / .64);--seo-soft: rgb(var(--color-foreground) / .045);--seo-soft-strong: rgb(var(--color-foreground) / .075);--seo-shadow: 0 14px 36px rgb(var(--color-foreground) / .08);position:relative;z-index:1;display:grid;gap:clamp(2rem,5vw,4.5rem);--page-padding: max(var(--gap-padding), 24px)}.seo-article-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,.86fr);gap:clamp(2rem,5vw,4rem);align-items:center}.seo-article-hero__main{display:flex;min-height:clamp(22rem,42vw,34rem);flex-direction:column;justify-content:center;gap:clamp(1rem,2vw,1.5rem)}.seo-article-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.42rem;color:var(--seo-muted);font-size:.8125rem;line-height:1.4}.seo-article-breadcrumb a{text-decoration:none;transition:color var(--animation-primary)}.seo-article-breadcrumb a:hover,.seo-article-breadcrumb a:focus-visible{color:rgb(var(--color-foreground))}.seo-article-breadcrumb__current{color:rgb(var(--color-foreground))}.seo-article-title{max-width:12.5em;margin:0;font-family:var(--font-heading-family);font-size:clamp(2.25rem,5vw,4.9rem);font-weight:var(--font-heading-weight);line-height:1.02;letter-spacing:0}.seo-article-meta{display:flex;align-items:center;gap:.875rem;color:var(--seo-muted);font-size:.9375rem;line-height:1.5}.seo-article-meta__avatar,.seo-article-author__avatar{display:block;border-radius:50%;object-fit:cover;background:var(--seo-soft)}.seo-article-meta__avatar{width:2.75rem;height:2.75rem}.seo-article-meta__body{display:grid;gap:.18rem}.seo-article-meta__line{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .75rem}.seo-article-meta__item{display:inline-flex;align-items:center;gap:.35rem}.seo-article-meta__icon{flex:0 0 auto}.seo-article-meta__author,.seo-article-meta__reviewer a,.seo-article-meta__avatar-link{color:rgb(var(--color-foreground));font-weight:600;text-decoration:none;transition:color var(--animation-primary),opacity var(--animation-primary)}.seo-article-meta__author:hover,.seo-article-meta__author:focus-visible,.seo-article-meta__reviewer a:hover,.seo-article-meta__reviewer a:focus-visible,.seo-article-meta__avatar-link:hover,.seo-article-meta__avatar-link:focus-visible{color:rgb(var(--color-button-background));opacity:.72}.seo-article-meta__reviewer{display:flex;flex-wrap:wrap;gap:.35rem;font-size:.875rem}.seo-article-excerpt{position:relative;max-width:48rem;padding:1rem 1.25rem 1rem 1.4rem;border-left:3px solid rgb(var(--color-foreground));border-radius:0 var(--seo-card-radius) var(--seo-card-radius) 0;background:var(--seo-soft);color:rgb(var(--color-foreground) / .82);font-size:clamp(1rem,1.35vw,1.125rem);font-style:italic;line-height:1.7}.seo-article-excerpt:before,.seo-article-excerpt:after{color:rgb(var(--color-foreground) / .28);font-family:Georgia,serif;font-size:1.5em;line-height:0}.seo-article-excerpt:before{content:open-quote;margin-inline-end:.12em}.seo-article-excerpt:after{content:close-quote;margin-inline-start:.12em}.seo-article-share{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.seo-article-share__label{color:var(--seo-muted);font-size:.875rem;font-weight:600}.seo-article-share__buttons{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.seo-article-share__button{display:inline-flex;min-height:2.25rem;align-items:center;justify-content:center;gap:.45rem;padding:.5rem .75rem;border:1px solid var(--seo-border);border-radius:var(--seo-card-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:.8125rem;line-height:1;text-decoration:none;white-space:nowrap;transition:border-color var(--animation-primary),box-shadow var(--animation-primary),transform var(--animation-primary),background var(--animation-primary)}.seo-article-share__button:hover,.seo-article-share__button:focus-visible{border-color:rgb(var(--color-foreground) / .35);background:var(--seo-soft);box-shadow:0 8px 20px rgb(var(--color-foreground) / .08);transform:translateY(-1px)}.seo-article-share__button svg{width:1rem;height:1rem}.seo-article-hero__media{position:relative;display:block;min-width:0;margin:0;overflow:hidden;border-radius:var(--seo-card-radius);background:var(--seo-soft)}.seo-article-hero__media--mobile{display:none}.seo-article-hero__media:before{content:"";display:block;aspect-ratio:4 / 3}.seo-article-hero__media-bg,.seo-article-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.seo-article-hero__media-bg{background-position:center;background-size:cover;filter:blur(22px);opacity:.24;transform:scale(1.08)}.seo-article-hero__image{z-index:1;object-fit:contain;object-position:center}.seo-article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,21rem);gap:clamp(2rem,4vw,3.5rem);align-items:start}.seo-article-main{contain:inline-size}.seo-article-content{font-size:clamp(1rem,1.1vw,1.125rem);line-height:1.75}.seo-article-content h2[id],.seo-article-content h3[id]{scroll-margin-top:calc(var(--header-height, 72px) + 1.5rem)}.seo-article-content h2[id]:target,.seo-article-content h3[id]:target,.seo-article-content h2[id].is-active,.seo-article-content h3[id].is-active{text-decoration:underline;text-decoration-thickness:.12em;text-decoration-color:rgb(var(--color-foreground) / .2);text-underline-offset:.18em}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper){display:block;position:relative;inline-size:100%;width:100%;max-inline-size:100%;min-inline-size:0;margin-block:1.5rem;padding:0;background:#000;border:1px solid #fff;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;contain:inline-size}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper) :is(.seo-article-table-scroll,.table-wrapper){margin-block:0;border:0}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper) :is(.seo-article-table-scroll,.table-wrapper):before{display:none;content:none}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper) table{display:table;width:max-content;min-inline-size:max(100%,40rem);max-inline-size:none;margin:0;color:#fff;background:#000;border:0;border-collapse:separate;border-radius:0;border-spacing:0;box-shadow:none;overflow:visible;white-space:nowrap}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper) :is(th,td){min-width:7.5rem;padding:.6rem .75rem;border:0;border-block-start:1px solid #fff;border-inline-start:1px solid #fff;color:#fff;background:#000;font-weight:500;line-height:1.45;text-align:left;vertical-align:top;white-space:normal;word-break:break-word}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper) th{font-weight:700}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper) table>:is(thead,tbody,tfoot):first-child>tr:first-child>:is(th,td),.seo-article-content :is(.seo-article-table-scroll,.table-wrapper) table>tr:first-child>:is(th,td){border-block-start:0}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper) tr>:is(th,td):first-child{border-inline-start:0}.seo-article-tags{display:flex;flex-wrap:wrap;gap:.625rem;margin-block-start:clamp(2rem,5vw,3rem);padding-block-start:1.5rem;border-top:1px solid var(--seo-border)}.seo-article-tag{display:inline-flex;align-items:center;min-height:2rem;padding:.45rem .75rem;border-radius:999px;background:var(--seo-soft);color:rgb(var(--color-foreground));font-size:.8125rem;font-weight:600;text-decoration:none;transition:background var(--animation-primary),transform var(--animation-primary)}.seo-article-tag:hover,.seo-article-tag:focus-visible{background:var(--seo-soft-strong);transform:translateY(-1px)}.seo-article-sidebar{position:sticky;top:calc(var(--header-height, 72px) + 1.5rem);display:grid;gap:1rem;align-self:start}.seo-article-sidebar__card{display:grid;gap:1rem;padding:1rem;border:1px solid var(--seo-border);border-radius:var(--seo-card-radius);background:rgb(var(--color-background))}.seo-article-sidebar__heading{margin:0;font-family:var(--font-heading-family);font-size:.95rem;font-weight:700;line-height:1.25;letter-spacing:0}.seo-article-toc__list{display:grid;max-height:50vh;gap:.2rem;margin:0;padding:0;overflow-y:auto;overscroll-behavior-y:none;list-style:none;scrollbar-width:thin;scrollbar-color:rgb(var(--color-foreground) / .18) transparent}.seo-article-toc__list::-webkit-scrollbar{width:.35rem}.seo-article-toc__list::-webkit-scrollbar-track{background:transparent}.seo-article-toc__list::-webkit-scrollbar-thumb{border-radius:999px;background:rgb(var(--color-foreground) / .18)}.seo-article-toc__children{display:grid;gap:.15rem;margin:.2rem 0 .35rem;padding:0 0 0 .8rem;border-left:1px solid var(--seo-border);list-style:none}.seo-article-toc__children[hidden]{display:none!important}.seo-article-toc__row{display:grid;grid-template-columns:minmax(0,1fr) 1.75rem;align-items:center;gap:.25rem}.seo-article-toc__link{display:block;padding:.45rem .55rem;border-radius:6px;color:var(--seo-muted);font-size:.875rem;line-height:1.35;text-decoration:none;transition:background var(--animation-primary),color var(--animation-primary)}.seo-article-toc__item--h3 .seo-article-toc__link{font-size:.8125rem}.seo-article-toc__link:hover,.seo-article-toc__link:focus-visible,.seo-article-toc__link[aria-current=true],.seo-article-toc__link.is-active{background:var(--seo-soft);color:rgb(var(--color-foreground))}.seo-article-toc__toggle{display:inline-flex;width:1.75rem;height:1.75rem;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--seo-muted);cursor:pointer;transition:background var(--animation-primary),color var(--animation-primary),transform var(--animation-primary)}.seo-article-toc__toggle span,.seo-article-toc__toggle span:before{display:block;width:.55rem;height:1px;background:currentColor;content:""}.seo-article-toc__toggle span:before{transform:rotate(90deg)}.seo-article-toc__toggle[aria-expanded=true] span:before{opacity:0}.seo-article-toc__toggle:hover,.seo-article-toc__toggle:focus-visible{background:var(--seo-soft);color:rgb(var(--color-foreground))}.seo-article-products__list{display:grid;gap:.75rem}.seo-article-product-card{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.75rem;min-height:5.25rem;padding:.65rem;border:1px solid var(--seo-border);border-radius:var(--seo-card-radius);color:rgb(var(--color-foreground));text-decoration:none;transition:border-color var(--animation-primary),box-shadow var(--animation-primary),transform var(--animation-primary)}.seo-article-product-card:hover,.seo-article-product-card:focus-visible{border-color:rgb(var(--color-foreground) / .28);box-shadow:0 10px 22px rgb(var(--color-foreground) / .08);transform:translateY(-1px)}.seo-article-product-card__media{display:block;overflow:hidden;border-radius:6px;background:var(--seo-soft)}.seo-article-product-card__media img,.seo-article-product-card__placeholder{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain;transition:transform var(--animation-primary)}.seo-article-product-card:hover img,.seo-article-product-card:focus-visible img{transform:scale(1.04)}.seo-article-product-card__body{display:grid;align-content:center;gap:.35rem;min-width:0}.seo-article-product-card__title{display:-webkit-box;overflow:hidden;color:rgb(var(--color-foreground));font-size:.875rem;font-weight:650;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.seo-article-product-card__price{color:var(--seo-muted);font-size:.8125rem}.seo-article-author{position:relative;margin-block-start:clamp(2rem,5vw,3.5rem);padding-block-start:clamp(1.5rem,4vw,2rem);border-top:1px solid var(--seo-border)}.seo-article-author__profile-link{position:absolute;inset-block-start:1.5rem;inset-inline-end:0;color:rgb(var(--color-foreground));font-size:.875rem;font-weight:600;text-decoration:underline;text-underline-offset:.18em}.seo-article-author__identity{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:1.25rem;align-items:start;padding-inline-end:7rem}.seo-article-author__avatar{width:5rem;height:5rem}.seo-article-author__heading{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.seo-article-author__name{color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:1.35rem;font-weight:700;line-height:1.2;text-decoration:none}.seo-article-author__name:hover,.seo-article-author__name:focus-visible,.seo-article-author__profile-link:hover,.seo-article-author__profile-link:focus-visible{color:rgb(var(--color-foreground) / .7)}.seo-article-author__socials{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem}.seo-article-author__socials a{display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:50%;color:rgb(var(--color-foreground));text-decoration:none;transition:background var(--animation-primary),color var(--animation-primary)}.seo-article-author__socials a:hover,.seo-article-author__socials a:focus-visible{background:var(--seo-soft);color:rgb(var(--color-foreground) / .72)}.seo-article-author__roles{display:flex;flex-wrap:wrap;gap:.4rem;margin-block-start:.75rem}.seo-article-role-tag{display:inline-flex;align-items:center;min-height:1.65rem;padding:.28rem .6rem;border-radius:999px;background:var(--seo-soft);color:var(--seo-muted);font-size:.75rem;font-weight:650}.seo-article-author__description{margin-block-start:1rem;color:rgb(var(--color-foreground) / .78);font-size:.9375rem;line-height:1.7}.seo-article-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block-start:clamp(1.5rem,4vw,2.25rem)}.seo-article-nav__card{display:grid;gap:.45rem;min-height:8rem;padding:1.1rem;border:1px solid var(--seo-border);border-radius:var(--seo-card-radius);background:var(--seo-soft);color:rgb(var(--color-foreground));text-decoration:none;transition:background var(--animation-primary),box-shadow var(--animation-primary),transform var(--animation-primary)}.seo-article-nav__card--next{text-align:right}.seo-article-nav__card--next:only-child{grid-column:2}.seo-article-nav__direction,.seo-article-nav__meta{display:inline-flex;align-items:center;gap:.35rem;color:var(--seo-muted);font-size:.8125rem}.seo-article-nav__card--next .seo-article-nav__direction,.seo-article-nav__card--next .seo-article-nav__meta{justify-content:end}.seo-article-nav__title{font-family:var(--font-heading-family);font-size:1rem;font-weight:700;line-height:1.35}.seo-article-nav__card:hover,.seo-article-nav__card:focus-visible{background:rgb(var(--color-background));box-shadow:var(--seo-shadow);transform:translateY(-2px)}.seo-article-more{display:grid;gap:1.25rem}.seo-article-more__heading h2{margin:0;font-family:var(--font-heading-family);font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.1;letter-spacing:0}.seo-article-more__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}.seo-article-more-card{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:hidden;border:1px solid var(--seo-border);border-radius:var(--seo-card-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none;transition:border-color var(--animation-primary),box-shadow var(--animation-primary),transform var(--animation-primary)}.seo-article-more-card:hover,.seo-article-more-card:focus-visible{border-color:rgb(var(--color-foreground) / .28);box-shadow:var(--seo-shadow);transform:translateY(-2px)}.seo-article-more-card__media{position:relative;display:block;overflow:hidden;background:var(--seo-soft)}.seo-article-more-card__media:before{display:block;aspect-ratio:16 / 10;content:""}.seo-article-more-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--animation-primary)}.seo-article-more-card:hover .seo-article-more-card__media img,.seo-article-more-card:focus-visible .seo-article-more-card__media img{transform:scale(1.04)}.seo-article-more-card__body{display:grid;grid-template-rows:auto auto auto 1fr;gap:.6rem;padding:1rem}.seo-article-more-card__meta,.seo-article-more-card__tag{color:var(--seo-muted);font-size:.75rem;line-height:1.35}.seo-article-more-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.seo-article-more-card__tag{justify-self:start;padding:.25rem .55rem;border-radius:999px;background:var(--seo-soft);font-weight:650}.seo-article-more-card__title{display:-webkit-box;overflow:hidden;font-family:var(--font-heading-family);font-size:1.05rem;font-weight:700;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.seo-article-more-card__excerpt{display:-webkit-box;overflow:hidden;align-self:end;color:var(--seo-muted);font-size:.875rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media screen and (max-width:1023px){.seo-article{--page-padding: max(var(--gap-padding), 16px);gap:2.5rem}.seo-article-hero,.seo-article-layout{grid-template-columns:minmax(0,1fr)}.seo-article-hero__main{min-height:auto}.seo-article-hero__media--desktop,.seo-article-sidebar__toc{display:none}.seo-article-hero__media--mobile{display:block;order:3}.seo-article-title{order:2}.seo-article-breadcrumb{order:1}.seo-article-meta{order:4}.seo-article-excerpt{order:5}.seo-article-share{order:6}.seo-article-hero__media:before{aspect-ratio:4 / 3}.seo-article-sidebar{position:static;order:2}.seo-article-main{order:1}.seo-article-more__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:767px){.seo-article-section{--section-padding-top: min(var(--section-padding-top), 20px)}.seo-article-title{font-size:clamp(2rem,11vw,3.1rem)}.seo-article-breadcrumb__current{display:none}.seo-article-meta{align-items:flex-start}.seo-article-share{gap:.55rem}.seo-article-share__buttons{flex-wrap:nowrap;overflow-x:auto;max-width:100%}.seo-article-share__button{width:2.45rem;min-width:2.45rem;padding-inline:0}.seo-article-share__button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.seo-article-content{overflow:hidden;font-size:1rem}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper):before{display:block;margin-block-end:.65rem;color:var(--seo-muted);font-size:.8125rem;line-height:1.5;content:"Swipe to see the full table"}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper) table{min-inline-size:max(100%,38rem)}.seo-article-author__profile-link{inset-block-start:1.25rem;font-size:.8125rem}.seo-article-author__identity{grid-template-columns:minmax(0,1fr);justify-items:center;padding-inline-end:0;text-align:center}.seo-article-author__body{display:grid;justify-items:center}.seo-article-author__heading{justify-content:center}.seo-article-author__socials{width:100%;justify-content:center}.seo-article-author__description{text-align:left}.seo-article-nav{grid-template-columns:minmax(0,1fr);gap:.75rem}.seo-article-nav__card,.seo-article-nav__card--next{grid-column:auto;min-height:auto;text-align:left}.seo-article-nav__card--next .seo-article-nav__direction,.seo-article-nav__card--next .seo-article-nav__meta{justify-content:start}.seo-article-more__grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.seo-article *{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/section-seo-article-template.css.map */