@layer components{.blog-post-hero_wrap{align-items:flex-start;gap:var(--space-3-5rem);width:100%;padding-block:var(--space-3rem);flex-direction:column;display:flex}.blog-post-hero_wrap :is(.heading,.text){margin:0}.blog-post-hero_layout{gap:var(--space-3-5rem);flex-direction:column;width:100%;display:flex}@media (min-width:62rem){.blog-post-hero_layout{flex-direction:row;align-items:flex-start}}.blog-post-hero_content{align-items:flex-start;gap:var(--space-2rem);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.blog-post-hero_details{align-items:center;gap:var(--space-0-75rem);color:var(--color-neutral-40);display:flex}.blog-post-hero_details>.text{letter-spacing:var(--letter-spacing-tag)}.blog-post-hero_title{color:var(--color-neutral-90);text-wrap:wrap}.blog-post-hero_author{align-items:center;gap:var(--space-1-25rem);display:flex}.blog-post-hero_avatar{width:var(--icon-3xl);aspect-ratio:1;border-radius:var(--radius-0-125rem);flex:none;min-height:0;overflow:hidden}.blog-post-hero_avatar>.image{object-fit:cover;width:100%;height:100%}.blog-post-hero_author-text{flex-direction:column;gap:.125rem;display:flex}.blog-post-hero_author-name{color:var(--color-neutral-90);font-weight:var(--primary-medium)}.blog-post-hero_author-role{color:var(--color-neutral-60)}.blog-post-hero_image{aspect-ratio:16/9;border:var(--border-width) solid var(--color-neutral-5);border-radius:var(--radius-0-25rem);flex:none;width:100%;min-height:0;overflow:hidden}@media (min-width:62rem){.blog-post-hero_image{width:42.5rem}}.blog-post-hero_image>.image{object-fit:cover;width:100%;height:100%}.blog-post-body_wrap{gap:var(--space-3-5rem);width:100%;margin-top:var(--space-1-5rem);padding-top:calc(var(--space-4rem) - var(--border-width));border-top:var(--border-width) solid var(--color-neutral-5);flex-direction:column;display:flex}@media (min-width:62rem){.blog-post-body_wrap{flex-direction:row-reverse;justify-content:space-between;align-items:flex-start}}.blog-post-body_wrap :is(.heading,.text){margin:0}.blog-post-body_main{gap:var(--space-3-5rem);flex-direction:column;width:100%;min-width:0;display:flex}@media (min-width:62rem){.blog-post-body_main{max-width:56rem}}.blog-post-body_label{color:var(--color-neutral-30)}.blog-post-body_muted{color:var(--color-neutral-60)}.blog-post-body_takeaways{gap:var(--space-2rem);padding:var(--space-2rem);flex-direction:column;display:flex}.blog-post-body_takeaway-list{gap:var(--space-0-5rem);color:var(--color-neutral-60);flex-direction:column;margin:0;padding-left:1.5em;list-style:outside;display:flex}.blog-post-body_takeaway-list li::marker{color:var(--color-neutral-90)}.blog-post-body_takeaway-list strong{color:var(--color-neutral-90);font-weight:var(--primary-medium);line-height:1}.blog-post-body_author{gap:var(--space-1-25rem);padding-top:calc(var(--space-3-5rem) - var(--border-width));border-top:var(--border-width) solid var(--color-neutral-5);flex-direction:column;display:flex}.blog-post-body_author-heading{align-items:center;gap:var(--space-1-25rem);display:flex}.blog-post-body_avatar{width:var(--icon-4xl);aspect-ratio:1;border-radius:var(--radius-0-25rem);flex:none;min-height:0;overflow:hidden}.blog-post-body_avatar>.image{object-fit:cover;width:100%;height:100%}.blog-post-body_author-text{gap:var(--space-0-125rem);flex-direction:column;flex:1 1 0;display:flex}.blog-post-body_author-text .heading{color:var(--color-neutral-90)}.blog-post-body_icon-link{width:var(--icon-3xl);height:var(--icon-3xl);color:var(--color-neutral-90);background-color:var(--color-neutral-5);border-radius:var(--radius-0-125rem);transition:background-color var(--hover-duration) var(--hover-ease);flex:none;justify-content:center;align-items:center;display:flex}@media (hover:hover){.blog-post-body_icon-link:hover{background-color:var(--color-neutral-10)}}.blog-post-body_share{gap:var(--space-0-75rem);flex-direction:column;display:flex}.blog-post-body_share-list{gap:var(--space-0-5rem);display:flex}.blog-post-body_share-button{width:3rem;height:3rem;color:var(--color-neutral-90);font:inherit;background-color:var(--color-neutral-2);border:var(--border-width) solid var(--color-neutral-5);border-radius:var(--radius-0-125rem);cursor:pointer;transition:background-color var(--hover-duration) var(--hover-ease);flex:none;justify-content:center;align-items:center;padding:0;display:flex}@media (hover:hover){.blog-post-body_share-button:hover{background-color:var(--color-neutral-5)}}.blog-post-body_share-icon.icon{--_size:1.25rem}.blog-post-body_share-button [data-icon=copied],.blog-post-body_share-button[data-copied] [data-icon=idle]{display:none}.blog-post-body_share-button[data-copied] [data-icon=copied]{color:var(--color-primary-60);display:block}.blog-post-body_aside{gap:var(--space-1-5rem);flex-direction:column;width:100%;display:flex}@media (min-width:62rem){.blog-post-body_aside{top:calc(var(--nav-height) + var(--space-2rem));flex:none;width:22.5rem;position:sticky}}.blog-post-body_toc{gap:var(--space-1-25rem);max-height:20rem;padding:calc(var(--space-1-5rem) - var(--border-width));background-color:var(--color-neutral-2);border:var(--border-width) solid var(--color-neutral-5);border-radius:var(--radius-0-25rem);flex-direction:column;display:flex}.blog-post-body_toc-list{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:auto;min-height:0;margin:0;padding:0;list-style:none;display:flex;position:relative;overflow-y:auto}.blog-post-body_toc-link{align-items:center;gap:var(--space-0-75rem);padding-block:var(--space-0-5rem) calc(var(--space-0-5rem) - var(--border-width));color:var(--color-neutral-70);border-bottom:var(--border-width) solid transparent;transition:color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease);text-decoration:none;display:flex}.blog-post-body_toc-link[aria-current]{color:var(--color-neutral-80);font-weight:var(--primary-medium);border-bottom-color:var(--color-primary-60)}@media (hover:hover){.blog-post-body_toc-link:hover{color:var(--color-neutral-90)}}.blog-post-body_toc-icon{color:var(--color-primary-60);visibility:hidden}[aria-current]>.blog-post-body_toc-icon{visibility:visible}.blog-post-body_cta{gap:var(--space-1-5rem);padding-bottom:calc(var(--space-1-5rem) - .125rem);flex-direction:column;display:flex;overflow:clip}.blog-post-body_cta-content{align-items:flex-start;gap:var(--space-2rem);padding-inline:var(--space-1-5rem);flex-direction:column;display:flex}.blog-post-body_cta-render{width:var(--icon-4xl);height:var(--icon-4xl);justify-content:center;align-items:center;display:flex}.blog-post-body_cta-render>.image{width:auto;height:91.5%}.blog-post-body_cta-text{flex-direction:column;gap:1rem;display:flex}.blog-post-body_cta-text .heading{color:var(--color-neutral-90);text-wrap:wrap}.blog-post-body_cta-body{gap:var(--space-0-5rem);flex-direction:column;display:flex}.blog-post-body_cta-list{gap:var(--space-0-25rem);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.blog-post-body_cta-list li{align-items:center;gap:var(--space-0-75rem);color:var(--color-neutral-60);display:flex}.blog-post-body_check{color:var(--color-primary-60)}.blog-post-body_cta-button{margin-top:calc(var(--space-1-25rem) - var(--space-1-5rem));margin-inline:var(--space-1-5rem)}}