.grid-guide[data-astro-cid-lt3c3ukl] section[data-astro-cid-lt3c3ukl][id]{scroll-margin-top:6rem}.guide-intro[data-astro-cid-lt3c3ukl]{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem 2rem;margin:-.5rem 0 2.75rem;padding:1.75rem;overflow:hidden;border:1px solid var(--color-border);border-radius:14px;background:linear-gradient(color-mix(in srgb,var(--color-border) 45%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-border) 45%,transparent) 1px,transparent 1px),radial-gradient(circle at 88% 20%,color-mix(in srgb,var(--color-primary) 14%,transparent),transparent 14rem),var(--color-surface);background-size:2rem 2rem,2rem 2rem,auto,auto}.guide-intro[data-astro-cid-lt3c3ukl]:after{position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px color-mix(in srgb,white 40%,transparent);content:""}.guide-intro[data-astro-cid-lt3c3ukl] h1[data-astro-cid-lt3c3ukl]{position:relative;max-width:32rem}.guide-intro[data-astro-cid-lt3c3ukl] .lede[data-astro-cid-lt3c3ukl]{margin-block-end:1.25rem;max-width:34rem}.guide-intro-copy[data-astro-cid-lt3c3ukl]{align-self:center;min-width:0}.guide-preview[data-astro-cid-lt3c3ukl]{position:relative;z-index:1;align-self:center;margin:0}.guide-preview-canvas[data-astro-cid-lt3c3ukl]{padding:.65rem;border:1px solid var(--color-canvas-border);border-radius:10px;background:var(--color-canvas);box-shadow:var(--shadow-pop)}.guide-preview-canvas[data-astro-cid-lt3c3ukl] css-doodle[data-astro-cid-lt3c3ukl]{display:block;width:12rem!important;height:12rem!important;color:var(--color-canvas-fg);cursor:pointer}.guide-preview[data-astro-cid-lt3c3ukl] figcaption[data-astro-cid-lt3c3ukl]{display:flex;justify-content:space-between;gap:1rem;margin-block-start:.55rem;color:var(--color-text-muted);font-size:.68rem;line-height:1.3}.guide-preview[data-astro-cid-lt3c3ukl] figcaption[data-astro-cid-lt3c3ukl] strong[data-astro-cid-lt3c3ukl]{color:var(--color-text);font-weight:600}.guide-map[data-astro-cid-lt3c3ukl]{position:relative;z-index:1;grid-column:1 / -1;padding-block-start:1rem;border-block-start:1px solid var(--color-border)}.guide-map[data-astro-cid-lt3c3ukl]>span[data-astro-cid-lt3c3ukl]{display:block;margin-block-end:.55rem;color:var(--color-text-muted);font-size:.67rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.guide-map[data-astro-cid-lt3c3ukl] ol[data-astro-cid-lt3c3ukl]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;max-width:none;margin:0;padding:0;list-style:none}.guide-map[data-astro-cid-lt3c3ukl] a[data-astro-cid-lt3c3ukl]{display:flex;align-items:center;gap:.4rem;min-width:0;padding:.5rem .55rem;border:1px solid transparent;border-radius:var(--radius);color:var(--color-text-muted);font-size:.72rem;font-weight:600;line-height:1.2;text-decoration:none;transition:color .15s,border-color .15s,background-color .15s}.guide-map[data-astro-cid-lt3c3ukl] a[data-astro-cid-lt3c3ukl]:hover,.guide-map[data-astro-cid-lt3c3ukl] a[data-astro-cid-lt3c3ukl]:focus-visible{border-color:var(--color-border);border-bottom-color:var(--color-border);background:var(--color-hover-bg);color:var(--color-text)}.guide-map[data-astro-cid-lt3c3ukl] b[data-astro-cid-lt3c3ukl]{flex:0 0 auto;color:var(--color-primary);font-family:var(--font-mono);font-size:.62rem}.guide-kicker[data-astro-cid-lt3c3ukl],.step-kicker[data-astro-cid-lt3c3ukl],.finish-label[data-astro-cid-lt3c3ukl]{color:var(--color-primary);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.guide-kicker[data-astro-cid-lt3c3ukl]{margin-block-end:.45rem}.guide-actions[data-astro-cid-lt3c3ukl]{display:flex;flex-wrap:wrap;gap:.65rem}.guide-actions[data-astro-cid-lt3c3ukl] .guide-action[data-astro-cid-lt3c3ukl]{display:inline-flex;align-items:center;justify-content:center;min-height:2.65rem;padding:.55rem 1rem;border:1px solid var(--color-border-strong);border-radius:var(--radius);color:var(--color-text);font-weight:600;line-height:1.2;text-decoration:none;transition:border-color .15s,background-color .15s,transform .15s}.guide-actions[data-astro-cid-lt3c3ukl] .guide-action[data-astro-cid-lt3c3ukl]:hover,.guide-actions[data-astro-cid-lt3c3ukl] .guide-action[data-astro-cid-lt3c3ukl]:focus-visible{border-color:var(--color-primary);background:var(--color-hover-bg);transform:translateY(-1px)}.guide-actions[data-astro-cid-lt3c3ukl] .guide-action-primary[data-astro-cid-lt3c3ukl]{border-color:var(--color-primary-fill);background:var(--color-primary-fill);color:var(--color-primary-on-fill)}.guide-actions[data-astro-cid-lt3c3ukl] .guide-action-primary[data-astro-cid-lt3c3ukl]:hover,.guide-actions[data-astro-cid-lt3c3ukl] .guide-action-primary[data-astro-cid-lt3c3ukl]:focus-visible{color:var(--color-primary-on-fill);background:color-mix(in srgb,var(--color-primary-fill) 88%,black)}.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:.65rem}.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:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--color-primary) 14%,transparent),transparent 13rem),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:.86rem;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) 88%,black);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}.guide-map[data-astro-cid-lt3c3ukl] ol[data-astro-cid-lt3c3ukl]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:42.5em){.guide-intro[data-astro-cid-lt3c3ukl]{gap:1.25rem;margin-block-end:2.25rem;padding:1.15rem}.guide-actions[data-astro-cid-lt3c3ukl],.finish-card[data-astro-cid-lt3c3ukl]{grid-template-columns:1fr}.guide-actions[data-astro-cid-lt3c3ukl]{display:grid}.guide-map[data-astro-cid-lt3c3ukl]{overflow-x:auto;padding-block-end:.2rem}.guide-map[data-astro-cid-lt3c3ukl] ol[data-astro-cid-lt3c3ukl]{display:flex;width:max-content}.guide-map[data-astro-cid-lt3c3ukl] a[data-astro-cid-lt3c3ukl]{padding-inline:.65rem}.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){.guide-action[data-astro-cid-lt3c3ukl],.finish-card[data-astro-cid-lt3c3ukl]>a[data-astro-cid-lt3c3ukl]{transition:none}.guide-action[data-astro-cid-lt3c3ukl]:hover,.guide-action[data-astro-cid-lt3c3ukl]:focus-visible,.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}}