.seo-article-page{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){.seo-article-page{scroll-behavior:auto}}.seo-article{--seo-article-border: rgba(var(--color-heading-rgb), .1);--seo-article-border-strong: rgba(var(--color-heading-rgb), .18);--seo-article-muted: rgba(var(--color-heading-rgb), .62);--seo-article-soft: rgba(var(--color-heading-rgb), .045);--seo-article-card: var(--color-background);--seo-article-shadow: 0 18px 44px rgba(var(--color-heading-rgb), .08);--seo-article-radius: var(--item-rounded, 12px);max-width:1240px;margin:0 auto;padding:var(--seo-article-padding-top, 32px) var(--page-padding, 24px) var(--seo-article-padding-bottom, 64px);min-width:0;color:var(--color-text)}.seo-article *,.seo-article *:before,.seo-article *:after{box-sizing:border-box}.seo-article .seo-article-main ol,.seo-article .seo-article-main ul{list-style:initial;padding-left:1em}.seo-article a{color:inherit}.seo-article-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:22px;color:var(--seo-article-muted);font-size:13px;line-height:1.4}.seo-article-breadcrumbs a{text-decoration:none}.seo-article-breadcrumbs a:hover,.seo-article-breadcrumbs a:focus-visible{color:var(--color-heading);text-decoration:underline}.seo-article-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,.68fr);gap:clamp(28px,5vw,64px);align-items:center;margin-bottom:clamp(36px,6vw,72px)}.seo-article-hero__main{display:flex;min-width:0;flex-direction:column;justify-content:center}.seo-article-title{margin:0;color:var(--color-heading);font-size:clamp(34px,4.2vw,46px);line-height:1.06;letter-spacing:0}.seo-article-meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:18px;color:var(--seo-article-muted);font-size:14px}.seo-article-meta__author,.seo-article-meta__reviewer{display:inline-flex;gap:8px;align-items:center}.seo-article-meta__avatar{width:28px;height:28px;overflow:hidden;border-radius:999px;background:var(--seo-article-soft)}.seo-article-meta__avatar img{width:100%;height:100%;object-fit:cover}.seo-article-meta a{color:var(--color-heading);font-weight:600;text-decoration:none}.seo-article-meta a:hover,.seo-article-meta a:focus-visible{color:var(--color-primary)}.seo-article-excerpt{margin:24px 0 0;padding:18px 20px;border-left:3px solid var(--color-heading);background:var(--seo-article-soft);color:var(--color-heading);font-size:17px;line-height:1.65;font-style:italic}.seo-article-share{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:24px}.seo-article-share__label{margin-right:2px;color:var(--seo-article-muted);font-size:13px;font-weight:700;text-transform:uppercase}.seo-article-share__button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid var(--seo-article-border);border-radius:999px;background:var(--color-background);color:var(--color-heading);font:inherit;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}.seo-article-share__button:hover,.seo-article-share__button:focus-visible{transform:translateY(-1px);border-color:var(--seo-article-border-strong);color:var(--color-primary);box-shadow:0 10px 20px rgba(var(--color-heading-rgb),.08)}.seo-article-hero__media{position:relative;min-width:0;overflow:hidden;border-radius:var(--seo-article-radius);background:var(--seo-article-soft);aspect-ratio:4 / 3}.seo-article-hero__media-bg,.seo-article-hero__media-main{position:absolute;top:0;right:0;bottom:0;left:0}.seo-article-hero__media-bg{width:100%;height:100%;filter:blur(22px);opacity:.32;transform:scale(1.08);object-fit:cover}.seo-article-hero__media-main{width:100%;height:100%;object-fit:cover}.seo-article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,336px);gap:clamp(32px,5vw,68px);align-items:start;min-width:0;max-width:100%}.seo-article-main,.seo-article-content{min-width:0;max-width:100%}.seo-article-content{color:var(--color-text);font-size:18px;line-height:1.78}.seo-article-content>*:first-child{margin-top:0}.seo-article-content h2,.seo-article-content h3{color:var(--color-heading);letter-spacing:0;scroll-margin-top:calc(var(--header-height, 88px) + 24px)}.seo-article-content h2{margin:1.4em 0 .7em;font-size:30px;line-height:1.22}.seo-article-content h3{margin:1.3em 0 .65em;font-size:23px;line-height:1.3}.seo-article-content img{max-width:100%;height:auto}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper){display:block;position:relative;width:100%;max-inline-size:100%;min-inline-size:0;margin:28px 0;padding:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;contain:inline-size}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper) table{display:table;width:max-content;max-inline-size:none;min-inline-size:max(100%,40rem);border-collapse:collapse;white-space:nowrap}.seo-article-content th,.seo-article-content td{min-width:120px;padding:12px 14px;border:1px solid var(--seo-article-border);white-space:normal;vertical-align:top;word-break:break-word}.seo-article-sidebar{position:sticky;top:calc(var(--header-height, 88px) + 40px);display:flex;flex-direction:column;gap:18px;min-width:0}.seo-article-sidebar__card{width:100%;padding:22px;border:1px solid var(--seo-article-border);border-radius:var(--seo-article-radius);background:var(--seo-article-card)}.seo-article-sidebar__heading{margin:0 0 16px;color:var(--color-heading);font-size:18px;line-height:1.25}.seo-article-toc__list{max-height:50vh;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:none;scrollbar-color:rgba(var(--color-heading-rgb),.22) transparent;scrollbar-width:thin;list-style:none}.seo-article-toc__list::-webkit-scrollbar{width:4px;height:0}.seo-article-toc__list::-webkit-scrollbar-track{background:transparent}.seo-article-toc__list::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(var(--color-heading-rgb),.18)}.seo-article-toc__list:hover::-webkit-scrollbar-thumb,.seo-article-toc__list:focus-within::-webkit-scrollbar-thumb{background:rgba(var(--color-heading-rgb),.3)}.seo-article-toc__item{margin:0}.seo-article-toc__item--h3{padding-left:16px}.seo-article-toc__link{display:block;padding:7px 10px;border-radius:8px;color:var(--seo-article-muted);font-size:14px;line-height:1.35;text-decoration:none}.seo-article-toc__link:hover,.seo-article-toc__link:focus-visible,.seo-article-toc__link.is-active{background:var(--seo-article-soft);color:var(--color-heading)}.seo-article-sidebar-products{display:grid;gap:12px}.seo-article-product-mini{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;min-height:92px;padding:10px;border:1px solid var(--seo-article-border);border-radius:10px;color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.seo-article-product-mini:hover,.seo-article-product-mini:focus-visible{transform:translateY(-2px);border-color:var(--seo-article-border-strong);box-shadow:0 12px 24px rgba(var(--color-heading-rgb),.08)}.seo-article-product-mini__media{display:flex;width:76px;height:76px;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:var(--seo-article-soft)}.seo-article-product-mini__media img{width:100%;height:100%;object-fit:contain;transition:transform .35s ease}.seo-article-product-mini:hover img,.seo-article-product-mini:focus-visible img{transform:scale(1.05)}.seo-article-product-mini__title{display:-webkit-box;margin:0;overflow:hidden;color:var(--color-heading);font-size:14px;font-weight:700;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.seo-article-product-mini__price{margin-top:6px;color:var(--seo-article-muted);font-size:13px}.seo-article-tags,.seo-article-divider,.seo-article-author,.seo-article-nav{margin-top:38px}.seo-article-tags{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.seo-article-tag{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border:1px solid var(--seo-article-border);border-radius:999px;color:var(--color-heading);font-size:13px;text-decoration:none}.seo-article-tag:hover,.seo-article-tag:focus-visible{border-color:var(--seo-article-border-strong);color:var(--color-primary)}.seo-article-divider{border:0;border-top:1px solid var(--seo-article-border)}.seo-article-author{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:18px;align-items:start;padding:24px;border:1px solid var(--seo-article-border);border-radius:var(--seo-article-radius);background:var(--seo-article-card)}.seo-article-author__avatar{width:96px;height:96px;overflow:hidden;border-radius:999px;background:var(--seo-article-soft)}.seo-article-author__avatar img{width:100%;height:100%;object-fit:cover}.seo-article-author__title-row{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.seo-article-author__name{margin:0;color:var(--color-heading);font-size:22px;line-height:1.25}.seo-article-author__name a,.seo-article-author__avatar-link,.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{color:var(--color-primary)}.seo-article-author__socials{display:inline-flex;gap:4px;align-items:center}.seo-article-author__social{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:999px;color:var(--color-heading)}.seo-article-author__social:hover,.seo-article-author__social:focus-visible{background:var(--seo-article-soft);color:var(--color-primary)}.seo-article-role-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.seo-article-role-tag{padding:5px 9px;border-radius:999px;background:var(--seo-article-soft);color:var(--seo-article-muted);font-size:12px;line-height:1.2}.seo-article-author__bio{margin-top:14px;font-size:15px;line-height:1.65}.seo-article-author__profile{justify-self:end;color:var(--color-heading);font-size:13px;font-weight:700}.seo-article-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.seo-article-nav__link{display:flex;min-height:118px;flex-direction:column;justify-content:center;padding:20px;border:1px solid var(--seo-article-border);border-radius:var(--seo-article-radius);background:var(--seo-article-card);color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.seo-article-nav__link--next{text-align:right}.seo-article-nav__link:hover,.seo-article-nav__link:focus-visible{transform:translateY(-2px);border-color:var(--seo-article-border-strong);box-shadow:0 12px 24px rgba(var(--color-heading-rgb),.08)}.seo-article-nav__eyebrow,.seo-article-card__meta{color:var(--seo-article-muted);font-size:12px;font-weight:700;text-transform:uppercase}.seo-article-nav__title{margin-top:10px;color:var(--color-heading);font-size:17px;font-weight:700;line-height:1.35}.seo-article-more{margin-top:clamp(42px,6vw,78px)}.seo-article-more__heading{margin:0 0 22px;color:var(--color-heading);font-size:28px;line-height:1.2}.seo-article-more__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.seo-article-card{display:flex;height:100%;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--seo-article-border);border-radius:var(--seo-article-radius);background:var(--seo-article-card);color:inherit;text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.seo-article-card:hover,.seo-article-card:focus-visible{transform:translateY(-3px);border-color:var(--seo-article-border-strong);box-shadow:var(--seo-article-shadow)}.seo-article-card__media{position:relative;overflow:hidden;aspect-ratio:16 / 10;background:var(--seo-article-soft)}.seo-article-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.seo-article-card:hover img,.seo-article-card:focus-visible img{transform:scale(1.04)}.seo-article-card__tag{position:absolute;top:12px;left:12px;padding:5px 9px;border-radius:999px;background:rgba(var(--color-heading-rgb),.82);color:var(--color-white);font-size:11px;font-weight:700}.seo-article-card__body{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;padding:18px}.seo-article-card__title{margin:8px 0 0;color:var(--color-heading);font-size:18px;line-height:1.35}.seo-article-card__excerpt{display:-webkit-box;margin:10px 0 0;overflow:hidden;color:var(--seo-article-muted);font-size:14px;line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical}.seo-article-card__meta{padding-top:18px}.seo-article-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:989px){.seo-article-hero,.seo-article-layout{grid-template-columns:1fr}.seo-article-sidebar{position:static}.seo-article-sidebar__toc{display:none}.seo-article-more__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.seo-article{padding:18px 16px 44px;overflow:hidden}.seo-article-breadcrumbs__current{display:none}.seo-article-breadcrumbs__mobile-trail{display:inline}.seo-article-title{font-size:32px}.seo-article-hero{gap:22px}.seo-article-hero__media{order:-1;aspect-ratio:unset}.seo-article-hero__media .seo-article-hero__media-main{position:relative;height:auto;display:block}.seo-article-meta{font-size:13px}.seo-article-share{flex-wrap:nowrap;gap:8px}.seo-article-share__label,.seo-article-share__text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.seo-article-share__button{width:40px;min-width:40px;padding:0}.seo-article-content{font-size:16px;line-height:1.75}.seo-article-content h2{font-size:24px}.seo-article-content h3{font-size:20px}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper):before{display:block;margin-bottom:10px;color:var(--seo-article-muted);content:"\2190  Swipe to see the full table \2192";font-size:13px;line-height:1.4}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper) table{min-inline-size:max(100%,38rem)}.seo-article-sidebar{margin-top:30px}.seo-article-author{grid-template-columns:1fr;text-align:center}.seo-article-author__avatar,.seo-article-author__avatar-link{justify-self:center}.seo-article-author__title-row,.seo-article-author__socials,.seo-article-role-tags{justify-content:center}.seo-article-author__profile{grid-row:1;justify-self:end}.seo-article-nav,.seo-article-more__grid{grid-template-columns:1fr}.seo-article-nav__link{min-height:96px;transform:none!important;box-shadow:none!important}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/section-seo-article-template.css.map */