@layer components{.blog-body_wrap{--_aside-width:13rem;column-gap:var(--section-space-small);row-gap:var(--space-8);grid-template-columns:minmax(0,1fr);align-items:stretch;width:100%;display:grid}.blog-body_aside,.blog-body_main{min-width:0}.blog-body_aside{z-index:1;position:relative}.blog-body_main{gap:var(--space-6);counter-reset:chapter;flex-direction:column;max-width:52ch;display:flex}.blog-body_main>[class]{margin-block:0}.blog-body_main :is(h2,h3){scroll-margin-top:calc(var(--nav-height) + var(--space-5))}@media not (min-width:64rem){.blog-body_sticky>*+*{display:none}}@media (min-width:64rem){.blog-body_wrap{grid-template-columns:var(--_aside-width) minmax(0, 1fr)}.blog-body_wrap.aside-end{grid-template-columns:minmax(0, 1fr) var(--_aside-width)}.blog-body_wrap.aside-end>.blog-body_aside{order:1}.blog-body_sticky{top:calc(var(--nav-height) + var(--space-5));gap:var(--space-6);max-height:calc(100svh - var(--nav-height) - var(--space-5) * 2);overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;display:flex;position:sticky;overflow-y:auto}.blog-body_sticky::-webkit-scrollbar{display:none}}.screenshot_wrap{gap:var(--space-3);flex-direction:column;width:100%;margin:0;display:flex}.screenshot_frame{border-radius:var(--radius-main);border:var(--border-width) solid var(--border);background-color:var(--background-3);overflow:clip}.screenshot_bar{height:2.25rem;padding-inline:var(--space-3);background-color:var(--background-2);border-bottom:var(--border-width) solid var(--border);align-items:center;gap:.5rem;display:flex}.screenshot_bar i{border-radius:var(--radius-round);background-color:color-mix(in lab, var(--text) 18%, transparent);width:.6rem;height:.6rem}.screenshot_url{max-width:18rem;height:1.1rem;margin-left:var(--space-2);border-radius:var(--radius-small);background-color:color-mix(in lab, var(--text) 8%, transparent);flex:1}.screenshot_screen{aspect-ratio:var(--_ratio);overflow:clip}.screenshot_screen img{object-fit:cover;object-position:top;width:100%;height:100%}.screenshot_frame.bare{background-color:#0000}.screenshot_caption{color:color-mix(in lab, var(--text) 60%, transparent);text-wrap:pretty;max-width:52ch;margin:0}.logo_mask{mask-image:var(--_logo);mask-position:50%;mask-size:contain;mask-repeat:no-repeat;-webkit-mask-image:var(--_logo);background-color:currentColor;display:block;-webkit-mask-position:50%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}.collab_wrap{align-items:start;gap:var(--space-5);width:100%;padding:var(--space-6);border:var(--border-width) solid var(--border);border-radius:var(--radius-main);background-color:#0000;display:flex}.collab_mark{border-radius:var(--radius-main);background-color:var(--background-3);flex:none;place-items:center;width:3.5rem;height:3.5rem;display:grid;overflow:hidden}.collab_logo{object-fit:contain;width:100%;height:100%}.collab_initial{font-size:var(--font-size-h5);font-weight:var(--primary-medium);color:color-mix(in lab, var(--text) 70%, transparent);line-height:1}.collab_content{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.collab_content>[class]{margin-block:0}.collab_role{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in lab, var(--text) 60%, transparent)}.collab_text{margin-top:var(--space-2);text-wrap:pretty;max-width:60ch}.collab_link{margin-top:var(--space-2);align-self:flex-start}.collab_wrap.branded{border-color:color-mix(in lab, var(--_accent) 35%, transparent);background-color:var(--_ground);color:#fafafa;background-image:radial-gradient(circle farthest-side at 100% 0,lab(100% 0 0/.14),lab(100% 0 0/.02));border-radius:1rem;position:relative;overflow:clip}.collab_wrap.branded:before{content:"";background:linear-gradient(98deg, var(--_accent), var(--_accent-2));height:.1875rem;position:absolute;inset:0 0 auto}.collab_wrap.branded .collab_mark{background-color:lab(100% 0 0/.08);border-radius:.75rem}.collab_wrap.branded .collab_initial{color:lab(98.272% 0 .0000119209/.7)}.collab_wrap.branded .collab_role{color:lab(98.272% 0 .0000119209/.6)}.collab_wrap.branded .collab_partner{text-transform:uppercase;font-weight:var(--primary-bold);letter-spacing:.01em}.collab_wrap.branded .collab_text{color:lab(98.272% 0 .0000119209/.75)}.collab_wrap.branded .collab_link{background:linear-gradient(98deg, var(--_accent), var(--_accent-2));color:#fafafa;font-weight:var(--primary-bold);border-radius:1rem;padding:.5em 1.1em;text-decoration:none}.collab_wrap.branded .collab_link:after,.collab_wrap.branded .collab_link:before{display:none}@media not (min-width:30rem){.collab_wrap{gap:var(--space-4);padding:var(--space-5);flex-direction:column}}.inline-cta_wrap{gap:var(--space-3);width:100%;padding:var(--space-6);border-radius:var(--radius-main);background-color:var(--background);color:var(--text);flex-direction:column;display:flex}.inline-cta_wrap>[class]{max-width:none;margin-block:0}.inline-cta_wrap .heading{text-wrap:balance}@media (min-width:48rem){.inline-cta_wrap{padding:var(--space-7)}}.inline-cta_eyebrow{opacity:.6;text-transform:uppercase;letter-spacing:.08em}}