.seo-article{--seo-article-max-width: min(var(--container-max-width), 1280px);--seo-article-sidebar-width: 320px;--seo-article-border: rgb(var(--text-color, var(--text-primary)) / .12);--seo-article-muted: rgb(var(--text-color, var(--text-primary)) / .68);--seo-article-soft: rgb(var(--text-color, var(--text-primary)) / .05);--seo-article-hover: rgb(var(--text-color, var(--text-primary)) / .08);--seo-article-h1-size: clamp(1rem, 4vw, 3rem);--seo-article-h2-size: clamp(1rem, 2.8vw, 2rem);--seo-article-h3-size: clamp(1rem, 2vw, 1.5rem);--seo-article-h1-weight: 800;--seo-article-h2-weight: 800;--seo-article-h3-weight: 700;--seo-article-sidebar-offset: calc(var(--sticky-area-height, var(--header-height, 0px)) + var(--spacing-6));width:min(100% - (var(--container-gutter) * 2),var(--seo-article-max-width));margin-inline:auto;padding-block:var(--spacing-6) var(--spacing-16);color:rgb(var(--text-color, var(--text-primary)))}.seo-article,.seo-article-layout,.seo-article-main,.seo-article-content{min-width:0;max-width:100%}.seo-article a{color:inherit}.seo-article__inner{display:grid;gap:var(--spacing-10)}.seo-article-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);grid-template-areas:"main media" "details media";gap:var(--spacing-6) var(--spacing-10);align-items:center}.seo-article-hero__main{grid-area:main;display:grid;align-content:center;gap:var(--spacing-5)}.seo-article-hero__details{grid-area:details;display:grid;gap:var(--spacing-5)}.seo-article .seo-article-hero__title{margin:0;font-family:var(--heading-font-family);font-size:var(--seo-article-h1-size);font-weight:var(--seo-article-h1-weight)!important;line-height:1.05;letter-spacing:0}.seo-article-hero__media{grid-area:media;position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:4 / 3;overflow:hidden;border-radius:min(var(--rounded-lg),8px);border:1px solid var(--seo-article-border);background:var(--seo-article-soft)}.seo-article-hero__backdrop{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;width:calc(100% + 28px);height:calc(100% + 28px);object-fit:cover;filter:blur(18px);opacity:.28;transform:scale(1.04)}.seo-article-hero__image{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}.seo-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2) var(--spacing-4);color:var(--seo-article-muted);font-size:var(--text-sm);line-height:1.5}.seo-article-meta__item{display:inline-flex;align-items:center;gap:.45rem}.seo-article-meta a{font-weight:600;text-decoration:none}.seo-article-meta a:hover,.seo-article-meta a:focus-visible{text-decoration:underline}.seo-article-meta__avatar{width:28px;height:28px;border-radius:999px;object-fit:cover}.seo-article-meta__reviewer-role{color:rgb(var(--text-color, var(--text-primary)) / .52)}.seo-article-hero__excerpt{position:relative;max-width:72ch;margin:0;padding:var(--spacing-4) var(--spacing-5);border-left:3px solid rgb(var(--text-color, var(--text-primary)) / .34);background:var(--seo-article-soft);color:rgb(var(--text-color, var(--text-primary)) / .78);font-size:clamp(1rem,1.5vw,1.15rem);font-style:italic;line-height:1.7}.seo-article-share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3)}.seo-article-share__label{font-weight:700;font-size:var(--text-sm)}.seo-article-share__list,.seo-article-author__socials,.seo-article-role-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);margin:0;padding:0;list-style:none}.seo-article-share__button,.seo-article-author__socials a{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:40px;min-height:40px;border-radius:min(var(--rounded),8px);border:1px solid var(--seo-article-border);background:transparent;color:rgb(var(--text-color, var(--text-primary)));text-decoration:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.seo-article-share__button{padding:0 var(--spacing-3);font:inherit;font-size:var(--text-sm);white-space:nowrap}.seo-article-share__button svg,.seo-article-author__socials svg{width:18px;height:18px}.seo-article-share__button:hover,.seo-article-share__button:focus-visible,.seo-article-author__socials a:hover,.seo-article-author__socials a:focus-visible{border-color:rgb(var(--text-color, var(--text-primary)) / .24);background:var(--seo-article-hover);transform:translateY(-1px)}.seo-article-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--seo-article-sidebar-width);gap:var(--spacing-12);align-items:start}.seo-article-main{display:grid;gap:var(--spacing-10)}.seo-article-content{contain:inline-size;font-size:clamp(1rem,1.1vw,1.125rem);line-height:1.78}.seo-article-content :is(h2,h3){scroll-margin-top:calc(var(--sticky-area-height, var(--header-height, 0px)) + var(--spacing-6));font-family:var(--heading-font-family);line-height:1.18;letter-spacing:0}.seo-article .seo-article-content.prose h2{margin-block-start:var(--spacing-10);margin-block-end:var(--spacing-4);font-size:var(--seo-article-h2-size);font-weight:var(--seo-article-h2-weight)!important}.seo-article .seo-article-content.prose h3{margin-block-start:var(--spacing-8);margin-block-end:var(--spacing-3);font-size:var(--seo-article-h3-size);font-weight:var(--seo-article-h3-weight)!important}.seo-article-content :is(img,video,iframe){max-width:100%}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper){inline-size:100%;width:100%;max-inline-size:100%;min-inline-size:0;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;display:block;position:relative;padding:0;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 :is(.seo-article-table-scroll,.table-wrapper) :is(th,td){min-width:120px;padding:var(--spacing-3) var(--spacing-4);white-space:normal;word-break:break-word;vertical-align:top}.seo-article-inline-product{display:grid;grid-template-columns:minmax(96px,150px) minmax(0,1fr);gap:var(--spacing-5);align-items:center;margin-block:var(--spacing-8);padding:var(--spacing-5);border:1px solid var(--seo-article-border);border-radius:min(var(--rounded-lg),8px);background:var(--seo-article-soft);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.seo-article-inline-product:hover,.seo-article-inline-product:focus-within{border-color:rgb(var(--text-color, var(--text-primary)) / .24);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.seo-article-inline-product__media{display:block;aspect-ratio:1;overflow:hidden;border-radius:min(var(--rounded),8px);background:rgb(var(--background-primary) / 1)}.seo-article-inline-product__image{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.seo-article-inline-product:hover .seo-article-inline-product__image,.seo-article-inline-product:focus-within .seo-article-inline-product__image{transform:scale(1.03)}.seo-article-inline-product__content{display:grid;gap:var(--spacing-2);min-width:0}.seo-article-inline-product__eyebrow,.seo-article-more-card__eyebrow{margin:0;color:var(--seo-article-muted);font-size:var(--text-xs);font-weight:700;text-transform:uppercase}.seo-article-inline-product__title,.seo-article-product-card__title{display:-webkit-box;margin:0;overflow:hidden;font-weight:700;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.seo-article-inline-product__title a,.seo-article-product-card__title a,.seo-article-more-card__title a{text-decoration:none;transition:color .2s ease}.seo-article-inline-product__title a:hover,.seo-article-inline-product__title a:focus-visible,.seo-article-product-card__title a:hover,.seo-article-product-card__title a:focus-visible,.seo-article-more-card__title a:hover,.seo-article-more-card__title a:focus-visible{color:rgb(var(--accent))}.seo-article-inline-product__price,.seo-article-product-card__price{margin:0;font-weight:700}.seo-article-inline-product__link{width:fit-content;font-size:var(--text-sm);font-weight:700;text-decoration:underline;text-underline-offset:.18em}.seo-article-sidebar{position:sticky;top:var(--seo-article-sidebar-offset);z-index:2;align-self:start;min-width:0;height:fit-content}.seo-article-sidebar__sticky{display:grid;gap:var(--spacing-5)}.seo-article-sidebar__card,.seo-article-author,.seo-article-more-card{border:1px solid var(--seo-article-border);border-radius:min(var(--rounded-lg),8px);background:rgb(var(--background-primary))}.seo-article-sidebar__card{display:grid;gap:var(--spacing-4);padding:var(--spacing-5)}.seo-article-sidebar__heading{margin:0;font-size:var(--text-h5);line-height:1.25;letter-spacing:0}.seo-article-toc__list,.seo-article-toc__sublist{display:grid;gap:var(--spacing-1);margin:0;padding:0;list-style:none}.seo-article-toc__list{max-height:50vh;overflow-y:auto;overscroll-behavior-y:none;padding-right:var(--spacing-1);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(--text-color, var(--text-primary)) / .18);border-radius:999px}.seo-article-toc__row{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:var(--spacing-1)}.seo-article-toc__link{display:block;padding:var(--spacing-2) var(--spacing-3);border-radius:min(var(--rounded),8px);color:var(--seo-article-muted);font-size:var(--text-sm);line-height:1.35;text-decoration:none;transition:background-color .2s ease,color .2s ease}.seo-article-toc__item--level-3 .seo-article-toc__link{padding-left:var(--spacing-5);font-size:var(--text-xs)}.seo-article-toc__link:hover,.seo-article-toc__link:focus-visible,.seo-article-toc__link.is-active{background:var(--seo-article-hover);color:rgb(var(--text-color, var(--text-primary)))}.seo-article-toc__toggle{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:min(var(--rounded),8px);background:transparent;color:var(--seo-article-muted);cursor:pointer}.seo-article-toc__toggle:hover,.seo-article-toc__toggle:focus-visible{background:var(--seo-article-hover);color:rgb(var(--text-color, var(--text-primary)))}.seo-article-toc__toggle-icon{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-1px);transition:transform .2s ease}.seo-article-toc__toggle[aria-expanded=false] .seo-article-toc__toggle-icon{transform:rotate(-45deg)}.seo-article-products{display:grid;gap:var(--spacing-3)}.seo-article-product-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:var(--spacing-3);align-items:center;min-height:108px;padding:var(--spacing-3);border:1px solid var(--seo-article-border);border-radius:min(var(--rounded),8px);background:var(--seo-article-soft);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.seo-article-product-card:hover,.seo-article-product-card:focus-within{border-color:rgb(var(--text-color, var(--text-primary)) / .24);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.seo-article-product-card__media{display:block;aspect-ratio:1;overflow:hidden;border-radius:min(var(--rounded-sm),6px);background:rgb(var(--background-primary))}.seo-article-product-card__image{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.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__content{display:grid;gap:var(--spacing-1);min-width:0}.seo-article-mobile-products{display:none}.seo-article-author{display:grid;gap:var(--spacing-5);padding:var(--spacing-6)}.seo-article-author__identity{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--spacing-5);align-items:start}.seo-article-author__avatar{display:grid;place-items:center;width:96px;aspect-ratio:1;overflow:hidden;border-radius:999px;background:var(--seo-article-soft);color:rgb(var(--text-color, var(--text-primary)));text-decoration:none}.seo-article-author__avatar-image{width:100%;height:100%;object-fit:cover}.seo-article-author__avatar-fallback{font-size:2rem;font-weight:700}.seo-article-author__heading{display:grid;gap:var(--spacing-2);min-width:0}.seo-article-author__eyebrow{margin:0;color:var(--seo-article-muted);font-size:var(--text-xs);font-weight:700;text-transform:uppercase}.seo-article-author__name-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2) var(--spacing-3)}.seo-article-author__name{margin:0;font-size:var(--text-h3);line-height:1.2;letter-spacing:0}.seo-article-author__name a,.seo-article-author__profile-link{text-decoration:none}.seo-article-author__name a:hover,.seo-article-author__name a:focus-visible,.seo-article-author__profile-link:hover,.seo-article-author__profile-link:focus-visible{text-decoration:underline;text-underline-offset:.18em}.seo-article-author__socials a{min-width:32px;min-height:32px;border:0;border-radius:999px}.seo-article-role-tags li{padding:.35rem .6rem;border:1px solid var(--seo-article-border);border-radius:999px;background:var(--seo-article-soft);color:var(--seo-article-muted);font-size:var(--text-xs);line-height:1}.seo-article-author__profile-link{align-self:start;font-size:var(--text-sm);font-weight:700}.seo-article-author__bio{color:rgb(var(--text-color, var(--text-primary)) / .76);line-height:1.72}.seo-article-author__bio :first-child{margin-top:0}.seo-article-author__bio :last-child{margin-bottom:0}.seo-article-more{display:grid;gap:var(--spacing-5)}.seo-article-more__header h2{margin:0;font-size:var(--text-h3);letter-spacing:0}.seo-article-more__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-5);align-items:stretch}.seo-article-more-card{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.seo-article-more-card:hover,.seo-article-more-card:focus-within{border-color:rgb(var(--text-color, var(--text-primary)) / .24);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.seo-article-more-card__media{display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--seo-article-soft)}.seo-article-more-card__image{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.seo-article-more-card:hover .seo-article-more-card__image,.seo-article-more-card:focus-within .seo-article-more-card__image{transform:scale(1.035)}.seo-article-more-card__body{display:grid;grid-template-rows:auto auto 1fr;gap:var(--spacing-2);padding:var(--spacing-5)}.seo-article-more-card__title{margin:0;font-size:var(--text-h5);line-height:1.3;letter-spacing:0}.seo-article-more-card__excerpt{margin:0;color:var(--seo-article-muted);font-size:var(--text-sm);line-height:1.6}.seo-article-comments{width:min(100% - (var(--container-gutter) * 2),min(var(--container-max-width),960px));margin-inline:auto;padding-block-end:var(--spacing-16)}@media screen and (max-width:989px){.seo-article{padding-block-start:var(--spacing-4)}.seo-article-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "media" "details";gap:var(--spacing-5)}.seo-article-hero__title{max-width:100%}.seo-article-hero__media{aspect-ratio:16 / 10}.seo-article-layout{grid-template-columns:minmax(0,1fr)}.seo-article-sidebar{display:none}.seo-article-mobile-products{display:grid;gap:var(--spacing-4)}}@media screen and (max-width:699px){.seo-article{--seo-article-h1-size: clamp(1.8rem, 9vw, 2.75rem);--seo-article-h2-size: clamp(1.45rem, 6.5vw, 2rem);--seo-article-h3-size: clamp(1.2rem, 5vw, 1.5rem);width:min(100% - (var(--spacing-5) * 2),100%);padding-block:var(--spacing-3) var(--spacing-10);overflow:hidden}.seo-article__inner{gap:var(--spacing-8)}.seo-article-hero__media{aspect-ratio:4 / 3;margin-inline:calc(-1 * var(--spacing-1))}.seo-article-meta{gap:var(--spacing-2) var(--spacing-3)}.seo-article-hero__excerpt{padding:var(--spacing-4)}.seo-article-share{display:grid;gap:var(--spacing-2)}.seo-article-share__list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--spacing-1)}.seo-article-share__button span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.seo-article-share__button{width:42px;padding:0}.seo-article-content{max-width:100%;font-size:1rem}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper):before{content:"Swipe to see the full table";display:block;margin-block-end:var(--spacing-2);color:var(--seo-article-muted);font-size:var(--text-xs);line-height:1.4}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper) table{min-inline-size:max(100%,38rem)}.seo-article-inline-product{grid-template-columns:104px minmax(0,1fr);gap:var(--spacing-4);padding:var(--spacing-4)}.seo-article-product-card{grid-template-columns:82px minmax(0,1fr)}.seo-article-author{padding:var(--spacing-5);text-align:center}.seo-article-author__identity{grid-template-columns:minmax(0,1fr);justify-items:center}.seo-article-author__name-row,.seo-article-author__socials,.seo-article-role-tags{justify-content:center}.seo-article-author__profile-link{align-self:center}.seo-article-more__grid{grid-template-columns:minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/section-seo-article-template.css.map */