.blog-article-page[data-astro-cid-zaqlw5xr]{padding:clamp(2.5rem,5vw,4.5rem) 1rem clamp(3rem,6vw,5rem)}.blog-article[data-astro-cid-zaqlw5xr]{width:min(100%,48rem);margin-inline:auto}.blog-article__header[data-astro-cid-zaqlw5xr]{padding-bottom:clamp(1.5rem,3vw,2.5rem);border-bottom:1px solid var(--line)}.blog-article__cover[data-astro-cid-zaqlw5xr]{margin:clamp(1.5rem,3vw,2.5rem) 0 0}.blog-article__cover[data-astro-cid-zaqlw5xr] img[data-astro-cid-zaqlw5xr]{display:block;width:100%;height:auto;border-radius:1rem}.blog-article__category[data-astro-cid-zaqlw5xr]{margin:0 0 1rem;color:var(--brand-orange);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.blog-article[data-astro-cid-zaqlw5xr] h1[data-astro-cid-zaqlw5xr]{margin:0;line-height:1.08}.blog-article__intro[data-astro-cid-zaqlw5xr]{max-width:42rem;margin:1.5rem 0 0;color:var(--muted);font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.65}.blog-article__meta[data-astro-cid-zaqlw5xr]{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-top:1.5rem;color:var(--muted);font-size:.9rem}.blog-article__body[data-astro-cid-zaqlw5xr]{padding-top:clamp(1.5rem,3vw,2.5rem);color:var(--text);font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.75}.blog-article__body[data-astro-cid-zaqlw5xr] h2,.blog-article__body[data-astro-cid-zaqlw5xr] h3{margin-top:1.6em;margin-bottom:.65em}.blog-article__body[data-astro-cid-zaqlw5xr] h2{font-size:clamp(1.7rem,3vw,2.35rem)}.blog-article__body[data-astro-cid-zaqlw5xr] h3{font-size:clamp(1.3rem,2.2vw,1.65rem)}.blog-article__body[data-astro-cid-zaqlw5xr] p,.blog-article__body[data-astro-cid-zaqlw5xr] ul,.blog-article__body[data-astro-cid-zaqlw5xr] ol,.blog-article__body[data-astro-cid-zaqlw5xr] figure{margin:0 0 1.25em}.blog-article__body[data-astro-cid-zaqlw5xr] ul,.blog-article__body[data-astro-cid-zaqlw5xr] ol{padding-left:1.35em}.blog-article__body[data-astro-cid-zaqlw5xr] ol{list-style:decimal outside}.blog-article__body[data-astro-cid-zaqlw5xr] li+li{margin-top:.45em}.blog-article__body[data-astro-cid-zaqlw5xr] a{color:var(--brand-orange);font-weight:600;text-decoration:underline;text-underline-offset:.18em}.blog-article__body[data-astro-cid-zaqlw5xr] img{display:block;max-width:100%;height:auto;border-radius:1rem}.blog-article__body[data-astro-cid-zaqlw5xr] figcaption{margin-top:.75rem;color:var(--muted);font-size:.9em;text-align:center}.blog-article__body[data-astro-cid-zaqlw5xr] .tutorial-screenshot{position:relative;overflow:hidden;border-radius:1rem}.blog-article__body[data-astro-cid-zaqlw5xr] .tutorial-screenshot img{position:absolute;width:var(--shot-width);max-width:none;left:var(--shot-left);top:var(--shot-top);border-radius:0}.blog-article__body[data-astro-cid-zaqlw5xr] .tutorial-image-link{display:block;margin-top:.4rem;font-size:.9em}.blog-article__body[data-astro-cid-zaqlw5xr] .tutorial-detail-hint{display:none}.blog-article__body[data-astro-cid-zaqlw5xr] .article-table-scroll{margin:0 0 1.25em}.blog-article__body[data-astro-cid-zaqlw5xr] .article-table-scroll__hint{display:none}.blog-article__body[data-astro-cid-zaqlw5xr] .article-callout{margin:1.75em 0;border:1px solid var(--brand-orange-border);border-radius:1rem;background:var(--brand-orange-soft);padding:1.25rem 1.4rem}.blog-article__body[data-astro-cid-zaqlw5xr] .article-callout--framework{margin:clamp(2rem,4vw,3rem) 0;padding:clamp(1.4rem,3vw,2rem)}.blog-article__body[data-astro-cid-zaqlw5xr] .article-callout--framework h2:first-child{margin:0 0 .65em}.blog-article__body[data-astro-cid-zaqlw5xr] .article-callout--framework p:last-child,.blog-article__body[data-astro-cid-zaqlw5xr] .article-callout--framework ul:last-child{margin-bottom:0}.blog-article__cta[data-astro-cid-zaqlw5xr]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:clamp(2rem,4vw,3rem);border:1px solid var(--brand-orange-border);border-radius:1.25rem;background:var(--brand-orange-soft);padding:1.25rem 1.4rem}.blog-article__cta[data-astro-cid-zaqlw5xr] p[data-astro-cid-zaqlw5xr]{margin:0;font-weight:700}.blog-article__cta[data-astro-cid-zaqlw5xr] a[data-astro-cid-zaqlw5xr]{display:inline-flex;align-items:center;gap:.5rem;color:var(--brand-orange);font-weight:700}@media(max-width:640px){.blog-article-page[data-astro-cid-zaqlw5xr]{padding-inline:1.25rem}.blog-article__cta[data-astro-cid-zaqlw5xr]{align-items:flex-start;flex-direction:column}.blog-article__body[data-astro-cid-zaqlw5xr] .article-table-scroll{overflow-x:auto;overscroll-behavior-x:contain;margin-inline:-.25rem;padding:0 .25rem .55rem;scrollbar-color:var(--brand-orange-border) transparent;scrollbar-width:thin}.blog-article__body[data-astro-cid-zaqlw5xr] .article-table-scroll:focus-visible{outline:2px solid var(--brand-orange);outline-offset:3px}.blog-article__body[data-astro-cid-zaqlw5xr] .article-table-scroll__hint{display:flex;align-items:center;gap:.3rem;margin:0 0 .45rem;color:var(--muted);font-size:.8rem;font-weight:600;line-height:1.3}.blog-article__body[data-astro-cid-zaqlw5xr] .article-table-scroll__hint span{color:var(--brand-orange)}.blog-article__body[data-astro-cid-zaqlw5xr] .article-table-scroll table{min-width:40rem;margin:0}.blog-article__body[data-astro-cid-zaqlw5xr] .tutorial-detail-hint{display:inline}.blog-article__body[data-astro-cid-zaqlw5xr] .tutorial-screenshot--keyframes{aspect-ratio:auto!important;overflow-x:auto}.blog-article__body[data-astro-cid-zaqlw5xr] .tutorial-screenshot--keyframes p{position:relative;width:48rem;height:10.2rem;margin:0;overflow:hidden}.blog-article__body[data-astro-cid-zaqlw5xr] .tutorial-screenshot--keyframes img{width:86.4rem;left:-4.8rem;top:-36.9rem}.blog-article__body[data-astro-cid-zaqlw5xr] .tutorial-screenshot--export{aspect-ratio:340 / 480!important;--shot-width:423.5294%!important;--shot-left:-286.7647%!important;--shot-top:-25%!important}}