.tutorial-post.svelte-x4a800{--tutorial-text:#111;max-width:900px;color:var(--tutorial-text);margin:0 auto;font-family:Helvetica Neue,Arial,sans-serif;line-height:1.5}.tutorial-post__hero.svelte-x4a800{text-align:center;margin-bottom:2.5rem}.tutorial-post__hero.svelte-x4a800 h1:where(.svelte-x4a800){text-wrap:balance;margin:0 0 .75rem;font-size:clamp(2rem,3.4vw,2.8rem);font-weight:700;line-height:1.2}.tutorial-post.svelte-x4a800 .tutorial-post__authors:where(.svelte-x4a800){text-align:center;margin:0;font-size:1.15rem}.tutorial-post__actions.svelte-x4a800{flex-wrap:wrap;justify-content:center;margin-top:1.25rem;display:flex}.tutorial-post__slides-link.svelte-x4a800{color:var(--color-text-on-brand);text-decoration:none;box-shadow:0 8px 22px #0f172a1f}.tutorial-post__slides-link.svelte-x4a800:hover{color:var(--color-text-on-brand)}.tutorial-post.svelte-x4a800 section:where(.svelte-x4a800)+section:where(.svelte-x4a800){margin-top:2rem}.tutorial-post.svelte-x4a800 h2:where(.svelte-x4a800){margin:0 0 .75rem;font-size:2rem;font-weight:700;line-height:1.2}.tutorial-post.svelte-x4a800 p:where(.svelte-x4a800){text-align:justify;margin:0 0 1rem;font-size:1.02rem}.tutorial-post.svelte-x4a800 ul:where(.svelte-x4a800),.tutorial-post.svelte-x4a800 ol:where(.svelte-x4a800){margin:0 0 0 1.5rem;padding-left:1rem}.tutorial-post.svelte-x4a800 li:where(.svelte-x4a800){margin-bottom:.5rem}.tutorial-post.svelte-x4a800 ul:where(.svelte-x4a800) ul:where(.svelte-x4a800){margin-top:.35rem}@media (width<=640px){.tutorial-post__hero.svelte-x4a800{margin-bottom:2rem}.tutorial-post__authors.svelte-x4a800{font-size:1rem}.tutorial-post.svelte-x4a800 h2:where(.svelte-x4a800){font-size:1.65rem}.tutorial-post.svelte-x4a800 p:where(.svelte-x4a800),.tutorial-post.svelte-x4a800 li:where(.svelte-x4a800){font-size:.98rem}}.poster.svelte-t2l93r{margin:var(--space-4) 0 0}.poster.svelte-t2l93r a:where(.svelte-t2l93r){color:var(--color-brand);font-weight:700}.poster.svelte-t2l93r img:where(.svelte-t2l93r){object-fit:contain;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-alt);width:100%;max-height:720px;display:block}.poster.svelte-t2l93r figcaption:where(.svelte-t2l93r){margin-top:var(--space-2);color:var(--color-text-soft);font-size:var(--fs-sm);text-align:center}