.seo-article,.seo-article *{box-sizing:border-box}.seo-article{--seo-article-max-width: min(var(--page-width, 1320px), calc(100vw - 40px) );--seo-article-border: rgba(var(--text-color) / .14);--seo-article-muted: rgba(var(--text-color) / .68);--seo-article-panel: rgb(var(--panel-bg-color, 246 247 247));--seo-article-accent: rgb(var(--link-color));min-width:0;max-width:100%;color:rgb(var(--text-color));background:rgb(var(--bg-color))}.seo-article :is(h1,h2,h3,h4,h5,h6){font-family:"Inter",var(--heading-font-family),sans-serif;font-style:normal;letter-spacing:0}.seo-article h1{font-size:48px;font-weight:700;line-height:56px}.seo-article h2{font-size:26px;font-weight:600;line-height:34px}.seo-article h3{font-size:22px;font-weight:500;line-height:30px}.seo-article h4{font-size:18px;font-weight:500;line-height:26px}.seo-article h5{font-size:14px;font-weight:400;line-height:22px}.seo-article h6{font-size:12px;font-weight:400;line-height:20px}.seo-article a{color:rgb(var(--link-color));text-underline-offset:.18em}.seo-article a:hover,.seo-article a:focus-visible{color:rgb(var(--heading-color))}.seo-article :focus-visible{outline:2px solid rgb(var(--link-color));outline-offset:3px}.seo-article__shell{width:var(--seo-article-max-width);max-width:100%;min-width:0;margin:0 auto;padding:28px 0 64px}.seo-article-hero{min-width:0;margin-bottom:40px}.seo-article-hero__main{display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-width:0;max-width:100%}.seo-article-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;color:var(--seo-article-muted);font-size:13px;line-height:1.4}.seo-article-breadcrumbs a{color:inherit;text-decoration:none}.seo-article-breadcrumbs a:hover,.seo-article-breadcrumbs a:focus-visible{color:rgb(var(--heading-color));text-decoration:underline}.seo-article-breadcrumbs__current{color:rgb(var(--text-color))}.seo-article-title{margin:0;color:rgb(var(--heading-color));font-family:"Inter",var(--heading-font-family),sans-serif;font-size:48px;font-style:normal;font-weight:700;letter-spacing:0;line-height:56px;text-transform:var(--heading-text-transform)}.seo-article-meta,.seo-article-reviewer{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:18px;color:var(--seo-article-muted);font-size:14px;line-height:1.5}.seo-article-meta>span:not(:last-child):after{content:"";display:inline-block;width:4px;height:4px;margin-left:14px;vertical-align:middle;background:currentColor;border-radius:50%;opacity:.45}.seo-article-meta__author{display:inline-flex;align-items:center;gap:8px}.seo-article-meta__avatar,.seo-article-author__avatar{display:block;object-fit:cover;background:var(--seo-article-panel);border-radius:50%}.seo-article-meta__avatar{width:32px;height:32px}.seo-article-meta__avatar-link{color:inherit;text-decoration:none}.seo-article-reviewer{margin-top:8px}.seo-article-excerpt{position:relative;margin:24px 0 0;padding:18px 22px 18px 24px;color:rgb(var(--heading-color));font-size:17px;font-style:italic;line-height:1.65;background:#f6f7f7;border-left:4px solid rgb(var(--link-color));border-radius:0 8px 8px 0}.seo-article-excerpt p:last-child{margin-bottom:0}.seo-article-hero__media{position:relative;display:grid;width:min(100%,960px);max-height:420px;aspect-ratio:16 / 7;margin:28px auto 0;overflow:hidden;background:#f2f4f7;border:1px solid var(--seo-article-border);border-radius:8px;isolation:isolate}.seo-article-hero__media-bg{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:-1;background-position:center;background-size:cover;filter:blur(22px);opacity:.35;transform:scale(1.04)}.seo-article-hero__image{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center}.seo-article-hero__search{width:100%}.seo-article-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}.seo-article-share__label{color:var(--seo-article-muted);font-size:13px;font-weight:700;text-transform:uppercase}.seo-article-share__button,.seo-article-share__copy,.seo-article-author__social a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:rgb(var(--heading-color));background:transparent;border:0;border-radius:50%;cursor:pointer;transition:background .2s ease,color .2s ease}.seo-article-share__button svg,.seo-article-share__copy svg,.seo-article-author__social svg{width:18px;height:18px}.seo-article-share__button:hover,.seo-article-share__button:focus-visible,.seo-article-share__copy:hover,.seo-article-share__copy:focus-visible,.seo-article-author__social a:hover,.seo-article-author__social a:focus-visible{color:rgb(var(--link-color));background:rgba(var(--text-color) / .08)}.seo-article-share__copy{width:auto;gap:7px;padding:0 10px;color:rgb(var(--text-color));font:inherit;font-size:14px;white-space:nowrap}.seo-article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:clamp(28px,4vw,56px);align-items:start;min-width:0;max-width:100%}.seo-article-mobile-toc{display:none;margin-bottom:28px;overflow:hidden;background:#fff;border:1px solid var(--seo-article-border);border-radius:8px}.seo-article-mobile-toc__summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;color:#191919;font-size:16px;font-weight:700;line-height:24px;list-style:none;cursor:pointer}.seo-article-mobile-toc__summary::-webkit-details-marker{display:none}.seo-article-mobile-toc__icon{position:relative;flex:0 0 auto;width:16px;height:16px}.seo-article-mobile-toc__icon:before,.seo-article-mobile-toc__icon:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;background:currentColor;transform:translate(-50%,-50%);transition:transform .2s ease}.seo-article-mobile-toc__icon:after{transform:translate(-50%,-50%) rotate(90deg)}.seo-article-mobile-toc[open] .seo-article-mobile-toc__icon:after{transform:translate(-50%,-50%) rotate(0)}.seo-article-mobile-toc__content{padding:0 10px 14px;border-top:1px solid var(--seo-article-border)}.seo-article-main,.seo-article-sidebar,.seo-article-content{min-width:0;max-width:100%}.seo-article-main{contain:inline-size}.seo-article-content{color:rgb(var(--text-color));font-size:18px;line-height:1.72;overflow-wrap:anywhere}.seo-article-content>*:first-child{margin-top:0}.seo-article-content>*:last-child{margin-bottom:0}.seo-article-content :is(h1,h2,h3,h4,h5,h6){color:rgb(var(--heading-color));font-family:"Inter",var(--heading-font-family),sans-serif;font-style:normal;letter-spacing:0;scroll-margin-top:calc(var(--header-height, 84px) + 24px)}.seo-article .seo-article-content.rte h1{margin:0 0 22px;font-size:48px;font-weight:700;line-height:56px}.seo-article .seo-article-content.rte h2{margin:44px 0 16px;font-size:26px;font-weight:600;line-height:34px}.seo-article .seo-article-content.rte h3{margin:34px 0 14px;font-size:22px;font-weight:500;line-height:30px}.seo-article .seo-article-content.rte h4{margin:28px 0 12px;font-size:18px;font-weight:500;line-height:26px}.seo-article .seo-article-content.rte h5{margin:24px 0 10px;font-size:14px;font-weight:400;line-height:22px}.seo-article .seo-article-content.rte h6{margin:22px 0 8px;font-size:12px;font-weight:400;line-height:20px}.seo-article .seo-article-content.rte>:is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}.seo-article .seo-article-content.rte>:is(h1,h2,h3,h4,h5,h6):last-child{margin-bottom:0}.seo-article-content :is(p,ul,ol,blockquote,figure,.seo-article-table-scroll,pre){margin:0 0 22px}.seo-article-content :is(ul,ol){padding-left:1.5em;list-style-position:outside}.seo-article-content ul{list-style:disc}.seo-article-content ol{list-style:decimal}.seo-article-content li{margin:.35em 0;padding-left:.2em}.seo-article-content li :is(ul,ol){margin-top:.45em;margin-bottom:0}.seo-article-content a{color:inherit;text-decoration-line:underline;text-decoration-color:#00bfff;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}.seo-article-content a:hover,.seo-article-content a:focus-visible{color:inherit;text-decoration-color:#00bfff}.seo-article-content img:not([class^=pc-]):not([class*=" pc-"]){max-width:100%;height:auto;border-radius:8px}.seo-article-content>img:not([class^=pc-]):not([class*=" pc-"]),.seo-article-content figure img:not([class^=pc-]):not([class*=" pc-"]),.seo-article-content p>img:only-child:not([class^=pc-]):not([class*=" pc-"]){display:block;width:100%;max-width:100%;height:auto}.seo-article-content figure{width:100%;max-width:100%;text-align:center}.seo-article-content figure img{display:block;max-width:100%;height:auto;margin:0 auto}.seo-article-content figcaption{margin-top:12px;color:var(--seo-article-muted);font-size:14px;line-height:1.5}.seo-article-content blockquote{padding:18px 22px;color:rgb(var(--heading-color));font-style:italic;background:#f6f7f7;border-left:4px solid rgb(var(--link-color));border-radius:0 8px 8px 0}.seo-article-content blockquote p:last-child{margin-bottom:0}.seo-article-content code{padding:.14em .35em;color:#0f172a;font-size:.9em;background:#eef2f7;border-radius:4px;overflow-wrap:anywhere}.seo-article-content pre{max-width:100%;padding:18px;overflow-x:auto;color:#f8fafc;background:#1f2937;border-radius:8px;-webkit-overflow-scrolling:touch}.seo-article-content pre code{display:block;min-width:max-content;padding:0;color:inherit;background:transparent}.seo-article-content hr{margin:32px 0;border:0;border-top:1px solid var(--seo-article-border)}.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;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%,640px);max-inline-size:none;border-collapse:collapse;white-space:nowrap}.seo-article-content :is(th,td){min-width:120px;padding:12px 14px;white-space:normal;vertical-align:top;border:1px solid var(--seo-article-border);word-break:break-word}.seo-article-content th{color:rgb(var(--heading-color));background:#f8fafc;font-weight:800}.seo-article-content .is-toc-active{text-decoration:underline;text-decoration-color:#00bfff99;text-decoration-thickness:3px;text-underline-offset:.22em}.seo-article-sidebar{position:sticky;top:calc(var(--header-height, 84px) + 18px);display:flex;flex-direction:column;gap:18px}.seo-article-sidebar__card{padding:20px;background:#fff;border:1px solid var(--seo-article-border);border-radius:8px}.seo-article-sidebar__heading{margin:0 0 14px;color:#191919;font-size:26px;font-weight:600;line-height:34px}.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;scrollbar-width:thin}.seo-article-toc__sublist{margin:6px 0 8px 14px;padding-left:12px;border-left:1px solid var(--seo-article-border)}.seo-article-toc__item{margin:0}.seo-article-toc__link{display:block;padding:7px 9px;color:#191919;font-size:14px;line-height:1.35;text-decoration:none;border-radius:6px}.seo-article-toc__item--level-2>.seo-article-toc__link{color:#191919;font-weight:700}.seo-article-toc__item--level-3 .seo-article-toc__link{color:#666;font-size:13px}.seo-article .seo-article-toc__link:hover,.seo-article .seo-article-toc__link:focus-visible,.seo-article .seo-article-toc__link.is-active{color:#191919;background:#00bfff1a;box-shadow:inset 3px 0 #00bfff}.seo-article-sidebar-products{display:flex;flex-direction:column;gap:12px}.seo-article-sidebar-product{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;min-height:92px;padding:10px;color:inherit;text-decoration:none;border:1px solid transparent;border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.seo-article-sidebar-product:hover,.seo-article-sidebar-product:focus-visible{color:inherit;border-color:var(--seo-article-border);box-shadow:0 10px 20px #0f172a14;transform:translateY(-1px)}.seo-article-sidebar-product__image{display:grid;place-items:center;width:78px;height:78px;overflow:hidden;background:#f8fafc;border-radius:8px}.seo-article-sidebar-product__image img,.seo-article-sidebar-product__image svg{display:block;width:100%;height:100%;object-fit:contain}.seo-article-sidebar-product__body{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:6px}.seo-article-sidebar-product__title{display:-webkit-box;overflow:hidden;color:rgb(var(--heading-color));font-size:14px;font-weight:700;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.seo-article-sidebar-product__price{color:var(--seo-article-muted);font-size:13px;font-weight:700}.seo-article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.seo-article-tags a,.seo-article-role-tag{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;color:rgb(var(--text-color));font-size:13px;line-height:1.2;text-decoration:none;background:#f8fafc;border:1px solid var(--seo-article-border);border-radius:999px}.seo-article-tags a:hover,.seo-article-tags a:focus-visible{color:rgb(var(--heading-color));background:#fff}.seo-article-author{margin-top:38px;padding-top:30px;border-top:1px solid var(--seo-article-border)}.seo-article-author__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.seo-article-author__identity{display:flex;align-items:center;min-width:0;gap:16px}.seo-article-author__avatar{width:72px;height:72px}.seo-article-author__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.seo-article-author__name{margin:0;color:rgb(var(--heading-color));font-size:26px;font-weight:600;line-height:34px}.seo-article-author__name a{color:inherit;text-decoration:none}.seo-article-author__social{display:flex;align-items:center;gap:2px}.seo-article-author__social a{width:30px;height:30px}.seo-article-author__roles{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.seo-article-author__profile-link{flex:0 0 auto;color:rgb(var(--link-color));font-size:14px;font-weight:700;text-decoration:underline}.seo-article-author__bio{margin-top:18px;color:rgb(var(--text-color));font-size:16px;line-height:1.65}.seo-article-author__bio>*:last-child{margin-bottom:0}.seo-article-pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}.seo-article-pagination__card{display:flex;flex-direction:column;gap:7px;min-height:128px;padding:18px;color:inherit;text-decoration:none;background:#fff;border:1px solid var(--seo-article-border);border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.seo-article-pagination__card:hover,.seo-article-pagination__card:focus-visible{color:inherit;border-color:rgba(var(--link-color) / .45);box-shadow:0 12px 26px #0f172a14;transform:translateY(-1px)}.seo-article-pagination__card--next{text-align:right}.seo-article-pagination__card--next:first-child{grid-column:2}.seo-article-pagination__direction{color:rgb(var(--link-color));font-size:13px;font-weight:800;text-transform:uppercase}.seo-article-pagination__meta{color:var(--seo-article-muted);font-size:13px}.seo-article-pagination__title{color:rgb(var(--heading-color));font-size:16px;font-weight:800;line-height:1.35}.seo-article-more{margin-top:54px}.seo-article-more__header{margin-bottom:18px}.seo-article-more__header h2{margin:0;color:rgb(var(--heading-color));font-family:"Inter",var(--heading-font-family),sans-serif;font-size:26px;font-weight:600;line-height:34px}.seo-article-more__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.seo-article-more-card{display:grid;grid-template-rows:auto 1fr;min-width:0;height:100%;overflow:hidden;color:inherit;text-decoration:none;background:#fff;border:1px solid var(--seo-article-border);border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.seo-article-more-card:hover,.seo-article-more-card:focus-visible{color:inherit;border-color:rgba(var(--link-color) / .45);box-shadow:0 14px 30px #0f172a1a;transform:translateY(-2px)}.seo-article-more-card__media{display:block;aspect-ratio:16 / 9;overflow:hidden;background:#eef2f7}.seo-article-more-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s 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.025)}.seo-article-more-card__body{display:flex;flex-direction:column;min-width:0;gap:10px;padding:16px}.seo-article-more-card__meta{color:var(--seo-article-muted);font-size:12px;font-weight:700;line-height:1.4}.seo-article-more-card__title{display:-webkit-box;overflow:hidden;color:rgb(var(--heading-color));font-family:"Inter",var(--heading-font-family),sans-serif;font-size:18px;font-weight:500;line-height:26px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.seo-article-more-card__excerpt{display:-webkit-box;overflow:hidden;color:var(--seo-article-muted);font-size:14px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}.seo-article .visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:990px){.seo-article-hero{margin-bottom:28px}.seo-article-layout{grid-template-columns:minmax(0,1fr)}.seo-article-mobile-toc{display:block}.seo-article-mobile-toc .seo-article-toc__list{max-height:none;overflow:visible;overscroll-behavior-y:auto}.seo-article-sidebar{position:static;order:2}.seo-article-sidebar__toc{display:none}.seo-article-sidebar__products{margin-top:4px}.seo-article-more__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.seo-article__shell{width:min(100% - 32px,100%);padding-top:12px;overflow-x:hidden}.seo-article-breadcrumbs__current{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.seo-article-title{font-size:32px;line-height:42px}.seo-article-meta,.seo-article-reviewer{font-size:13px}.seo-article-hero__media{width:100%;max-height:none;aspect-ratio:16 / 10}.seo-article-hero__image{max-height:none}.seo-article-share{gap:8px}.seo-article-share__label{width:100%}.seo-article-share__copy span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.seo-article-share__copy{width:34px;padding:0}.seo-article-content{font-size:16px;line-height:28px}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper):before{content:"Swipe to see the full table";display:block;margin-bottom:8px;color:var(--seo-article-muted);font-size:12px;line-height:1.4}.seo-article-content :is(.seo-article-table-scroll,.table-wrapper) table{min-inline-size:max(100%,608px)}.seo-article-author__header,.seo-article-author__identity{flex-direction:column;align-items:center;text-align:center}.seo-article-author__header{gap:12px}.seo-article-author__title-row,.seo-article-author__roles,.seo-article-author__social{justify-content:center}.seo-article-author__profile-link{align-self:flex-end;font-size:13px}.seo-article-pagination{grid-template-columns:minmax(0,1fr);gap:12px}.seo-article-pagination__card--next,.seo-article-pagination__card--next:first-child{grid-column:auto;text-align:left}.seo-article-more__grid{display:flex;gap:14px;padding-bottom:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:0;scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.seo-article-more-card{flex:0 0 min(84vw,420px);scroll-snap-align:start;scroll-snap-stop:always}}
/*# sourceMappingURL=/cdn/shop/t/136/assets/section-seo-article-template.css.map */