.article--indent-for-social{position:relative;display:grid;grid-template-columns:1fr 200px;grid-template-areas:"content social";gap:5rem}@media screen and (max-width:1023px){.article--indent-for-social{grid-template-areas:"content" "social";gap:0;grid-template-columns:100%}}.article__content{grid-area:content}.article__meta{grid-area:social;position:relative}.article__meta__sticky{position:sticky;top:1.25rem}html[dir=rtl] .article__meta__sticky{right:0}html[dir=ltr] .article__meta__sticky{left:0}.article__meta-tags .tags{display:flex;flex-wrap:wrap;gap:.625rem}.article__meta-social+.article__meta-tags{margin-top:var(--gutter-large)}.article__meta .social-icons svg path{fill:var(--color-text-main);transition:all .1s linear}.no-touchevents .article__meta .social-icons a:hover svg path{fill:var(--color-accent-main)}.article__intro{margin-bottom:var(--gutter-large)}.article__featured-image{position:relative;text-align:center;margin-top:var(--gutter-large)}img{width:100%}.article__featured-image svg{max-height:25rem}.article__toc{margin-bottom:calc(var(--container-vertical-space)* .5)}.article__toc ol{list-style-type:decimal}#article-progress-bar{position:fixed;top:0;left:0;width:0;height:3px;background:var(--color-accent-main, #FF9800);z-index:9999;transition:width 60ms linear}.article-banner-split{display:flex;flex-direction:column;gap:0;background:#fff;border-radius:20px;box-shadow:0 2px 24px #00000014;overflow:hidden}@media screen and (min-width:900px){.article-banner-split{flex-direction:row;align-items:stretch}.article-banner-split__content{flex:1 1 56%}.article-banner-split__image{flex:0 0 44%;padding:20px 20px 20px 0}}.article-banner-split__content{padding:36px 44px;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width:899px){.article-banner-split__content{padding:28px 24px 20px}.article-banner-split__image{padding:0 20px 20px}}.abs-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;margin-bottom:12px;color:#1a1a1a8c}.abs-breadcrumb a{color:#1a1a1a8c;text-decoration:underline;text-underline-offset:2px}.abs-breadcrumb a:hover{color:#1a1a1a}.abs-breadcrumb span{color:#1a1a1a59}.abs-banner-title{font-size:clamp(20px,2.4vw,30px);font-weight:800;line-height:1.2;margin:0 0 10px;color:#1a1a1a}.abs-banner-excerpt{font-size:14px;line-height:1.6;color:#1a1a1aa6;margin:0 0 14px}.abs-banner-usp{list-style:none!important;padding:0!important;margin:0 0 20px!important;display:flex;flex-direction:column;gap:8px}.abs-banner-usp li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:#1a1a1ad9;line-height:1.5;list-style:none!important}.abs-banner-usp li:before{content:"";display:inline-flex;flex-shrink:0;width:20px;height:20px;margin-top:1px;border-radius:50%;background-color:#ffb448;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 10.5l3.5 3.5 6.5-7' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:13px 13px;background-repeat:no-repeat;background-position:center}.abs-banner-buttons{display:flex;flex-wrap:wrap;gap:10px}.abs-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none!important;transition:background .2s,border-color .2s;min-width:150px;text-align:center}.abs-btn--primary{background:var(--color-accent-main, #FF9800);color:#fff!important;border:2px solid var(--color-accent-main, #FF9800)}.abs-btn--secondary{background:#9e9e9e;color:#fff!important;border:2px solid #9e9e9e}.abs-btn--secondary:hover{background:#757575;border-color:#757575}.article-banner-split__image{display:flex;align-items:stretch}.article-banner-split__image img{width:100%;height:100%;display:block;object-fit:cover;border-radius:14px}@media screen and (max-width:899px){.article-banner-split__image img{height:260px;border-radius:12px}}.article-redesign__layout{display:flex;flex-direction:column;gap:32px}@media screen and (min-width:1024px){.article-redesign__layout{flex-direction:row;align-items:flex-start;gap:48px}.article-redesign__sidebar{flex:0 0 320px;position:sticky;top:30px}.article-redesign__content{flex:1 1 auto;min-width:0}}.toc_container{margin-bottom:24px}.toc_inner{padding:0;border:none;background:transparent}.toc-heading{font-size:18px;font-weight:700;margin-bottom:16px;color:#1a1a1a}.toc-list{list-style:none!important;padding:0!important;margin:0!important;display:flex;flex-direction:column;gap:10px}.toc-item{list-style:none}.toc-link{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border:1.5px solid #e0e0e0;border-radius:50px;text-decoration:none!important;color:#1a1a1aa6!important;font-size:15px;font-weight:400;background:#fff;transition:background .2s,color .2s,border-color .2s;gap:8px}.toc-link:hover{border-color:#b0b0b0;color:#1a1a1a!important}.toc-item--active .toc-link{background:#2d2d2d;border-color:#2d2d2d;color:#fff!important;font-weight:500}.toc-item--active .toc-chevron{color:#fff}.toc-chevron{font-size:20px;line-height:1;color:#1a1a1a66;flex-shrink:0;font-weight:300}.article-redesign__share{margin-bottom:24px}.article-redesign__share .social-icons{display:flex;gap:.625rem}.article-redesign__share .social-icons svg path{fill:var(--color-text-main);transition:all .1s linear}.no-touchevents .article-redesign__share .social-icons a:hover svg path{fill:var(--color-accent-main)}.article-redesign__tags .tags{display:flex;flex-wrap:wrap;gap:.625rem}.article-new-author{display:flex;align-items:center;gap:12px;padding:0 0 16px;margin-bottom:16px}.article-new-author__image{flex-shrink:0;width:60px;height:60px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat}.article-new-author__info{display:flex;flex-direction:column;gap:2px}.article-new-author__name{font-size:15px}.article-new-author__position{font-size:13px;opacity:.65}.article-redesign__content .prose h2,.article-redesign__content h2{font-size:30px}.article-redesign__content .prose h3,.article-redesign__content h3{font-size:20px}
/*# sourceMappingURL=/cdn/shop/t/51/assets/section-main-article.css.map */