html{scroll-behavior:smooth}.article-template__content h2[id],.article-template__content h3[id],.article-template__content h4[id]{scroll-margin-top:calc(var(--header-sticky-offset, 0px) + 70px)}.blog-header{background:rgb(var(--color-background));color:rgb(var(--color-foreground));position:sticky;top:var(--header-sticky-offset, 0px);z-index:3;width:100%;transition:top .15s ease-out}.blog-header__inner{display:flex;align-items:center;padding-top:.875rem;padding-bottom:.875rem}.blog-header__title{font-size:1.4rem;font-weight:700;color:rgb(var(--color-foreground));text-decoration:none;text-transform:uppercase;letter-spacing:.03em;flex:0 0 auto}.blog-header__title:hover{opacity:.9}.blog-header__nav{flex:1 1 auto;display:none}@media screen and (min-width:750px){.blog-header__nav{display:block}}.blog-header__list{display:flex;align-items:center;justify-content:center;gap:.25rem;list-style:none;margin:0;padding:0}.blog-header__item{margin:0}.blog-header__link{display:block;padding:1.2rem;font-size:1.3rem;color:rgba(var(--color-foreground),.75);text-decoration:none;text-transform:uppercase;letter-spacing:.03em;border-radius:4px;transition:background-color .2s ease,color .2s ease}.blog-header__link:hover{background:rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground))}.blog-header__link--active{color:rgb(var(--color-foreground));font-weight:600;position:relative}.blog-header__link--active:after{content:"";position:absolute;bottom:.5rem;left:1.2rem;right:1.2rem;height:3px;background:rgb(var(--color-foreground));border-radius:2px}.blog-header__search{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;color:rgba(var(--color-foreground),.8);text-decoration:none;border-radius:4px;transition:background-color .2s ease,color .2s ease}.blog-header__search svg{width:20px;height:20px}.blog-header__search:hover{background:rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.blog-header__inner{padding-top:.75rem;padding-bottom:.75rem}.blog-header__title{font-size:1.125rem}}.article-template__content{font-size:1.25rem;line-height:1.75;letter-spacing:-.01em;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.article-template__content{font-size:1.3125rem}}@media screen and (min-width:990px){.article-template__content{font-size:1.375rem;line-height:1.8}}.article-template__title,.article-header__title{font-size:2.75rem;line-height:1.1;font-weight:700;letter-spacing:-.02em;margin:0 0 1.5rem;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.article-template__title,.article-header__title{font-size:3.5rem;line-height:1.08}}@media screen and (min-width:990px){.article-template__title,.article-header__title{font-size:4.75rem;letter-spacing:-.03em}}.article-template__content hr{border:none;height:1px;background:rgba(var(--color-foreground),.1);margin:3rem 0}.article-template__content h2{font-size:2rem;line-height:1.3;margin-top:3rem;margin-bottom:1.5rem;font-weight:700;letter-spacing:-.01em;color:rgb(var(--color-foreground));padding-bottom:.5rem;border-bottom:2px solid rgba(var(--color-button),.2)}.article-template__content>p:first-of-type+hr+h2,.article-template__content>p:first-of-type+h2{margin-top:2rem}@media screen and (min-width:750px){.article-template__content h2{font-size:2.25rem}}@media screen and (min-width:990px){.article-template__content h2{font-size:2.5rem}}.article-template__content h3{font-size:1.75rem;line-height:1.4;margin-top:2.5rem;margin-bottom:1rem;font-weight:600;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.article-template__content h3{font-size:1.875rem}}@media screen and (min-width:990px){.article-template__content h3{font-size:2rem}}.article-template__content h4{font-size:1.5rem;line-height:1.4;margin-top:2rem;margin-bottom:.75rem;font-weight:600;color:rgb(var(--color-foreground))}@media screen and (min-width:990px){.article-template__content h4{font-size:1.75rem}}.article-template__content p{margin-bottom:1.5em}.article-template__content p:last-child{margin-bottom:0}.article-template__content>p:first-of-type{font-size:1.5rem;font-weight:600;line-height:1.55;color:rgb(var(--color-foreground));margin-bottom:2rem}@media screen and (min-width:750px){.article-template__content>p:first-of-type{font-size:1.75rem}}@media screen and (min-width:990px){.article-template__content>p:first-of-type{font-size:1.875rem;line-height:1.6}}.article-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media screen and (min-width:990px){.article-layout{grid-template-columns:1fr 320px;gap:3rem}}@media screen and (min-width:1200px){.article-layout{grid-template-columns:1fr 380px;gap:4rem}}.article-layout__content{min-width:0;padding-bottom:5rem}.article-layout__sidebar{display:none}@media screen and (min-width:990px){.article-layout__sidebar{display:block}}.article-header{margin-top:2.5rem;margin-bottom:2.5rem}@media screen and (min-width:750px){.article-header{margin-top:3rem;margin-bottom:3rem}}@media screen and (min-width:990px){.article-header{margin-top:3.5rem;margin-bottom:3.5rem}}.article-meta{display:flex;align-items:center;gap:2rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(var(--color-foreground),.1)}.article-meta__author{display:flex;align-items:center;gap:1.5rem}.article-meta__avatar{width:80px;height:80px;border-radius:10px;object-fit:cover}.article-meta__author-info{display:flex;flex-direction:column;gap:.625rem}.article-meta__author-name{font-weight:700;color:rgb(var(--color-foreground));font-size:1.625rem;line-height:1.3}.article-meta__author-role{font-size:1.1875rem;font-weight:500;color:rgba(var(--color-foreground),.8)}.article-meta__details{display:flex;align-items:center;gap:.625rem;font-size:1.25rem;color:rgba(var(--color-foreground),.75)}.article-meta__separator{color:rgba(var(--color-foreground),.55)}.article-meta__reading-time{color:rgba(var(--color-foreground),.75)}.article-meta__avatar-wrapper{flex-shrink:0}.article-meta__avatar{width:80px;height:80px;border-radius:10px;object-fit:cover;background:rgba(var(--color-foreground),.08)}.article-meta__avatar-placeholder{width:80px;height:80px;border-radius:10px;background:linear-gradient(145deg,#7ee882,#5fd068);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2rem;color:#0a3d0c}@media screen and (max-width:749px){.article-meta__author-name{font-size:1.375rem}.article-meta__author-role,.article-meta__details{font-size:1.0625rem}}.author-bio{display:flex;align-items:flex-start;gap:1.5rem;padding-top:2.5rem;margin-top:3rem;border-top:1px solid rgba(var(--color-foreground),.1)}.author-bio__avatar{flex-shrink:0}.author-bio__avatar img,.author-bio__avatar-image,.author-bio__avatar-placeholder{width:88px;height:88px;border-radius:12px;object-fit:cover}.author-bio__avatar-image{background:rgba(var(--color-foreground),.08)}.author-bio__avatar-placeholder{background:linear-gradient(145deg,#7ee882,#5fd068);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2.25rem;color:#0a3d0c}.author-bio__content{flex:1;min-width:0}.author-bio__name{font-size:1.375rem;font-weight:700;margin:0 0 .375rem;color:rgb(var(--color-foreground))}.author-bio__meta{font-size:1.125rem;color:rgba(var(--color-foreground),.55);margin-bottom:1rem}.author-bio__description{font-size:1.0625rem;line-height:1.7;color:rgba(var(--color-foreground),.75);margin:0}@media screen and (max-width:749px){.author-bio{flex-direction:column;align-items:flex-start;gap:1rem}.author-bio__avatar-placeholder,.author-bio__avatar-image,.author-bio__avatar img{width:72px;height:72px;border-radius:10px}.author-bio__avatar-placeholder{font-size:1.75rem}}.breadcrumbs{margin-bottom:1.25rem}.breadcrumbs__list{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;gap:.5rem;font-size:1.125rem}@media screen and (min-width:990px){.breadcrumbs__list{font-size:1.1875rem}}.breadcrumbs__item{display:flex;align-items:center}.breadcrumbs__item:not(:last-child):after{content:"\203a";margin-left:.5rem;color:rgba(var(--color-foreground),.4)}.breadcrumbs__link{color:rgba(var(--color-foreground),.7);text-decoration:none;transition:color .2s ease}.breadcrumbs__link:hover{color:rgb(var(--color-foreground));text-decoration:underline}.breadcrumbs__item--current{color:rgba(var(--color-foreground),.5)}.article-toc-inline{margin:2.5rem 0 3rem;padding:2rem 2.25rem;background:rgba(var(--color-foreground),.02);border:1px solid rgba(var(--color-foreground),.1);border-radius:12px}h3.article-toc-inline__title{font-size:2.125rem;font-weight:700;color:rgb(var(--color-foreground));margin:0 0 1.5rem;margin-top:0;text-transform:none;letter-spacing:0}.article-toc-inline__list{list-style:none;padding:0;margin:0;counter-reset:toc-counter}.article-toc-inline__list li{counter-increment:toc-counter;margin-bottom:1.125rem;padding-left:0}.article-toc-inline__list li:last-child{margin-bottom:0}.article-toc-inline__link{display:flex;align-items:flex-start;gap:.75rem;color:rgb(var(--color-button));text-decoration:none;font-size:1.375rem;line-height:1.45;transition:opacity .2s ease}.article-toc-inline__link:before{content:counter(toc-counter) ".";flex-shrink:0;font-weight:600;color:rgb(var(--color-button))}.article-toc-inline__link:hover{opacity:.7;text-decoration:underline}@media screen and (max-width:749px){.article-toc-inline{padding:1.5rem 1.75rem;margin:2rem 0 2.5rem}h3.article-toc-inline__title{font-size:1.75rem}.article-toc-inline__link{font-size:1.25rem}}.info-box{position:relative;padding:1.5rem 1.5rem 1.5rem 4rem;margin:2.5rem 0;border-radius:12px;background:rgba(var(--color-foreground),.03);border:1px solid rgba(var(--color-foreground),.1)}.info-box:before{content:"";position:absolute;left:1.25rem;top:1.5rem;width:28px;height:28px;background-size:contain;background-repeat:no-repeat;background-position:center}.info-box__title{font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;color:rgb(var(--color-foreground))}.info-box__content{font-size:1rem;line-height:1.7}.info-box__content p:last-child{margin-bottom:0}.info-box--example{background:#3b82f614;border-color:#3b82f633}.info-box--example:before{content:"\1f4a1";font-size:1.5rem;background:none}.info-box--example .info-box__title{color:#2563eb}.info-box--tip{background:#a4f8a626;border-color:#a4f8a666}.info-box--tip:before{content:"\2728";font-size:1.5rem;background:none}.info-box--tip .info-box__title{color:#15803d}.info-box--warning{background:#f59e0b14;border-color:#f59e0b40}.info-box--warning:before{content:"\26a0\fe0f";font-size:1.5rem;background:none}.info-box--warning .info-box__title{color:#d97706}.info-box--note{background:rgba(var(--color-foreground),.04);border-color:rgba(var(--color-foreground),.12)}.info-box--note:before{content:"\1f4dd";font-size:1.5rem;background:none}.callout{padding:1.5rem 2rem;margin:2.5rem 0;border-radius:12px;border-left:4px solid;font-size:1rem}.callout>*:first-child{margin-top:0}.callout>*:last-child{margin-bottom:0}.callout--tip{background-color:rgba(var(--color-button),.08);border-left-color:rgb(var(--color-button))}.callout--warning{background-color:#f59e0b1a;border-left-color:#f59e0b}.callout--info{background-color:#3b82f61a;border-left-color:#3b82f6}.callout--note{background-color:rgba(var(--color-foreground),.05);border-left-color:rgba(var(--color-foreground),.3)}.callout strong:first-child{display:block;margin-bottom:.5rem;color:rgb(var(--color-foreground))}.article-cta{padding:2rem;margin:3rem 0;border-radius:12px;background:linear-gradient(135deg,rgba(var(--color-button),.08),rgba(var(--color-button),.03));border:2px solid rgba(var(--color-button),.15);text-align:center}.article-cta__title{font-size:1.25rem;font-weight:700;margin:0 0 .75rem;color:rgb(var(--color-foreground))}.article-cta__text{font-size:1rem;color:rgba(var(--color-foreground),.8);margin:0 0 1.5rem}.article-cta__button{display:inline-block;padding:.875rem 2rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));text-decoration:none;border-radius:8px;font-weight:600;font-size:1rem;transition:transform .2s ease,box-shadow .2s ease}.article-cta__button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-button),.3)}.article-template__content a.product-link{display:inline-flex;align-items:center;gap:.25rem;color:rgb(var(--color-button));font-weight:600;text-decoration:none;padding:.125rem 0;border-bottom:2px solid rgba(var(--color-button),.3);transition:border-color .2s ease}.article-template__content a.product-link:hover{border-bottom-color:rgb(var(--color-button))}.article-template__content a.product-link:after{content:"\2192";font-size:.875em}.article-template__content ul,.article-template__content ol{margin:1.5rem 0;padding-left:1.5rem}.article-template__content li{margin-bottom:.5rem;line-height:1.6}.article-template__content li:last-child{margin-bottom:0}.article-template__content ul ul,.article-template__content ol ol,.article-template__content ul ol,.article-template__content ol ul{margin:.5rem 0}.article-template__content blockquote{margin:2rem 0;padding:1.5rem 2rem;border-left:4px solid rgb(var(--color-button));background:rgba(var(--color-foreground),.02);font-style:italic;color:rgba(var(--color-foreground),.85)}.article-template__content blockquote p:last-child{margin-bottom:0}.article-template__content table{width:100%;border-collapse:collapse;margin:2.5rem 0;font-size:inherit;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.article-template__content th,.article-template__content td{padding:1.125rem 1.5rem;text-align:left;border-bottom:1px solid rgba(var(--color-foreground),.08)}.article-template__content th{font-weight:600;background:rgba(var(--color-button),.08);color:rgb(var(--color-foreground));font-size:.9em;text-transform:uppercase;letter-spacing:.03em}.article-template__content tbody tr{transition:background-color .15s ease}.article-template__content tbody tr:hover{background:rgba(var(--color-button),.03)}.article-template__content tbody tr:last-child td{border-bottom:none}@media screen and (max-width:749px){.article-template__content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:2rem -1rem;width:calc(100% + 2rem);border-radius:0}.article-template__content th,.article-template__content td{padding:.875rem 1.125rem;white-space:nowrap}}.article-template__content img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0}.article-template__content figure{margin:2rem 0}.article-template__content figcaption{font-size:.875rem;color:rgba(var(--color-foreground),.6);text-align:center;margin-top:.75rem}.article-template__content a:not(.button):not(.product-link){color:rgb(var(--color-button));text-decoration:none;font-weight:500;border-bottom:1px solid rgba(var(--color-button),.4);transition:border-color .2s ease,color .2s ease}.article-template__content a:not(.button):not(.product-link):hover{color:rgb(var(--color-button));border-bottom-color:rgb(var(--color-button))}.article-template__content strong a,.article-template__content a strong{font-weight:700;border-bottom-width:2px}.article-template__content code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.875em;background:rgba(var(--color-foreground),.05);padding:.125em .375em;border-radius:4px}.article-template__content pre{margin:2rem 0;padding:1.5rem;background:rgba(var(--color-foreground),.03);border-radius:8px;overflow-x:auto}.article-template__content pre code{background:none;padding:0}.related-articles{padding:4rem 0;background:rgba(var(--color-foreground),.02);margin-top:4rem}.related-articles__title{font-size:1.5rem;margin-bottom:2rem;text-align:center;font-weight:700}.related-articles__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.related-articles__card{background:rgb(var(--color-background));border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.related-articles__card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.related-articles__image-link{display:block}.related-articles__image-link img{width:100%;height:180px;object-fit:cover;display:block}.related-articles__content{padding:1.5rem}.related-articles__card-title{font-size:1.125rem;margin:0 0 .5rem;line-height:1.4}.related-articles__card-title a{color:inherit;text-decoration:none;transition:color .2s ease}.related-articles__card-title a:hover{color:rgb(var(--color-button))}.related-articles__excerpt{font-size:.9375rem;color:rgba(var(--color-foreground),.7);margin:0;line-height:1.5}.sidebar-related{position:sticky;top:max(20px,calc(var(--header-sticky-offset, 0px) + 100px));transition:top .15s ease-out;padding:2rem;background:rgba(var(--color-button),.04);border-left:4px solid rgb(var(--color-button));border-radius:0 16px 16px 0}.sidebar-related__title{font-size:1.75rem;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-button));margin:0 0 1.5rem;font-weight:700}.sidebar-related__list{display:flex;flex-direction:column;gap:1.75rem}.sidebar-related__item{display:flex;flex-direction:column;gap:1rem;text-decoration:none;color:inherit;padding:1rem;margin:-1rem;border-radius:12px;transition:background-color .2s ease}.sidebar-related__item:hover{background:rgba(var(--color-foreground),.05)}.sidebar-related__image{flex-shrink:0;width:100%;height:180px;border-radius:10px;overflow:hidden}.sidebar-related__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.sidebar-related__item:hover .sidebar-related__image img{transform:scale(1.03)}.sidebar-related__content{flex:1;min-width:0}.sidebar-related__item-title{font-size:1.375rem;font-weight:600;line-height:1.4;margin:0 0 .5rem;color:rgb(var(--color-foreground));display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sidebar-related__item:hover .sidebar-related__item-title{color:rgb(var(--color-button))}.sidebar-related__meta{font-size:1.125rem;color:rgba(var(--color-foreground),.6)}.sidebar-related__all-link{display:inline-block;margin-top:1.5rem;padding:.875rem 1.25rem;font-size:1.25rem;font-weight:600;color:rgb(var(--color-button));text-decoration:none;border:2px solid rgb(var(--color-button));border-radius:8px;transition:all .2s ease;text-align:center;width:100%;box-sizing:border-box}.sidebar-related__all-link:hover{background:rgb(var(--color-button));color:rgb(var(--color-background))}.article-template__social-sharing{margin-top:3rem;margin-bottom:5rem;padding-top:2rem;border-top:1px solid rgba(var(--color-foreground),.1)}.social-share{text-align:center}.social-share__label{font-size:inherit;color:rgba(var(--color-foreground),.8);margin-bottom:1.25rem}.social-share__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.social-share__button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:inherit;font-weight:500;text-decoration:none;transition:all .2s ease;border:1px solid rgba(var(--color-foreground),.15);background:rgb(var(--color-background));color:rgba(var(--color-foreground),.8);cursor:pointer}.social-share__button:hover{border-color:rgba(var(--color-foreground),.3);color:rgb(var(--color-foreground));transform:translateY(-2px)}.social-share__button svg{flex-shrink:0}.social-share__button--facebook:hover{background:#1877f2;border-color:#1877f2;color:#fff}.social-share__button--twitter:hover{background:#000;border-color:#000;color:#fff}.social-share__button--linkedin:hover{background:#0a66c2;border-color:#0a66c2;color:#fff}.social-share__button--email:hover{background:#ea4335;border-color:#ea4335;color:#fff}.social-share__button--copy{font-family:inherit}.social-share__button--copy:hover{background:rgba(var(--color-button),.1);border-color:rgb(var(--color-button));color:rgb(var(--color-button))}.social-share__button--copied{background:#22c55e!important;border-color:#22c55e!important;color:#fff!important}@media screen and (max-width:749px){.social-share__buttons{gap:.5rem}.social-share__button{padding:.5rem .75rem;font-size:.8125rem}.social-share__button span{display:none}.social-share__button svg{width:18px;height:18px}}.article-template__back{margin-top:3rem}.article-template__back .article-template__link{display:inline-flex;align-items:center;gap:.5rem;color:rgba(var(--color-foreground),.7);text-decoration:none;font-size:.9375rem;transition:color .2s ease}.article-template__back .article-template__link:hover{color:rgb(var(--color-foreground))}.breadcrumbs__link:focus,.related-articles__card-title a:focus{outline:2px solid rgb(var(--color-button));outline-offset:2px}@media(prefers-reduced-motion:reduce){.related-articles__card,.breadcrumbs__link,.article-template__content a{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-article-enhanced.css.map */