.seo-article{--seo-article-text: #191919;--seo-article-muted: #666f7a;--seo-article-border: #e3e6ea;--seo-article-surface: #ffffff;--seo-article-soft: #f6f7f8;--seo-article-accent: var(--color-main-color, #f05627);--seo-article-accent-soft: rgba(240, 86, 39, .1);--seo-article-radius: 8px;--seo-article-page-padding: 20px;color:var(--seo-article-text);margin-block:0;max-width:var(--page-width-notebook, 1280px);min-width:0;padding:28px var(--seo-article-page-padding) 72px}.seo-article *,.seo-article *:before,.seo-article *:after{box-sizing:border-box}.seo-article a{color:inherit;text-decoration:none}.seo-article a:hover,.seo-article a:focus-visible{color:var(--seo-article-accent)}.seo-article a:focus-visible,.seo-article button:focus-visible{outline:2px solid var(--seo-article-accent);outline-offset:3px}.seo-article-sr{block-size:1px;clip:rect(0 0 0 0);clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}.seo-article-document,.seo-article-layout,.seo-article-main,.seo-article-content{max-width:100%;min-width:0}.seo-article-breadcrumb{align-items:center;color:var(--seo-article-muted);display:flex;flex-wrap:wrap;font-size:.92rem;gap:8px;line-height:1.4;margin-block-end:24px}.seo-article-breadcrumb a{color:var(--seo-article-muted)}.seo-article-breadcrumb__current{color:var(--seo-article-text)}.seo-article-breadcrumb__mobile-separator{display:none}.seo-article-hero{align-items:stretch;display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);margin-block-end:44px}.seo-article-hero__main{align-self:center;display:flex;flex-direction:column;justify-content:center;min-width:0}.seo-article-title{color:var(--seo-article-text);font-size:clamp(2.1rem,4.6vw,4.8rem);font-weight:700;letter-spacing:0;line-height:1.04;margin:0}.seo-article-meta{align-items:center;color:var(--seo-article-muted);display:flex;flex-wrap:wrap;font-size:.98rem;gap:8px;line-height:1.45;margin-block-start:18px}.seo-article-meta__author,.seo-article-meta__reviewer{align-items:center;display:inline-flex;gap:7px}.seo-article-meta__avatar,.seo-article-meta__avatar a{block-size:40px;border-radius:999px;display:inline-flex;inline-size:40px;overflow:hidden}.seo-article-meta__avatar img{block-size:100%;inline-size:100%;object-fit:cover}.seo-article-meta__link{color:var(--seo-article-text);font-weight:650;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}.seo-article-meta__link:hover,.seo-article-meta__link:focus-visible{text-decoration-color:currentColor}.seo-article-excerpt{background:var(--seo-article-soft);border-inline-start:4px solid var(--seo-article-accent);border-radius:var(--seo-article-radius);color:#30353a;font-size:clamp(1.02rem,1.4vw,1.18rem);font-style:italic;line-height:1.65;margin-block-start:24px;padding:18px 20px}.seo-article-excerpt>*{margin-block:0}.seo-article-share{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-block-start:24px}.seo-article-share__label{color:var(--seo-article-muted);font-size:.92rem;font-weight:700;text-transform:uppercase}.seo-article-share__button{align-items:center;background:var(--seo-article-surface);border:1px solid var(--seo-article-border);border-radius:999px;color:var(--seo-article-text);cursor:pointer;display:inline-flex;font:inherit;font-size:.92rem;font-weight:650;gap:7px;min-height:38px;padding:8px 13px;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease;white-space:nowrap}.seo-article-share__button svg{block-size:18px;inline-size:18px}.seo-article-share__button:hover,.seo-article-share__button:focus-visible{border-color:var(--seo-article-accent);box-shadow:0 8px 20px #14141414;color:var(--seo-article-accent);transform:translateY(-1px)}.seo-article-hero__media{align-items:center;aspect-ratio:4 / 3;background:#eef1f3;border-radius:10px;display:flex;justify-content:center;margin:0;overflow:hidden;position:relative}.seo-article-hero__media-bg{background-position:center;background-size:cover;filter:blur(24px);top:-28px;right:-28px;bottom:-28px;left:-28px;opacity:.42;position:absolute;transform:scale(1.08)}.seo-article-hero__media img{block-size:100%;inline-size:100%;object-fit:contain;position:relative;z-index:1}.seo-article-layout{align-items:start;display:grid;gap:clamp(28px,4vw,52px);grid-template-columns:minmax(0,1fr) minmax(280px,340px)}.seo-article-main{contain:inline-size}.seo-article-sidebar{align-self:start;display:grid;gap:18px;position:sticky;top:calc(var(--header-height, 72px) + 20px)}.seo-article-sidebar__card{background:var(--seo-article-surface);border:1px solid var(--seo-article-border);border-radius:var(--seo-article-radius);padding:20px}.seo-article-sidebar__heading{font-size:1rem;font-weight:750;letter-spacing:0;line-height:1.25;margin:0 0 16px}.seo-article-toc__list,.seo-article-toc__sublist{list-style:none;margin:0;padding:0}.seo-article-toc__list{max-height:50vh;overflow-y:auto;overscroll-behavior-y:none;padding-inline-end:4px;scrollbar-color:rgba(25,25,25,.24) transparent;scrollbar-width:thin}.seo-article-toc__item+.seo-article-toc__item{margin-block-start:4px}.seo-article-toc__row{align-items:center;display:flex;gap:8px}.seo-article-toc__link{border-radius:6px;color:var(--seo-article-muted);display:block;flex:1;font-size:.94rem;line-height:1.35;padding:7px 8px;text-decoration:none}.seo-article-toc__item--level-3 .seo-article-toc__link{font-size:.9rem;padding-inline-start:18px}.seo-article-toc__sublist{margin-block-start:3px}.seo-article-toc__sublist.is-collapsed{display:none}.seo-article-toc__toggle{align-items:center;background:transparent;border:0;border-radius:999px;color:var(--seo-article-muted);cursor:pointer;display:inline-flex;flex:0 0 28px;inline-size:28px;justify-content:center;min-block-size:28px;padding:0}.seo-article-toc__toggle span{border-block-end:2px solid currentColor;border-inline-end:2px solid currentColor;block-size:8px;inline-size:8px;transform:rotate(45deg);transition:transform .16s ease}.seo-article-toc__toggle[aria-expanded=true] span{transform:rotate(225deg)}.seo-article-toc__link:hover,.seo-article-toc__link:focus-visible,.seo-article-toc__link.is-active{background:var(--seo-article-accent-soft);color:var(--seo-article-accent)}.seo-article-content{color:#24282c;font-size:clamp(1rem,1.1vw,1.125rem);line-height:1.78;overflow-wrap:anywhere}.seo-article-content>*:first-child{margin-block-start:0}.seo-article-content :is(h1,h2,h3,h4,h5,h6){color:var(--seo-article-text);font-weight:750;letter-spacing:0;line-height:1.22;scroll-margin-top:calc(var(--header-height, 72px) + 28px)}.seo-article-content h1{font-size:clamp(2rem,4vw,3.2rem);margin:0 0 22px}.seo-article-content h2{font-size:clamp(1.55rem,2.5vw,2.15rem);margin:46px 0 16px}.seo-article-content h3{font-size:clamp(1.28rem,1.8vw,1.55rem);margin:34px 0 12px}.seo-article-content h4{font-size:1.17rem;margin:28px 0 10px}.seo-article-content h5,.seo-article-content h6{font-size:1rem;margin:24px 0 8px}.seo-article-content p,.seo-article-content ul,.seo-article-content ol,.seo-article-content blockquote,.seo-article-content pre,.seo-article-content figure,.seo-article-content hr{margin-block:0 22px}.seo-article-content ul,.seo-article-content ol{list-style-position:outside;padding-inline-start:1.55em}.seo-article-content ul{list-style-type:disc}.seo-article-content ol{list-style-type:decimal}.seo-article-content ul ul{list-style-type:circle}.seo-article-content ol ol{list-style-type:lower-alpha}.seo-article-content li>:is(ul,ol){margin-block:8px 0}.seo-article-content li+li{margin-block-start:7px}.seo-article-content a{color:var(--seo-article-accent);font-weight:650;text-decoration:underline;text-underline-offset:3px}.seo-article-content img,.seo-article-content video,.seo-article-content iframe{border-radius:var(--seo-article-radius);height:auto;max-width:100%}.seo-article-content figure{inline-size:fit-content;margin-inline:auto;max-inline-size:100%}.seo-article-content figure img{display:block;inline-size:auto;margin-inline:auto;max-inline-size:100%}.seo-article-content figcaption{color:var(--seo-article-muted);font-size:.92rem;line-height:1.5;margin-block-start:8px}.seo-article-content blockquote{background:var(--seo-article-soft);border-inline-start:4px solid var(--seo-article-accent);border-radius:var(--seo-article-radius);color:#30353a;font-style:italic;padding:18px 20px}.seo-article-content blockquote>*:last-child{margin-block-end:0}.seo-article-content code{background:#f0f2f4;border-radius:4px;color:#1f2933;font-size:.92em;padding:.12em .32em}.seo-article-content pre{background:#111827;border-radius:var(--seo-article-radius);color:#f8fafc;max-width:100%;overflow-x:auto;padding:18px}.seo-article-content pre code{background:transparent;color:inherit;padding:0}.seo-article-content hr{border:0;border-block-start:1px solid var(--seo-article-border)}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper){contain:inline-size;display:block;inline-size:100%;margin-block:24px;max-inline-size:100%;min-inline-size:0;overflow-x:auto;overscroll-behavior-x:contain;padding:0;position:relative;-webkit-overflow-scrolling:touch}.seo-article-content table{border-collapse:collapse;display:table;inline-size:max-content;max-inline-size:none;min-inline-size:max(100%,40rem);white-space:nowrap}.seo-article-content :is(th,td){border:1px solid var(--seo-article-border);min-inline-size:120px;padding:12px 14px;text-align:start;vertical-align:top;white-space:normal;word-break:break-word}.seo-article-content th{background:var(--seo-article-soft);font-weight:750}.seo-article-product-card{align-items:center;background:var(--seo-article-surface);border:1px solid var(--seo-article-border);border-radius:var(--seo-article-radius);display:grid;gap:12px;grid-template-columns:76px minmax(0,1fr);min-height:96px;padding:10px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.seo-article-product-card:hover,.seo-article-product-card:focus-visible{border-color:var(--seo-article-accent);box-shadow:0 12px 26px #1919191a;transform:translateY(-1px)}.seo-article-product-card__media{align-items:center;aspect-ratio:1;background:var(--seo-article-soft);border-radius:6px;display:flex;justify-content:center;overflow:hidden}.seo-article-product-card__media img,.seo-article-product-card__placeholder{block-size:100%;inline-size:100%;object-fit:contain}.seo-article-product-card__body{display:grid;gap:8px;min-width:0}.seo-article-product-card__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--seo-article-text);display:-webkit-box;font-weight:700;line-height:1.28;overflow:hidden}.seo-article-product-card__price{color:var(--seo-article-accent);font-weight:750}.seo-article-product-card__price s{color:var(--seo-article-muted);font-size:.88em;margin-inline-start:6px}.seo-article-products-list{display:grid;gap:12px}.seo-article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:34px}.seo-article-tags a,.seo-article-role-tag,.seo-article-more-card__tag{background:var(--seo-article-accent-soft);border-radius:999px;color:var(--seo-article-accent);display:inline-flex;font-size:.86rem;font-weight:700;line-height:1;padding:8px 11px}.seo-article-tags a:hover,.seo-article-tags a:focus-visible{background:var(--seo-article-accent);color:#fff}.seo-article-content-divider{border-block-start:1px solid var(--seo-article-border);margin-block:42px 28px}.seo-article-author{background:var(--seo-article-soft);border-radius:var(--seo-article-radius);padding:24px}.seo-article-author__header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.seo-article-author__identity{align-items:center;display:flex;gap:16px;min-width:0}.seo-article-author__avatar,.seo-article-author__avatar a{block-size:96px;border-radius:999px;display:block;flex:0 0 96px;inline-size:96px;overflow:hidden}.seo-article-author__avatar img{block-size:100%;inline-size:100%;object-fit:cover}.seo-article-author__text{min-width:0}.seo-article-author__name-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px 10px}.seo-article-author__name{color:var(--seo-article-text);font-size:1.35rem;font-weight:750;line-height:1.2}.seo-article-author__socials{align-items:center;display:inline-flex;flex-wrap:wrap;gap:4px}.seo-article-author__socials a{align-items:center;border-radius:999px;color:var(--seo-article-muted);display:inline-flex;inline-size:32px;justify-content:center;min-block-size:32px}.seo-article-author__socials svg{block-size:18px;inline-size:18px}.seo-article-author__socials a:hover,.seo-article-author__socials a:focus-visible{background:#1919190f;color:var(--seo-article-accent)}.seo-article-author__roles{display:flex;flex-wrap:wrap;gap:7px;margin-block-start:10px}.seo-article-author__profile-link{color:var(--seo-article-accent);flex:0 0 auto;font-weight:750;text-decoration:underline;text-underline-offset:3px}.seo-article-author__bio{color:#3a4046;line-height:1.7;margin-block-start:18px}.seo-article-author__bio>*:last-child{margin-block-end:0}.seo-article-pagination{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:28px}.seo-article-pagination__card{background:var(--seo-article-soft);border:1px solid transparent;border-radius:var(--seo-article-radius);display:grid;gap:8px;padding:18px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.seo-article-pagination__card--next{text-align:end}.seo-article-pagination__card:hover,.seo-article-pagination__card:focus-visible{border-color:var(--seo-article-accent);box-shadow:0 12px 28px #19191914;transform:translateY(-1px)}.seo-article-pagination__direction{color:var(--seo-article-accent);font-weight:750}.seo-article-pagination__meta{color:var(--seo-article-muted);font-size:.88rem}.seo-article-pagination__title{color:var(--seo-article-text);font-size:1.02rem;font-weight:750;line-height:1.35}.seo-article-more{margin-block-start:56px}.seo-article-more__header h2{font-size:clamp(1.6rem,3vw,2.35rem);letter-spacing:0;line-height:1.15;margin:0 0 20px}.seo-article-more__grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.seo-article-more-card{background:var(--seo-article-surface);border:1px solid var(--seo-article-border);border-radius:var(--seo-article-radius);display:grid;grid-template-rows:auto 1fr;height:100%;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.seo-article-more-card:hover,.seo-article-more-card:focus-visible{border-color:var(--seo-article-accent);box-shadow:0 14px 32px #1919191a;transform:translateY(-2px)}.seo-article-more-card__media{aspect-ratio:16 / 9;background:var(--seo-article-soft);display:block;overflow:hidden}.seo-article-more-card__media img{block-size:100%;inline-size:100%;object-fit:cover;transition:transform .2s ease}.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;gap:10px;grid-template-rows:auto auto 1fr;padding:16px}.seo-article-more-card__meta{color:var(--seo-article-muted);font-size:.88rem}.seo-article-more-card__tag{justify-self:start}.seo-article-more-card__title{color:var(--seo-article-text);font-size:1.05rem;font-weight:750;line-height:1.35}@media screen and (max-width:990px){.seo-article-hero,.seo-article-layout{grid-template-columns:1fr}.seo-article-sidebar{display:none}.seo-article-more__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:768px){.seo-article{--seo-article-page-padding: 50px}}@media screen and (min-width:1729px){.seo-article{max-width:var(--page-width, var(--page-width-notebook, 1280px))}}@media screen and (max-width:768px){.seo-article{overflow-x:hidden;padding-block:18px 48px;padding-inline:var(--seo-article-page-padding)}.seo-article-breadcrumb{margin-block-end:16px}.seo-article-breadcrumb__current,.seo-article-breadcrumb__desktop-separator{display:none}.seo-article-breadcrumb__mobile-separator{display:inline}.seo-article-hero{gap:18px;margin-block-end:30px}.seo-article-title{font-size:clamp(2rem,9vw,3.15rem)}.seo-article-hero__media{aspect-ratio:4 / 3;grid-row:2}.seo-article-meta{font-size:.92rem;margin-block-start:16px}.seo-article-share{flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-block-end:2px}.seo-article-share__label{flex:0 0 auto}.seo-article-share__button{flex:0 0 auto;min-inline-size:38px;padding-inline:10px}.seo-article-share__button span{clip:rect(0 0 0 0);clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}.seo-article-share__button[data-copy-link] span{clip:auto;clip-path:none;inline-size:auto;overflow:visible;position:static}.seo-article-content{font-size:16px}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper):before{color:var(--seo-article-muted);content:"\2190  Swipe to see the full table \2192";display:block;font-size:.88rem;line-height:1.4;margin-block-end:10px}.seo-article-content table{min-inline-size:max(100%,38rem)}.seo-article-author{padding:20px;position:relative;text-align:center}.seo-article-author__header,.seo-article-author__identity,.seo-article-author__name-row,.seo-article-author__socials,.seo-article-author__roles{justify-content:center}.seo-article-author__header,.seo-article-author__identity{align-items:center;flex-direction:column}.seo-article-author__profile-link{font-size:.9rem;position:absolute;right:18px;top:16px}.seo-article-pagination{grid-template-columns:1fr}.seo-article-pagination__card--next{text-align:start}.seo-article-more__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/173/assets/section-seo-article-template.css.map */