.breadcrumbs{margin-block-end:1.75rem;font-size:.875rem}.breadcrumbs__list{flex-wrap:wrap;align-items:center;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs__item{align-items:center;gap:.375rem;min-width:0;display:inline-flex}.breadcrumbs__link{color:var(--gray-500);border-radius:.25rem;font-weight:500;text-decoration:none;transition:color .2s}.breadcrumbs__link:hover{color:var(--color-secondary)}.breadcrumbs__link:focus-visible{outline:2px solid var(--color-secondary);outline-offset:3px}.breadcrumbs__current{color:var(--gray-700);text-overflow:ellipsis;white-space:nowrap;max-inline-size:18rem;font-weight:600;overflow:hidden}@media (width>=768px){.breadcrumbs__current{max-inline-size:32rem}}.breadcrumbs__separator{color:var(--gray-300);flex-shrink:0}@media (prefers-reduced-motion:reduce){.breadcrumbs__link{transition:none}}:root{--container-sm:320px;--container-md:480px;--container-lg:640px;--container-xl:800px}.container-query{container-type:inline-size}.card-container{container:card/inline-size}.section-container{container:section/inline-size}.hero-container{container:hero/inline-size}.feature-container{container:feature/inline-size}.container--narrow{max-inline-size:44rem;margin-inline:auto;padding-inline:1.25rem}@media (width>=768px){.container--narrow{padding-inline:2rem}}.blog-post__hero{background:linear-gradient(180deg, var(--_card-tint,var(--color-card-blush)) 0%, var(--color-white) 100%);padding-block:4rem 3rem;position:relative}@media (width>=768px){.blog-post__hero{padding-block:6rem 4rem}}.blog-post__hero .container{max-inline-size:44rem;margin-inline:auto;padding-inline:1.25rem}@media (width>=768px){.blog-post__hero .container{padding-inline:2rem}}.blog-post__category{text-transform:uppercase;letter-spacing:.12em;color:var(--color-secondary);margin-block-end:1rem;font-size:.75rem;font-weight:700;display:inline-block}.blog-post__title{font-family:var(--font-display);color:var(--gray-900);letter-spacing:-.025em;margin-block-end:1rem;font-size:clamp(1.875rem,4.5vw,3rem);font-weight:700;line-height:1.1}.blog-post__description{color:var(--gray-600);margin-block-end:2rem;font-size:1.1875rem;line-height:1.55}.blog-post__meta{color:var(--gray-500);flex-wrap:wrap;align-items:center;gap:.625rem;font-size:.875rem;display:flex}.blog-post__author{color:var(--gray-700);font-weight:600}.blog-post__sep{color:var(--gray-300)}.blog-post__body{background-color:var(--color-white);padding-block:3rem 5rem}@media (width>=768px){.blog-post__body{padding-block:4rem 7rem}}.prose{color:var(--gray-700);letter-spacing:-.005em;font-size:1.0625rem;line-height:1.75}.prose>*+*{margin-block-start:1.5rem}.prose h2{font-family:var(--font-display);color:var(--gray-900);letter-spacing:-.02em;margin-block:3.5rem 1rem;font-size:1.625rem;font-weight:700;line-height:1.25}@media (width>=768px){.prose h2{font-size:1.875rem}}.prose h3{font-family:var(--font-display);color:var(--gray-900);letter-spacing:-.015em;margin-block:2.5rem .75rem;font-size:1.25rem;font-weight:700;line-height:1.3}@media (width>=768px){.prose h3{font-size:1.375rem}}.prose h4{font-family:var(--font-display);color:var(--gray-900);margin-block:2rem .5rem;font-size:1.125rem;font-weight:700}.prose p{margin-block:0}.prose strong{color:var(--gray-900);font-weight:700}.prose em{color:var(--gray-700)}.prose a{color:var(--color-secondary);text-underline-offset:3px;font-weight:500;text-decoration:underline 1px;transition:color .2s}.prose a:hover{color:var(--color-secondary-hover);text-decoration-thickness:2px}.prose ul,.prose ol{margin-block:1.25rem;padding-inline-start:1.5rem}.prose li{margin-block:.5rem;padding-inline-start:.25rem}.prose ul>li::marker{color:var(--color-secondary)}.prose ol>li::marker{color:var(--color-secondary);font-weight:600}.prose blockquote{border-inline-start:3px solid var(--color-secondary);color:var(--gray-700);margin-block:2rem;padding-block:.5rem;padding-inline-start:1.5rem;font-size:1.125rem;font-style:italic;line-height:1.6}.prose blockquote p{margin-block:0}.prose blockquote:has(>p:first-child>strong:first-child){border-inline-start:4px solid var(--color-secondary);background-color:color-mix(in srgb, var(--color-secondary) 6%, var(--color-white));color:var(--gray-800);border-radius:.75rem;margin-block:1.5rem 2.5rem;padding:1.25rem 1.5rem;font-size:.9375rem;font-style:normal}.prose blockquote:has(>p:first-child>strong:first-child) p:first-child strong{text-transform:uppercase;letter-spacing:.1em;color:var(--color-secondary);margin-block-end:.5rem;font-size:.75rem;font-weight:700;display:block}.prose blockquote:has(>p:first-child>strong:first-child) ol,.prose blockquote:has(>p:first-child>strong:first-child) ul{margin-block:0;padding-inline-start:1.25rem}.prose blockquote:has(>p:first-child>strong:first-child) li{margin-block:.375rem}.prose hr{border:0;border-block-start:1px solid var(--gray-200);margin-block:3.5rem}.prose code{background-color:var(--gray-100);color:var(--gray-800);border-radius:.25rem;padding:.125rem .375rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.9em}.prose pre{background-color:var(--gray-900);color:var(--gray-100);border-radius:.5rem;margin-block:1.5rem;padding:1.25rem;font-size:.875rem;line-height:1.6;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose .blog-screenshot{cursor:zoom-in;border-radius:1.25rem;max-inline-size:280px;margin-block:2.25rem;margin-inline:auto;text-decoration:none;transition:transform .3s,box-shadow .3s;display:block;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 16px 36px -12px #0000002e}.prose .blog-screenshot:hover{transform:translateY(-2px);box-shadow:0 1px 2px #0000000f,0 22px 44px -12px #00000038}.prose .blog-screenshot:focus-visible{outline:2px solid var(--color-secondary);outline-offset:4px}.prose .blog-screenshot picture,.prose .blog-screenshot img{border-radius:inherit;block-size:auto;inline-size:100%;display:block}.prose .blog-screenshot--wide{border-radius:.75rem;max-inline-size:min(100%,720px)}@media (prefers-reduced-motion:reduce){.prose .blog-screenshot{transition:none}.prose .blog-screenshot:hover{transform:none}}.blog-lightbox-dialog{block-size:100dvh;max-block-size:100dvh;inline-size:100vw;max-inline-size:100vw;color:var(--color-white);opacity:0;transition:opacity .2s ease, display .2s allow-discrete, overlay .2s allow-discrete;background:0 0;border:0;margin:0;padding:0;display:none}.blog-lightbox-dialog[open]{opacity:1;justify-content:center;align-items:center;display:flex}@starting-style{.blog-lightbox-dialog[open]{opacity:0}}.blog-lightbox-dialog::backdrop{backdrop-filter:blur(4px);opacity:0;transition:opacity .2s ease, display .2s allow-discrete, overlay .2s allow-discrete;background-color:#0f0f14e0}.blog-lightbox-dialog[open]::backdrop{opacity:1}@starting-style{.blog-lightbox-dialog[open]::backdrop{opacity:0}}.blog-lightbox-dialog img{border-radius:1rem;block-size:auto;max-block-size:90vh;inline-size:auto;max-inline-size:min(92vw,1280px);display:block;box-shadow:0 30px 80px -20px #0009}.blog-lightbox-dialog__close{block-size:2.75rem;inline-size:2.75rem;color:var(--color-white);cursor:pointer;background-color:#ffffff24;border:0;border-radius:9999px;justify-content:center;align-items:center;font-size:1.5rem;font-weight:500;line-height:1;transition:background-color .2s;display:flex;position:absolute;inset-block-start:1.25rem;inset-inline-end:1.5rem}.blog-lightbox-dialog__close:hover,.blog-lightbox-dialog__close:focus-visible{background-color:#ffffff3d}.blog-lightbox-dialog__close:focus-visible{outline:2px solid var(--color-white);outline-offset:3px}.prose hr+p:last-child,.prose hr+p:last-of-type{color:var(--gray-800);font-size:1.125rem}.blog-related{background-color:var(--color-secondary-light);padding-block:4rem}@media (width>=768px){.blog-related{padding-block:6rem}}.blog-related__title{font-family:var(--font-display);font-size:var(--title-md);color:var(--gray-900);letter-spacing:-.02em;text-align:center;margin-block-end:3rem;font-weight:700}.blog-related .blog-grid{grid-template-columns:1fr;max-inline-size:48rem}@media (width>=768px){.blog-related .blog-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.prose a{transition:none}}