.seo-article{--seo-accent: #00a980;--seo-accent-soft: rgba(0, 169, 128, .12);--seo-border: rgba(var(--color-foreground), .12);--seo-muted: rgba(var(--color-foreground), .64);--seo-surface: rgba(var(--color-foreground), .035);--seo-card-shadow: 0 10px 28px rgba(var(--color-shadow), .08);--seo-radius: 8px;max-width:132rem;min-width:0;color:rgb(var(--color-foreground))}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.seo-article-section .seo-article{padding-top:calc(var(--seo-padding-top, 24px) * .75);padding-bottom:var(--seo-padding-bottom, 64px)}.seo-article,.seo-article-layout,.seo-article-main,.seo-article-content{max-width:var(--page-width);min-width:0}.seo-article-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(32rem,.86fr);gap:clamp(2.4rem,4vw,6rem);align-items:center;margin-bottom:clamp(3.2rem,5vw,6.4rem)}.seo-article-hero__main{display:flex;flex-direction:column;justify-content:center;min-width:0}.seo-article-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.4rem;color:var(--seo-muted);font-size:1.35rem;line-height:1.5}.seo-article-breadcrumb a{color:inherit;text-decoration:none}.seo-article-breadcrumb a:hover,.seo-article-breadcrumb a:focus-visible{color:var(--seo-accent);text-decoration:underline;text-underline-offset:.22em}.seo-article-title{margin:0;color:rgb(var(--color-foreground));font-size:4.6rem;font-weight:700;line-height:1.08;letter-spacing:0}.seo-article-hero__media{position:relative;display:grid;place-items:center;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--seo-radius);background:#f5f5f5;box-shadow:var(--seo-card-shadow)}.seo-article-hero__media--mobile{display:none}.seo-article-hero__media-bg{position:absolute;top:-1.6rem;right:-1.6rem;bottom:-1.6rem;left:-1.6rem;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;width:100%;height:100%;object-fit:contain}.seo-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;margin-top:1.8rem;color:var(--seo-muted);font-size:1.45rem;line-height:1.5}.seo-article-meta>*{display:inline-flex;align-items:center;gap:.55rem}.seo-article-meta>*:not(:last-child):after{content:"";width:.4rem;height:.4rem;margin-left:.45rem;border-radius:999px;background:currentColor;opacity:.45}.seo-article-meta__avatar,.seo-article-author__avatar{display:block;border-radius:50%;object-fit:cover;background:var(--seo-surface)}.seo-article-meta__avatar{width:3.2rem;height:3.2rem}.seo-article-meta__avatar-link{display:inline-flex;border-radius:50%}.seo-article-meta__link,.seo-article-author__name a,.seo-article-author__profile{color:rgb(var(--color-foreground));text-decoration:none}.seo-article-meta__link:hover,.seo-article-meta__link:focus-visible,.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(--seo-accent);text-decoration:underline;text-underline-offset:.22em}.seo-article-excerpt{position:relative;margin-top:2.4rem;padding:1.8rem 2rem 1.8rem 4.6rem;border-left:.4rem solid var(--seo-accent);border-radius:0 var(--seo-radius) var(--seo-radius) 0;background:var(--seo-surface);color:rgba(var(--color-foreground),.78);font-size:1.75rem;font-style:italic;line-height:1.65}.seo-article-excerpt:before{content:open-quote;position:absolute;top:1.8rem;left:2.4rem;color:var(--seo-accent);font-size:2.6rem;line-height:1}.seo-article-excerpt>:first-child{margin-top:0}.seo-article-excerpt>:last-child{margin-bottom:0}.seo-article-share{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.2rem;margin-top:2.4rem}.seo-article-share__label{color:var(--seo-muted);font-size:1.35rem;font-weight:700;text-transform:uppercase}.seo-article-share__actions{display:flex;flex-wrap:wrap;gap:.8rem}.seo-article-share__button{display:inline-flex;align-items:center;justify-content:center;min-height:4rem;gap:.7rem;padding:.8rem 1.2rem;border:.1rem solid var(--seo-border);border-radius:var(--seo-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:1.4rem;line-height:1;text-decoration:none;cursor:pointer;transition:border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.seo-article-share__button svg{width:1.8rem;height:1.8rem;flex:0 0 auto}.seo-article-share__button .-rotate-45{transform:rotate(-45deg)}.seo-article-share__button:hover,.seo-article-share__button:focus-visible{border-color:var(--seo-accent);color:var(--seo-accent);box-shadow:0 0 0 .3rem var(--seo-accent-soft);transform:translateY(-.1rem)}.seo-article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(26rem,32rem);gap:clamp(2.8rem,4vw,5.6rem);align-items:start}.seo-article-main{contain:inline-size}.seo-article-sidebar{position:sticky;top:calc(var(--header-height, 88px) + 2rem);display:grid;gap:1.6rem;align-self:start;max-width:32rem;min-width:0}.seo-article-sidebar__card{border:.1rem solid var(--seo-border);border-radius:var(--seo-radius);background:rgb(var(--color-background));box-shadow:0 8px 22px rgba(var(--color-shadow),.05)}.seo-article-sidebar__heading{margin:0;padding:1.6rem 1.6rem 1rem;font-size:1.55rem;line-height:1.35;font-weight:700}.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:0 1rem 1.2rem;scrollbar-color:rgba(var(--color-foreground),.28) transparent;scrollbar-width:thin}.seo-article-toc__list::-webkit-scrollbar{width:.6rem}.seo-article-toc__list::-webkit-scrollbar-track{background:transparent}.seo-article-toc__list::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(var(--color-foreground),.24)}.seo-article-toc__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;align-items:center}.seo-article-toc__link{display:block;min-width:0;padding:.75rem .8rem;border-radius:.6rem;color:var(--seo-muted);font-size:1.4rem;line-height:1.4;text-decoration:none;transition:color .18s ease,background .18s ease}.seo-article-toc__item--level-3 .seo-article-toc__link{padding-left:1.8rem;font-size:1.32rem}.seo-article-toc__item--orphan .seo-article-toc__link{padding-left:.8rem}.seo-article-toc__link:hover,.seo-article-toc__link:focus-visible,.seo-article-toc__link.is-active{background:var(--seo-accent-soft);color:rgb(var(--color-foreground))}.seo-article-toc__toggle{position:relative;width:3rem;height:3rem;border:0;border-radius:50%;background:transparent;color:var(--seo-muted);cursor:pointer}.seo-article-toc__toggle span:before,.seo-article-toc__toggle span:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:.15rem;border-radius:999px;background:currentColor;transform:translate(-50%,-50%)}.seo-article-toc__toggle span:after{transform:translate(-50%,-50%) rotate(90deg);transition:opacity .16s ease}.seo-article-toc__item.is-expanded>.seo-article-toc__row .seo-article-toc__toggle span:after{opacity:0}.seo-article-toc__toggle:hover,.seo-article-toc__toggle:focus-visible{background:var(--seo-surface);color:var(--seo-accent)}.seo-article-toc__sublist[aria-hidden=true]{display:none}.seo-article-sidebar__product-list{display:grid;gap:1rem;padding:0 1.2rem 1.4rem}.seo-article-content{color:rgba(var(--color-foreground),.86);font-size:1.78rem;line-height:1.76;overflow-wrap:break-word}.seo-article-content>*:first-child{margin-top:0}.seo-article-content :is(h1,h2,h3,h4,h5,h6){color:rgb(var(--color-foreground));font-weight:700;letter-spacing:0;line-height:1.22;scroll-margin-top:calc(var(--header-height, 88px) + 2.4rem)}.seo-article-content h1{margin:3rem 0 1.5rem;font-size:3.2rem}.seo-article-content h2{margin:4.2rem 0 1.5rem;font-size:2.7rem}.seo-article-content h3{margin:3.2rem 0 1.2rem;font-size:2.2rem}.seo-article-content h4{margin:2.6rem 0 1rem;font-size:1.95rem}.seo-article-content h5,.seo-article-content h6{margin:2.2rem 0 .8rem;font-size:1.65rem}.seo-article-content p,.seo-article-content ul,.seo-article-content ol,.seo-article-content blockquote,.seo-article-content figure,.seo-article-content pre,.seo-article-content hr,.seo-article-content :is(.seo-article-table-scroll,.table-wrapper){margin-top:0;margin-bottom:2.2rem}.seo-article-content ul,.seo-article-content ol{padding-left:2.4rem}.seo-article-content li+li{margin-top:.7rem}.seo-article-content a{color:var(--seo-accent);text-decoration:underline;text-underline-offset:.2em}.seo-article-content a:hover,.seo-article-content a:focus-visible{color:rgb(var(--color-foreground))}.seo-article-content img,.seo-article-content video,.seo-article-content iframe{max-width:100%}.seo-article-content img{height:auto;border-radius:var(--seo-radius)}.seo-article-content figure{max-width:100%}.seo-article-content figure img{display:block;margin-inline:auto}.seo-article-content figcaption{margin-top:.9rem;color:var(--seo-muted);font-size:1.35rem;line-height:1.5;text-align:center}.seo-article-content blockquote{padding:1.8rem 2rem;border-left:.4rem solid var(--seo-accent);border-radius:0 var(--seo-radius) var(--seo-radius) 0;background:var(--seo-surface);color:rgba(var(--color-foreground),.78);font-style:italic}.seo-article-content blockquote>*:last-child{margin-bottom:0}.seo-article-content code{padding:.18rem .42rem;border-radius:.4rem;background:var(--seo-surface);font-size:.92em}.seo-article-content pre{max-width:100%;overflow-x:auto;padding:1.6rem;border-radius:var(--seo-radius);background:#111827;color:#f9fafb;line-height:1.55;-webkit-overflow-scrolling:touch}.seo-article-content pre code{padding:0;background:transparent;color:inherit;white-space:pre}.seo-article-content hr{border:0;border-top:.1rem solid var(--seo-border)}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper){position:relative;display:block;inline-size:100%;width:100%;max-inline-size:100%;min-inline-size:0;overflow-x:auto;overscroll-behavior-x:contain;padding:0;contain:inline-size;-webkit-overflow-scrolling:touch}.seo-article-content 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:12rem;padding:1.1rem 1.3rem;border:.1rem solid var(--seo-border);text-align:left;vertical-align:top;white-space:normal;word-break:break-word}.seo-article-content th{background:var(--seo-surface);color:rgb(var(--color-foreground));font-weight:700}.seo-article-product-card{height:100%;border:.1rem solid var(--seo-border);border-radius:var(--seo-radius);background:rgb(var(--color-background));transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.seo-article-product-card__link{display:grid;grid-template-columns:9.2rem minmax(0,1fr);gap:1.2rem;height:100%;padding:1.2rem;color:inherit;text-decoration:none}.seo-article-product-card--compact .seo-article-product-card__link{grid-template-columns:7.2rem minmax(0,1fr);gap:1rem}.seo-article-product-card__media{display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border-radius:.6rem;background:var(--seo-surface)}.seo-article-product-card__media img{width:100%;height:100%;object-fit:contain;transition:transform .18s ease}.seo-article-product-card__content{display:flex;flex-direction:column;justify-content:center;min-width:0}.seo-article-product-card__title{display:-webkit-box;margin:0 0 .6rem;overflow:hidden;color:rgb(var(--color-foreground));font-size:1.45rem;font-weight:700;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.seo-article-product-card__price{color:var(--seo-muted);font-size:1.35rem}.seo-article-product-card:hover,.seo-article-product-card:focus-within{border-color:var(--seo-accent);box-shadow:0 10px 24px rgba(var(--color-shadow),.1);transform:translateY(-.2rem)}.seo-article-product-card:hover img,.seo-article-product-card:focus-within img{transform:scale(1.04)}.seo-article-tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:3.2rem}.seo-article-tag,.seo-article-role-tag{display:inline-flex;align-items:center;min-height:3.2rem;padding:.55rem 1rem;border:.1rem solid var(--seo-border);border-radius:999px;background:var(--seo-surface);color:rgba(var(--color-foreground),.72);font-size:1.3rem;line-height:1.2;text-decoration:none}.seo-article-tag:hover,.seo-article-tag:focus-visible{border-color:var(--seo-accent);color:var(--seo-accent)}.seo-article-divider{display:block!important;margin:clamp(4.8rem,6vw,6.4rem) 0 3.2rem;border-top:.1rem solid var(--seo-border)}.seo-article-author{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.8rem;padding:2rem;border:.1rem solid var(--seo-border);border-radius:var(--seo-radius);background:rgb(var(--color-background))}.seo-article-author__avatar{width:8rem;height:8rem}.seo-article-author__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem}.seo-article-author__name-row{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1rem}.seo-article-author__name{margin:0;font-size:2rem;line-height:1.25}.seo-article-author__socials{display:inline-flex;flex-wrap:wrap;gap:.4rem}.seo-article-author__socials a{display:inline-grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;color:var(--seo-muted);text-decoration:none}.seo-article-author__socials svg{width:1.8rem;height:1.8rem}.seo-article-author__socials a:hover,.seo-article-author__socials a:focus-visible{background:var(--seo-accent-soft);color:var(--seo-accent)}.seo-article-author__roles{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}.seo-article-author__profile{flex:0 0 auto;color:var(--seo-accent);font-size:1.4rem;font-weight:700}.seo-article-author__description{margin-top:1.4rem;color:rgba(var(--color-foreground),.76);font-size:1.55rem;line-height:1.65}.seo-article-author__description>*:last-child{margin-bottom:0}.seo-article-adjacent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;margin-top:2.8rem}.seo-article-adjacent__card{display:grid;gap:.7rem;min-height:12rem;padding:1.8rem;border:.1rem solid var(--seo-border);border-radius:var(--seo-radius);background:rgb(var(--color-background));color:inherit;text-decoration:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}.seo-article-adjacent__card--next{text-align:right}.seo-article-adjacent__card--next:first-child{grid-column:2}.seo-article-adjacent__direction{color:var(--seo-accent);font-size:1.35rem;font-weight:700}.seo-article-adjacent__meta{color:var(--seo-muted);font-size:1.25rem}.seo-article-adjacent__title{color:rgb(var(--color-foreground));font-size:1.65rem;font-weight:700;line-height:1.35}.seo-article-adjacent__card:hover,.seo-article-adjacent__card:focus-visible{border-color:var(--seo-accent);background:rgb(var(--color-background));transform:translateY(-.2rem)}.seo-article-more{margin-top:clamp(4rem,6vw,7rem)}.seo-article-more__header{margin-bottom:1.8rem}.seo-article-more__header h2{margin:0;font-size:2.6rem;line-height:1.2}.seo-article-more__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.seo-article-card{height:100%}.seo-article-card__link{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;overflow:hidden;border:.1rem solid var(--seo-border);border-radius:var(--seo-radius);background:rgb(var(--color-background));color:inherit;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.seo-article-card__media{aspect-ratio:16 / 9;overflow:hidden;background:var(--seo-surface)}.seo-article-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .18s ease}.seo-article-card__body{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.8rem;padding:1.5rem}.seo-article-card__meta{display:flex;flex-wrap:wrap;gap:.55rem;color:var(--seo-muted);font-size:1.2rem;line-height:1.4}.seo-article-card__meta span:not(:last-child):after{content:"\b7";margin-left:.55rem}.seo-article-card__title{margin:0;color:rgb(var(--color-foreground));font-size:1.75rem;line-height:1.3}.seo-article-card__excerpt{display:-webkit-box;margin:0;overflow:hidden;color:rgba(var(--color-foreground),.7);font-size:1.4rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.seo-article-card__link:hover,.seo-article-card__link:focus-visible{border-color:var(--seo-accent);box-shadow:var(--seo-card-shadow);transform:translateY(-.2rem)}.seo-article-card__link:hover .seo-article-card__title,.seo-article-card__link:focus-visible .seo-article-card__title{color:var(--seo-accent)}.seo-article-card__link:hover img,.seo-article-card__link:focus-visible img{transform:scale(1.04)}@media screen and (min-width:750px){.seo-article-section .seo-article{padding-top:var(--seo-padding-top, 24px)}}@media screen and (max-width:989px){.seo-article-hero,.seo-article-layout,.seo-article-more__grid{grid-template-columns:1fr}.seo-article-sidebar{position:static;max-width:none}.seo-article-sidebar__toc,.seo-article-hero__media--desktop{display:none}.seo-article-hero__media--mobile{display:grid;margin-top:1.8rem}.seo-article-title{font-size:3.4rem}}@media screen and (max-width:749px){.seo-article-section .seo-article{padding-top:1.6rem}.seo-article-hero{gap:2rem;margin-bottom:3.2rem}.seo-article-breadcrumb__current{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.seo-article-title{font-size:3rem;line-height:1.12}.seo-article-hero__media{aspect-ratio:4 / 3}.seo-article-meta{margin-top:1.4rem;font-size:1.35rem}.seo-article-excerpt{padding:1.4rem 1.6rem 1.4rem 3.8rem;font-size:1.6rem}.seo-article-excerpt:before{top:1.4rem;left:1.6rem}.seo-article-share{align-items:flex-start}.seo-article-share__actions{flex-wrap:nowrap;width:100%;overflow-x:auto;padding-bottom:.2rem}.seo-article-share__button{flex:0 0 auto;width:4rem;min-width:4rem;padding:.8rem}.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{font-size:1.6rem;line-height:1.72}.seo-article-content h1{font-size:2.6rem}.seo-article-content h2{margin-top:3.4rem;font-size:2.3rem}.seo-article-content h3{font-size:2rem}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper).is-overflowing:before{content:"\2190  Swipe to see the full table \2192";display:block;margin-bottom:.8rem;color:var(--seo-muted);font-size:1.25rem;line-height:1.45}.seo-article-content table{min-inline-size:max(100%,38rem)}.seo-article-author{grid-template-columns:1fr;text-align:center}.seo-article-author__media{display:flex;justify-content:center}.seo-article-author__header{position:relative;flex-direction:column;align-items:center;gap:1rem}.seo-article-author__name-row{justify-content:center}.seo-article-author__socials{flex-basis:100%;justify-content:center}.seo-article-author__profile{position:absolute;top:-.2rem;right:0;font-size:1.3rem}.seo-article-author__roles{justify-content:center}.seo-article-adjacent{grid-template-columns:1fr;gap:1rem}.seo-article-adjacent__card,.seo-article-adjacent__card--next{min-height:auto;text-align:left}.seo-article-adjacent__card--next:first-child{grid-column:auto}.seo-article-adjacent__card:hover,.seo-article-adjacent__card:focus-visible{transform:none}.seo-article-product-card__link,.seo-article-product-card--compact .seo-article-product-card__link{grid-template-columns:7.4rem minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-seo-article-template.css.map */