@layer components{.article-header_wrap{--site-margin:calc(var(--nm-gutter) + var(--nm-gap-line));--site-width:calc(100% - var(--site-margin) * 2)}.article-header_layout{grid-template-columns:1fr;align-items:start;gap:1.5rem;display:grid}@media (min-width:48rem){.article-header_layout{gap:2rem 3rem}}@media (min-width:62rem){.article-header_layout{grid-template-columns:20vw 1fr;gap:1.5rem}}.article-header_tagline{flex-flow:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}@media (min-width:62rem){.article-header_tagline{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1.25rem}}.article-back{color:var(--text-2);transition:color var(--hover-duration) var(--ease-out);align-items:center;gap:.5em;text-decoration:none;display:inline-flex;position:relative}.article-back:after{content:"";height:max(100%,.458333in);position:absolute;inset:50% -.25rem auto;translate:0 -50%}@media (hover:hover){.article-back:hover{color:var(--text)}}.article-back:focus-visible{color:var(--text)}.article-back_arrow{transition:translate .3s var(--ease-out)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.article-back:hover .article-back_arrow{translate:-.25em}}.article-header_main{max-width:var(--max-width-xxlarge);padding-bottom:var(--space-xlarge)}.article-header_perex{max-width:var(--max-width-large);margin-top:var(--space-medium);color:var(--text-2);font-size:var(--ph-lead,max(var(--text-medium), var(--floor-perex)));line-height:var(--ph-lead-line-height,var(--text-medium-line-height));text-wrap:balance}.article-header_tags{margin-top:var(--space-medium);flex-flow:wrap;gap:.4rem;display:flex}.article-tag{--cap-offset:var(--cap-offset-mono);border:var(--border-width) solid var(--border);background-color:var(--background-fill);color:var(--text);font-family:var(--font-label);font-size:max(.66rem, var(--floor-label));line-height:var(--ph-label-line-height,var(--line-height-large));letter-spacing:var(--letter-spacing-label);text-transform:uppercase;align-items:center;gap:.3rem;padding:.25rem .5rem;display:inline-flex}@media (min-width:30rem){.article-tag{font-size:max(.75rem, var(--floor-label))}}.article-header_line{width:100%;height:var(--border-width);background-color:var(--border)}.article-body_wrap{--site-margin:calc(var(--nm-gutter) + var(--nm-gap-line));--site-width:calc(100% - var(--site-margin) * 2)}.blog-post_body_component{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:62rem){.blog-post_body_component{grid-template-columns:20vw 1fr}}.toc-wrap{flex-flow:column;gap:1rem;width:100%;display:flex}@media (min-width:62rem){.toc-wrap{align-self:start;gap:.5rem;position:sticky;top:2rem}}.toc-progress{flex-direction:column;gap:.5rem;margin-top:1.5rem;display:none}@media (min-width:62rem){.toc-progress{display:flex}}.toc-progress_bar{background-color:var(--white-a15);width:6.25rem;height:.125rem;display:block;position:relative}.toc-progress_bar i{background-color:var(--brand-500);transform-origin:0;scale:var(--_read,0) 1;position:absolute;inset:0}.toc-details{gap:inherit;flex-flow:column;display:flex}@media (min-width:62rem){.toc-details::details-content{content-visibility:visible;block-size:auto}}.toc-summary{justify-content:space-between;align-items:center;gap:1rem;list-style:none;display:flex}.toc-summary::-webkit-details-marker{display:none}@media not (min-width:62rem){.toc-summary{border-bottom:var(--border-width) solid var(--border);cursor:pointer;min-height:.458333in;padding-block:.5rem}.toc-summary .toc-count{align-items:center;gap:.5rem;display:inline-flex}}@media (min-width:62rem){.toc-summary{pointer-events:none}.toc-summary .toc-count{display:none}}.ab-toc{flex-direction:column;gap:.15rem;width:100%;display:flex}.ab-toc a{border-left:.125rem solid var(--white-a15);color:color-mix(in srgb, var(--light-100) 55%, transparent);padding:.55rem 0 .55rem .8rem;font-size:.95rem;line-height:1.35;text-decoration:none;transition:color .2s,border-color .2s;display:block}@media (min-width:48rem){.ab-toc a{padding-block:.4rem}}@media (hover:hover){.ab-toc a:hover{color:color-mix(in srgb, var(--light-100) 90%, transparent)}}.ab-toc a.is-active{border-left-color:var(--brand-500);color:var(--light-100)}.ab-toc a.is-sub{margin-left:.8rem;font-size:.85rem}.article-main{width:100%;min-width:0;max-width:var(--max-width-large)}.blog-post_body_content-wrapper{flex-flow:column;gap:4rem;margin-bottom:2rem;display:flex}@media (min-width:48rem){.blog-post_body_content-wrapper{margin-bottom:3rem}}@media (min-width:62rem){.blog-post_body_content-wrapper{margin-bottom:0}}.tldr-wrappper{border:var(--border-width) solid var(--border);border-radius:var(--radius-panel);flex-flow:column;align-items:flex-start;gap:1rem;padding:1.5rem .8rem;display:flex;overflow:hidden}@media (min-width:30rem){.tldr-wrappper{padding-inline:1.25rem}}@media (min-width:48rem){.tldr-wrappper{padding-inline:1.5rem}}.tldr-clip{font-size:var(--text-regular);line-height:var(--text-regular-line-height);align-self:stretch}.tldr-text{overflow-wrap:anywhere;color:var(--text-2);font-size:inherit;line-height:inherit}.tldr-more{color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:.25rem;margin-top:-.5rem;padding:.25rem 0;display:none;position:relative}.tldr-more:before{content:"";height:max(100%,.458333in);position:absolute;inset:50% 0 auto;translate:0 -50%}.tldr-more .tldr-more_open{display:none}.tldr-more[aria-expanded=true] .tldr-more_open{display:inline}.tldr-more[aria-expanded=true] .tldr-more_closed{display:none}.tldr-more:focus-visible{outline:var(--border-width) solid var(--brand-500);outline-offset:.25rem}@media not (min-width:48rem){.js .tldr-wrappper.is-collapsible .tldr-clip{overflow:clip}.js .tldr-wrappper.is-collapsible:not(.is-open) .tldr-clip{max-height:calc(5 * var(--text-regular-line-height) * 1em);mask-image:linear-gradient(#000 calc(100% - 2.75em),#0000)}.js .tldr-wrappper.is-collapsible .tldr-more{display:inline-flex}}@media (min-width:48rem) and (not (min-width:62rem)){.text-rich-text{max-width:38rem}}.text-rich-text{text-wrap:balance;overflow-wrap:anywhere;font-size:1rem}.text-rich-text pre,.text-rich-text pre code{overflow-wrap:normal}.text-rich-text :is(img,video,iframe,svg){max-width:100%}.text-rich-text>:first-child{margin-top:0}.text-rich-text>:last-child{margin-bottom:0}.text-rich-text h2{font-size:calc(1.9rem * var(--heading-scale));margin-block:1.5rem 1rem}@media (min-width:30rem){.text-rich-text h2{font-size:calc(2.4rem * var(--heading-scale))}}.text-rich-text h3{margin-block:1.5rem 1rem;font-size:1.375rem}@media (min-width:30rem){.text-rich-text h3{font-size:1.8rem}}.text-rich-text h4{margin-block:1.5rem 1rem;font-size:1.25rem}@media (min-width:30rem){.text-rich-text h4{font-size:1.5rem}}.text-rich-text h5{margin-block:1.25rem 1rem;font-size:1.2rem}@media (min-width:30rem){.text-rich-text h5{font-size:1.3rem}}.text-rich-text p{color:var(--text-2);font-size:1rem;line-height:var(--ph-article-line-height,var(--text-paragraph-line-height));margin-bottom:1rem}@media (min-width:30rem){.text-rich-text p{font-size:var(--text-paragraph)}}.text-rich-text strong{color:var(--text)}.text-rich-text a{color:var(--link-text);text-decoration:underline}@media (hover:hover){.text-rich-text a:hover{text-decoration:none}}.text-rich-text :is(ul,ol){margin-block:1rem;padding-left:1.25rem}.text-rich-text ul{list-style:outside}.text-rich-text ol{padding-left:1.5rem;list-style:decimal}.text-rich-text li{color:var(--text-2);margin-block:.25rem;padding-left:.5rem}.text-rich-text li::marker{color:var(--brand-500)}.text-rich-text blockquote{margin-block:1.5rem;font-style:italic}.text-rich-text pre{overscroll-behavior-x:contain;white-space:pre;scrollbar-width:thin;scrollbar-color:var(--white-a15) transparent;background-color:var(--background);background-image:linear-gradient(to right, var(--background) 1.5rem, transparent), linear-gradient(to left, var(--background) 1.5rem, transparent), linear-gradient(to right, var(--white-a15), transparent), linear-gradient(to left, var(--white-a15), transparent);font-family:var(--font-label);font-size:.9rem;line-height:var(--line-height-large);background-position:0,100%,0,100%;background-repeat:no-repeat;background-size:2rem 100%,2rem 100%,1rem 100%,1rem 100%;background-attachment:local,local,scroll,scroll;margin-bottom:1rem;padding-inline-end:2rem;overflow-x:auto}.text-rich-text code{font-family:var(--font-label)}.text-rich-text pre{max-width:100%}.text-rich-text figure{margin-block:3rem}.text-rich-text figcaption{border-left:.125rem solid var(--border-contrast);margin-top:.5rem;padding-left:.5rem;font-size:.875rem}.article-divider{width:100%;height:var(--border-width);margin-block:var(--space-xlarge) var(--space-medium);background-color:var(--border)}.article-divider~.article-divider{margin-block:var(--space-medium) var(--space-xlarge)}.blog-post_body_author-wrapper{flex-flow:column;justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (min-width:30rem){.blog-post_body_author-wrapper{flex-flow:wrap}}@media (min-width:48rem){.blog-post_body_author-wrapper{flex-flow:row}}.blog-author{gap:1rem;display:flex}.blog-post_body_author-image{object-fit:cover;border-radius:100%;width:3.5rem;height:3.5rem}.blog-author_name-row{justify-content:flex-start;align-items:center;gap:.3rem;display:flex}.blog-author_name{font-size:var(--text-regular);line-height:var(--text-regular-line-height)}.team_card-linkedin{width:1rem;color:var(--text);transition:color var(--hover-duration) var(--ease-out);display:block}@media (hover:hover){.team_card-linkedin:hover{color:var(--text-accent)}}.blog-author_role{color:var(--text-2);font-size:var(--text-small);line-height:var(--text-small-line-height)}.next-article{color:var(--text);justify-content:flex-end;align-items:center;gap:1.5rem;text-decoration:none;display:flex}.next-article_title{font-family:var(--h5-font-family);font-size:var(--h5);font-weight:var(--h5-font-weight);line-height:var(--h5-line-height);text-wrap:balance}.next-article_arrow{aspect-ratio:1;border:var(--border-width) solid var(--border);background-color:var(--background-2);width:3rem;transition:background-color var(--hover-duration) var(--ease-out);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}@media (min-width:48rem){.next-article_arrow{width:4.5rem}}.next-article_arrow .icon{width:1.5rem}@media (hover:hover){.next-article:hover .next-article_arrow{background-color:var(--background-fill-strong)}}}