.grid-guide[data-astro-cid-lt3c3ukl] section[data-astro-cid-lt3c3ukl][id]{scroll-margin-top:6rem}.guide-intro[data-astro-cid-lt3c3ukl]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem 2.5rem;align-items:start;margin-block-end:2.25rem;padding-block-end:2.25rem;border-block-end:1px solid var(--color-border)}.guide-intro-copy[data-astro-cid-lt3c3ukl]{min-width:0}.guide-intro[data-astro-cid-lt3c3ukl] .lede[data-astro-cid-lt3c3ukl]{margin-block-end:0}.guide-preview[data-astro-cid-lt3c3ukl]{margin:.25rem 0 0}.guide-preview-canvas[data-astro-cid-lt3c3ukl]{padding:.65rem;border:1px solid var(--color-canvas-border);border-radius:10px;background:var(--color-canvas)}.guide-preview-canvas[data-astro-cid-lt3c3ukl] css-doodle[data-astro-cid-lt3c3ukl]{display:block;width:11rem!important;height:11rem!important;color:var(--color-canvas-fg);cursor:pointer}.guide-preview[data-astro-cid-lt3c3ukl] figcaption[data-astro-cid-lt3c3ukl]{margin-block-start:.5rem;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.3;text-align:center}.step-kicker[data-astro-cid-lt3c3ukl],.finish-label[data-astro-cid-lt3c3ukl]{color:var(--color-primary);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tutorial-step[data-astro-cid-lt3c3ukl]{position:relative;margin-block:0 3rem;padding-inline-start:3.5rem}.tutorial-step[data-astro-cid-lt3c3ukl]:before{position:absolute;inset-block:2rem -3rem;inset-inline-start:1rem;width:1px;background:linear-gradient(var(--color-border-strong),var(--color-border));content:""}.tutorial-step[data-astro-cid-lt3c3ukl]#selection:before{inset-block-end:0;background:linear-gradient(var(--color-border-strong),transparent)}.step-kicker[data-astro-cid-lt3c3ukl]{display:flex;align-items:center;gap:.55rem;margin-block:0 .25rem}.step-kicker[data-astro-cid-lt3c3ukl] span[data-astro-cid-lt3c3ukl]{position:absolute;inset-block-start:-.15rem;inset-inline-start:0;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid color-mix(in srgb,var(--color-primary) 35%,transparent);border-radius:50%;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-bg));box-shadow:0 0 0 .35rem var(--color-bg);font-family:var(--font-mono);font-size:var(--text-xs)}.step-kicker[data-astro-cid-lt3c3ukl]+h2[data-astro-cid-lt3c3ukl]{margin-block-start:0;padding-block-start:0;border-block-start:0}.finish-card[data-astro-cid-lt3c3ukl]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:center;margin-block:1.75rem 0;padding:1.4rem;border:1px solid color-mix(in srgb,var(--color-primary) 35%,var(--color-border));border-radius:12px;background:var(--color-accent-tint)}.finish-card[data-astro-cid-lt3c3ukl] h3[data-astro-cid-lt3c3ukl]{margin-block:.15rem .45rem}.finish-card[data-astro-cid-lt3c3ukl] p[data-astro-cid-lt3c3ukl]{margin-block-end:0}.finish-card[data-astro-cid-lt3c3ukl]>a[data-astro-cid-lt3c3ukl]{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem .9rem;border:1px solid var(--color-primary-fill);border-radius:var(--radius);background:var(--color-primary-fill);color:var(--color-primary-on-fill);font-size:var(--text-sm);font-weight:600;white-space:nowrap;text-decoration:none;transition:background-color .15s,transform .15s}.finish-card[data-astro-cid-lt3c3ukl]>a[data-astro-cid-lt3c3ukl]:hover,.finish-card[data-astro-cid-lt3c3ukl]>a[data-astro-cid-lt3c3ukl]:focus-visible{color:var(--color-primary-on-fill);background:color-mix(in srgb,var(--color-primary-fill) 84%,var(--color-bg));transform:translateY(-1px)}@media(max-width:55.625em){.guide-intro[data-astro-cid-lt3c3ukl]{grid-template-columns:1fr}.guide-preview[data-astro-cid-lt3c3ukl]{display:none}}@media(max-width:42.5em){.finish-card[data-astro-cid-lt3c3ukl]{grid-template-columns:1fr}.tutorial-step[data-astro-cid-lt3c3ukl]{margin-block-end:2.5rem;padding-inline-start:0}.tutorial-step[data-astro-cid-lt3c3ukl]:before{display:none}.step-kicker[data-astro-cid-lt3c3ukl]{gap:.6rem}.step-kicker[data-astro-cid-lt3c3ukl] span[data-astro-cid-lt3c3ukl]{position:static;width:1.8rem;height:1.8rem;box-shadow:none}.finish-card[data-astro-cid-lt3c3ukl]{align-items:start}.finish-card[data-astro-cid-lt3c3ukl]>a[data-astro-cid-lt3c3ukl]{justify-content:center;white-space:normal}}@media(prefers-reduced-motion:reduce){.finish-card[data-astro-cid-lt3c3ukl]>a[data-astro-cid-lt3c3ukl]{transition:none}.finish-card[data-astro-cid-lt3c3ukl]>a[data-astro-cid-lt3c3ukl]:hover,.finish-card[data-astro-cid-lt3c3ukl]>a[data-astro-cid-lt3c3ukl]:focus-visible{transform:none}}