.shopify-section--seo-article{background:rgb(var(--background))}.seo-article{--seo-article-content: 760px;--seo-article-sidebar: 320px;--seo-article-gap: clamp(40px, 4.2vw, 64px);--seo-article-shell: calc(var(--seo-article-content) + var(--seo-article-sidebar) + var(--seo-article-gap));--seo-article-border: rgb(var(--text-color) / .12);--seo-article-border-strong: rgb(var(--text-color) / .24);--seo-article-muted: rgb(var(--text-color) / .64);--seo-article-soft: rgb(var(--text-color) / .045);--seo-article-accent: #12adcc;--seo-article-radius: 8px;--seo-article-shadow: 0 14px 34px rgb(var(--text-color) / .08);padding-block:var(--spacing-6) var(--spacing-14);overflow:clip}.seo-article__shell{width:min(100% - 32px,var(--seo-article-shell));margin-inline:auto;min-width:0}.seo-article__breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-1-5);margin-block-end:var(--spacing-5);color:var(--seo-article-muted);font-size:.875rem;line-height:1.4}.seo-article__breadcrumbs a{color:inherit;text-decoration:none}.seo-article__breadcrumbs a:hover,.seo-article__breadcrumbs a:focus-visible,.seo-article-hero__meta a:hover,.seo-article-hero__meta a:focus-visible{color:rgb(var(--text-color));text-decoration:underline;text-underline-offset:.18em}.seo-article-hero{display:grid;grid-template-areas:"title media" "details media";grid-template-columns:minmax(0,var(--seo-article-content)) minmax(360px,var(--seo-article-sidebar));gap:var(--spacing-4) var(--seo-article-gap);align-items:center;margin-block-end:var(--spacing-6)}.seo-article-hero__title{grid-area:title;max-width:760px;margin:0;font-size:clamp(1.95rem,3.2vw,3.35rem);line-height:1.08;letter-spacing:0}.seo-article-hero__details{grid-area:details;display:grid;gap:var(--spacing-4);align-self:start;max-width:var(--seo-article-content)}.seo-article-hero__media{grid-area:media;position:relative;overflow:hidden;align-self:center;border:1px solid var(--seo-article-border);border-radius:var(--seo-article-radius);background:linear-gradient(135deg,rgb(var(--text-color) / .055),rgb(var(--text-color) / .02))}.seo-article-hero__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--seo-article-image);background-position:center;background-size:cover;filter:blur(18px);opacity:.24;transform:scale(1.08)}.seo-article-hero__media img{position:relative;z-index:1;display:block;width:100%;max-height:min(44vh,430px);object-fit:contain}.seo-article-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2) var(--spacing-4);color:var(--seo-article-muted);font-size:.9375rem;line-height:1.4}.seo-article-hero__meta>*+*:before{content:"";display:inline-block;width:4px;height:4px;margin-inline-end:var(--spacing-4);border-radius:50%;background:rgb(var(--text-color) / .32);vertical-align:middle}.seo-article-hero__person{display:inline-flex;align-items:center;gap:var(--spacing-2);color:inherit;text-decoration:none}.seo-article-hero__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.seo-article-hero__excerpt{margin:0;padding:var(--spacing-4) var(--spacing-5);border-left:3px solid var(--seo-article-accent);background:var(--seo-article-soft);color:rgb(var(--text-color) / .78);font-style:italic;line-height:1.65}.seo-article-hero__excerpt:before{content:open-quote}.seo-article-hero__excerpt:after{content:close-quote}.seo-article-share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2-5)}.seo-article-share__label{font-weight:800}.seo-article-share__items{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.seo-article-share__item{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);min-width:42px;height:42px;padding-inline:var(--spacing-3);border:1px solid var(--seo-article-border);border-radius:var(--seo-article-radius);background:rgb(var(--background));color:rgb(var(--text-color));text-decoration:none;transition:border-color .2s ease,transform .2s ease,background .2s ease}.seo-article-share__item:hover,.seo-article-share__item:focus-visible{border-color:var(--seo-article-border-strong);background:var(--seo-article-soft);transform:translateY(-1px)}.seo-article-layout{display:grid;grid-template-columns:minmax(0,var(--seo-article-content)) minmax(280px,var(--seo-article-sidebar));gap:var(--seo-article-gap);align-items:start;min-width:0;padding-block-start:var(--spacing-6);border-top:1px solid var(--seo-article-border)}.seo-article-main,.seo-article-content{min-width:0;max-width:100%}.seo-article-content{color:rgb(var(--text-color) / .9);font-size:clamp(1rem,.96rem + .2vw,1.09375rem);font-weight:400;line-height:1.82}.seo-article-content>*:first-child{margin-block-start:0}.seo-article-content p{margin-block:0 var(--spacing-5)}.seo-article-content :is(h2,h3){color:rgb(var(--text-color));letter-spacing:0;line-height:1.15;scroll-margin-top:calc(var(--header-height, 80px) + 24px)}.seo-article-content h2{margin-block-start:var(--spacing-9);font-size:clamp(1.8rem,2.3vw,2.75rem)}.seo-article-content h3{margin-block-start:var(--spacing-7);font-size:clamp(1.3rem,1.25vw,1.65rem)}.seo-article-content :target{text-decoration:underline;text-decoration-thickness:.12em;text-underline-offset:.18em;text-decoration-color:rgb(var(--text-color) / .22)}.seo-article-content img{display:block;max-width:100%;height:auto;margin-block:var(--spacing-7);border-radius:var(--seo-article-radius)}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper){display:block;position:relative;width:100%;inline-size:100%;max-inline-size:100%;min-inline-size:0;margin-block:var(--spacing-6);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;min-inline-size:max(100%,40rem);max-inline-size:none;border-collapse:collapse;white-space:nowrap}.seo-article-content :is(th,td){min-width:120px;padding:var(--spacing-3);border:1px solid var(--seo-article-border);white-space:normal;vertical-align:top;word-break:break-word}.seo-article-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-block-start:var(--spacing-8)}.seo-article-tag{padding:var(--spacing-1-5) var(--spacing-3);border:1px solid var(--seo-article-border);border-radius:min(var(--button-border-radius),8px);color:var(--seo-article-muted);font-size:.875rem;text-decoration:none}.seo-article-tag:hover,.seo-article-tag:focus-visible{border-color:var(--seo-article-border-strong);color:rgb(var(--text-color))}.seo-article-sidebar{position:sticky;top:calc(var(--header-height, 80px) + var(--spacing-5));align-self:start;display:grid;gap:var(--spacing-5)}.seo-article-sidebar__card,.seo-article-author,.seo-article-nav__card,.seo-article-more__card{border:1px solid var(--seo-article-border);border-radius:var(--seo-article-radius);background:rgb(var(--background))}.seo-article-sidebar__card{padding:var(--spacing-4)}.seo-article-sidebar__heading{margin:0 0 var(--spacing-3);font-size:1rem;font-weight:800}.seo-article-toc__list,.seo-article-toc__sublist{margin:0;padding:0;list-style:none}.seo-article-toc__list{max-height:50vh;overflow-y:auto;overscroll-behavior-y:none;padding-inline-end:var(--spacing-1);scrollbar-width:thin}.seo-article-toc__row{display:block}.seo-article-toc__link{display:block;padding:var(--spacing-1-5) var(--spacing-2);border-radius:min(var(--button-border-radius),8px);color:var(--seo-article-muted);font-size:.875rem;line-height:1.38;text-decoration:none;font-weight:800}.seo-article-toc__item--level-3 .seo-article-toc__link{padding-inline-start:var(--spacing-4);font-size:.84375rem}.seo-article-toc__link:hover,.seo-article-toc__link:focus-visible,.seo-article-toc__link.is-active{background:var(--seo-article-soft);color:rgb(var(--text-color))}.seo-article-toc__link.is-active{font-weight:800}.seo-article-products{display:grid}.seo-article-products__item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--spacing-3);align-items:center;min-height:92px;padding:var(--spacing-3) 0;color:inherit;text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease,color .2s ease,background .2s ease}.seo-article-products__item:not(:last-child){border-bottom:1px solid var(--seo-article-border);margin-bottom:12px}.seo-article-products__item:hover,.seo-article-products__item:focus-visible{border-color:transparent;transform:translateY(-1px);box-shadow:0 8px 20px rgb(var(--text-color) / .08)}.seo-article-products__item img{width:72px;height:72px;object-fit:contain}.seo-article-products__copy{display:grid;gap:var(--spacing-1);min-width:0}.seo-article-products__title,.seo-article-more__title,.seo-article-nav__title{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.seo-article-products__price{color:var(--seo-article-muted);font-size:.875rem}.seo-article-author{display:grid;gap:var(--spacing-5);margin-block-start:var(--spacing-10);padding:var(--spacing-6)}.seo-article-author__header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--spacing-4);align-items:center}.seo-article-author__avatar{width:76px;height:76px;border-radius:50%;object-fit:cover}.seo-article-author__official{border-radius:8px;width:140px;height:auto}.seo-article-hero__avatar__official{display:none}.seo-article-author__name-row{display:flex;flex-wrap:wrap;gap:var(--spacing-2) var(--spacing-3);align-items:center}.seo-article-author__name-row h2{margin:0}.seo-article-author__socials{display:inline-flex;gap:var(--spacing-1)}.seo-article-author__socials a{display:inline-grid;width:32px;height:32px;place-items:center;border-radius:50%;color:inherit}.seo-article-author__socials a:hover,.seo-article-author__socials a:focus-visible{background:var(--seo-article-soft)}.seo-article-author__roles{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-block-start:var(--spacing-2)}.seo-article-role-tag{padding:var(--spacing-1) var(--spacing-2-5);border-radius:min(var(--button-border-radius),8px);background:var(--seo-article-soft);color:var(--seo-article-muted);font-size:.8125rem}.seo-article-author__bio{color:rgb(var(--text-color) / .78)}.seo-article-mobile-products{display:none;margin-block-start:var(--spacing-6)}.seo-article-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-4);margin-block-start:var(--spacing-8)}.seo-article-nav__card{display:grid;gap:var(--spacing-2);min-height:144px;padding:var(--spacing-5);color:inherit;text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.seo-article-nav__card--next{text-align:end}.seo-article-nav__card--next:only-child{grid-column:2}.seo-article-nav__card:hover,.seo-article-nav__card:focus-visible,.seo-article-more__card:hover,.seo-article-more__card:focus-visible{border-color:var(--seo-article-border-strong);transform:translateY(-2px);box-shadow:var(--seo-article-shadow)}.seo-article-nav__direction{color:var(--seo-article-accent);font-size:.875rem;font-weight:800;text-transform:uppercase}.seo-article-nav__meta,.seo-article-more__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-1-5) var(--spacing-2);color:var(--seo-article-muted);font-size:.8125rem;line-height:1.4}.seo-article-nav__card--next .seo-article-nav__meta{justify-content:flex-end}.seo-article-nav__meta>*+*,.seo-article-more__meta>*+*{position:relative;padding-inline-start:var(--spacing-2)}.seo-article-nav__meta>*+*:before,.seo-article-more__meta>*+*:before{content:"";position:absolute;top:50%;left:0;width:3px;height:3px;border-radius:50%;background:rgb(var(--text-color) / .3)}.seo-article-nav__title{font-size:1.125rem;font-weight:800;line-height:1.28}.seo-article-more{margin-block-start:var(--spacing-12);padding-block-start:var(--spacing-8);border-top:1px solid var(--seo-article-border)}.seo-article-more__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-5);margin-block-start:var(--spacing-5)}.seo-article-more__card{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:hidden;color:inherit;text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.seo-article-more__media{aspect-ratio:16 / 9;overflow:hidden;background:var(--seo-article-soft)}.seo-article-more__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.seo-article-more__card:hover img,.seo-article-more__card:focus-visible img{transform:scale(1.04)}.seo-article-more__content{display:grid;grid-template-rows:auto auto 1fr;gap:var(--spacing-3);padding:var(--spacing-5)}.seo-article-more__content p{margin:0}@media screen and (max-width:999px){.seo-article{padding-block-start:var(--spacing-5)}.seo-article__shell{width:min(100% - 32px,var(--seo-article-shell))}.seo-article__breadcrumb-current,.seo-article-sidebar{display:none}.seo-article__breadcrumbs:after{content:"/"}.seo-article-hero{grid-template-areas:"title" "media" "details";grid-template-columns:minmax(0,1fr);gap:var(--spacing-5);margin-block-end:var(--spacing-7)}.seo-article-hero__title{font-size:clamp(1.75rem,7.6vw,2.55rem)}.seo-article-hero__media img{max-height:420px}.seo-article-layout{display:block;padding-block-start:var(--spacing-6)}.seo-article-content h2{font-size:clamp(1.7rem,7vw,2.45rem)}.seo-article-share{flex-wrap:wrap}.seo-article-share__text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.seo-article-share__items{flex-wrap:nowrap;width:auto}.seo-article-share__item{flex:0 0 auto;min-width:42px;padding-inline:var(--spacing-3)}.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-3);color:var(--seo-article-muted);font-size:.875rem;line-height:1.4}.seo-article-author__header{grid-template-columns:1fr;justify-items:center;text-align:center}.seo-article-author__name-row,.seo-article-author__roles{justify-content:center}.seo-article-mobile-products{display:block}.seo-article-nav,.seo-article-more__grid{grid-template-columns:1fr}.seo-article-nav__card,.seo-article-nav__card--next{min-height:0;text-align:start}.seo-article-nav__card--next:only-child{grid-column:auto}.seo-article-nav__card--next .seo-article-nav__meta{justify-content:flex-start}}@media screen and (max-width:699px){.seo-article__shell{width:min(100% - 24px,var(--seo-article-shell))}.seo-article-hero__excerpt,.seo-article-sidebar__card,.seo-article-author,.seo-article-nav__card,.seo-article-more__content{padding:var(--spacing-4)}.seo-article-hero__meta{gap:var(--spacing-2) var(--spacing-3)}.seo-article-hero__meta>*+*:before{margin-inline-end:var(--spacing-3)}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/section-seo-article-template.css.map */