.walkthrough:where(.astro-sx53wvpz){gap:1.25rem;margin-block:1.5rem;display:grid}.glance:where(.astro-sx53wvpz){grid-template-columns:repeat(auto-fit,minmax(min(100%,8.25rem),1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.glance:where(.astro-sx53wvpz) li:where(.astro-sx53wvpz){border:1px solid var(--sl-color-hairline);background:var(--surface,var(--sl-color-bg-nav));border-radius:.75rem;margin:0;padding:.7rem .85rem}.glance:where(.astro-sx53wvpz) strong:where(.astro-sx53wvpz){font-size:var(--sl-text-xl);letter-spacing:-.02em;background:var(--brand-gradient,var(--sl-color-text-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1.2;display:block}.glance:where(.astro-sx53wvpz) span:where(.astro-sx53wvpz){font-size:var(--sl-text-xs);color:var(--sl-color-gray-2);margin-top:.2rem;line-height:1.45;display:block}.walkthrough-stage:where(.astro-sx53wvpz){border:1px solid var(--sl-color-hairline);box-shadow:0 18px 40px -22px var(--glow,transparent);background:#272822;border-radius:.85rem;overflow:hidden}.walkthrough-player:where(.astro-sx53wvpz){background:#272822;min-height:8rem}.chapters:where(.astro-sx53wvpz){background:#1d1e19;border-top:1px solid #3a3b33;padding:0 .6rem .6rem}.chapters-track:where(.astro-sx53wvpz){background:#3a3b33;height:3px;margin:0 -.6rem .55rem}.chapters-fill:where(.astro-sx53wvpz){background:linear-gradient(90deg,#4f46e5,#7c3aed 55%,#0891b2);width:0;height:100%;transition:width .5s linear}.chapters-list:where(.astro-sx53wvpz){flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.chapters-list:where(.astro-sx53wvpz) li:where(.astro-sx53wvpz){margin:0}.chapters-list:where(.astro-sx53wvpz) button:where(.astro-sx53wvpz){color:#c9cbbf;font:500 var(--sl-text-xs) / 1.3 var(--sl-font);cursor:pointer;background:0 0;border:1px solid #3a3b33;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .6rem .25rem .3rem;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.chapters-list:where(.astro-sx53wvpz) button:where(.astro-sx53wvpz) span:where(.astro-sx53wvpz){color:#f8f8f2;background:#3a3b33;border-radius:999px;place-items:center;width:1.25rem;height:1.25rem;font-size:.7rem;font-weight:700;display:inline-grid}.chapters-list:where(.astro-sx53wvpz) button:where(.astro-sx53wvpz):hover{color:#fff;border-color:#7c3aed}.chapters-list:where(.astro-sx53wvpz) button:where(.astro-sx53wvpz)[aria-current]{color:#fff;background:#7c3aed;border-color:#0000}.chapters-list:where(.astro-sx53wvpz) button:where(.astro-sx53wvpz)[aria-current] span:where(.astro-sx53wvpz){color:#4f46e5;background:#fff}.chapters-list:where(.astro-sx53wvpz) button:where(.astro-sx53wvpz):focus-visible{outline-offset:2px;outline:2px solid #a78bfa}.walkthrough-steps:where(.astro-sx53wvpz){gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.walkthrough-steps:where(.astro-sx53wvpz)>li:where(.astro-sx53wvpz){border:1px solid var(--sl-color-hairline);background:var(--surface,var(--sl-color-bg-nav));border-radius:.75rem;margin:0;transition:border-color .2s,box-shadow .2s}.walkthrough-steps:where(.astro-sx53wvpz)>li:where(.astro-sx53wvpz):hover{border-color:color-mix(in srgb, var(--sl-color-accent) 45%, var(--sl-color-hairline))}.walkthrough-steps:where(.astro-sx53wvpz)>li:where(.astro-sx53wvpz).is-active{border-color:var(--sl-color-accent);box-shadow:0 0 0 1px var(--sl-color-accent)}.walkthrough:where(.astro-sx53wvpz) details:where(.astro-sx53wvpz){background:0 0;border:0;margin:0;padding:0}.walkthrough:where(.astro-sx53wvpz) summary:where(.astro-sx53wvpz){cursor:pointer;padding:.7rem .9rem;list-style:none;display:block}.walkthrough:where(.astro-sx53wvpz) summary:where(.astro-sx53wvpz):before,.walkthrough:where(.astro-sx53wvpz) summary:where(.astro-sx53wvpz):after{content:none!important;display:none!important}.walkthrough:where(.astro-sx53wvpz) summary:where(.astro-sx53wvpz)::-webkit-details-marker,.walkthrough:where(.astro-sx53wvpz) summary:where(.astro-sx53wvpz)::marker{content:"";display:none}.walkthrough-row:where(.astro-sx53wvpz){grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;display:grid}.walkthrough-num:where(.astro-sx53wvpz){background:var(--sl-color-accent-low);width:1.85rem;height:1.85rem;color:var(--sl-color-accent-high);font-weight:700;font-size:var(--sl-text-sm);border-radius:.55rem;place-items:center;display:inline-grid}.is-active:where(.astro-sx53wvpz) .walkthrough-num:where(.astro-sx53wvpz){background:var(--brand-gradient,var(--sl-color-accent));color:#fff}.walkthrough-head:where(.astro-sx53wvpz){gap:.2rem;min-width:0;display:grid}.walkthrough-title:where(.astro-sx53wvpz){color:var(--sl-color-white);font-weight:600}.walkthrough-say:where(.astro-sx53wvpz){color:var(--sl-color-gray-2);font-size:var(--sl-text-sm);line-height:1.45}.walkthrough-quote:where(.astro-sx53wvpz){font-style:italic}.walkthrough-say:where(.astro-sx53wvpz).is-none{color:var(--sl-color-gray-3);font-style:normal}.walkthrough-run:where(.astro-sx53wvpz){min-width:0;color:var(--sl-color-text-accent);align-items:baseline;gap:.4rem;font-weight:700;display:flex}.walkthrough-run:where(.astro-sx53wvpz) code:where(.astro-sx53wvpz){font-size:var(--sl-text-xs);overflow-wrap:anywhere;font-weight:500}.walkthrough-time:where(.astro-sx53wvpz){font-variant-numeric:tabular-nums;font-size:var(--sl-text-sm);color:var(--sl-color-gray-2);white-space:nowrap;justify-items:end;display:grid}.walkthrough-part:where(.astro-sx53wvpz){margin:1rem 0 .25rem;padding:0 .25rem;background:0 0!important;border:0!important}.walkthrough-part:where(.astro-sx53wvpz):first-child{margin-top:0}.walkthrough-part:where(.astro-sx53wvpz) h3:where(.astro-sx53wvpz){font-size:var(--sl-text-lg);margin:0}.walkthrough-part:where(.astro-sx53wvpz) p:where(.astro-sx53wvpz){color:var(--sl-color-gray-3);font-size:var(--sl-text-sm);margin:.15rem 0 0}.chapters-part:where(.astro-sx53wvpz){color:#8b8fb8;font:700 .65rem/1 var(--sl-font);text-transform:uppercase;letter-spacing:.08em;align-items:center;min-width:3.4rem;margin:0 .15rem 0 0;display:inline-flex}.chapters-break:where(.astro-sx53wvpz){flex-basis:100%;height:0;margin:0}.walkthrough-body:where(.astro-sx53wvpz){gap:.75rem;padding:0 .9rem .9rem 3.5rem;display:grid}.walkthrough-body:where(.astro-sx53wvpz) section:where(.astro-sx53wvpz){margin:0}.walkthrough-body:where(.astro-sx53wvpz) h4:where(.astro-sx53wvpz){font-size:var(--sl-text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--sl-color-gray-3);margin:0 0 .25rem}.walkthrough-body:where(.astro-sx53wvpz) p:where(.astro-sx53wvpz),.walkthrough-body:where(.astro-sx53wvpz) ul:where(.astro-sx53wvpz){margin:0}.walkthrough-body:where(.astro-sx53wvpz) pre:where(.astro-sx53wvpz){background:var(--sl-color-gray-6);font-size:var(--sl-text-xs);border-radius:.5rem;margin:.25rem 0 0;padding:.6rem .75rem;overflow-x:auto}.walkthrough-body:where(.astro-sx53wvpz) .walkthrough-shot{border:1px solid var(--sl-color-hairline);border-radius:.6rem;width:100%;max-width:36rem;height:auto;margin-top:.6rem;display:block}.walkthrough-links:where(.astro-sx53wvpz){flex-wrap:wrap;gap:.25rem 1rem;padding:0;list-style:none;display:flex}.walkthrough-links:where(.astro-sx53wvpz) li:where(.astro-sx53wvpz){margin:0}@media (width<=40rem){.chapters-list:where(.astro-sx53wvpz){scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap;padding-bottom:.1rem;overflow-x:auto}.chapters-list:where(.astro-sx53wvpz)::-webkit-scrollbar{display:none}.chapters-list:where(.astro-sx53wvpz) li:where(.astro-sx53wvpz){scroll-snap-align:start;flex:none}.chapters-break:where(.astro-sx53wvpz){display:none}.chapters-part:where(.astro-sx53wvpz){min-width:0;margin-left:.4rem}.chapters-part:where(.astro-sx53wvpz):first-child{margin-left:0}.glance:where(.astro-sx53wvpz) li:where(.astro-sx53wvpz):last-child:nth-child(odd){grid-column:1/-1}.walkthrough-row:where(.astro-sx53wvpz){grid-template-columns:auto 1fr}.walkthrough-time:where(.astro-sx53wvpz){grid-column:2;justify-items:start}.walkthrough-body:where(.astro-sx53wvpz){padding-left:.9rem}}