.walkthrough:where(.astro-5jfwamm7){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg-nav);border-radius:.75rem;margin-block:1.5rem;display:block;overflow:hidden}.walkthrough-header:where(.astro-5jfwamm7){border-bottom:1px solid var(--sl-color-gray-5);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.15rem;display:flex}.walkthrough-header:where(.astro-5jfwamm7)>div:where(.astro-5jfwamm7):first-child{flex:1;min-width:0}.walkthrough-header:where(.astro-5jfwamm7) h4:where(.astro-5jfwamm7),.step-detail:where(.astro-5jfwamm7) h5:where(.astro-5jfwamm7){margin:0}.walkthrough-header:where(.astro-5jfwamm7) p:where(.astro-5jfwamm7){color:var(--sl-color-gray-2);font-size:var(--sl-text-sm);margin:.25rem 0 0}.scenario-picker:where(.astro-5jfwamm7){flex:none;grid-template-columns:repeat(3,minmax(5.75rem,1fr));align-items:stretch;gap:.5rem;display:grid}.scenario-picker:where(.astro-5jfwamm7) button:where(.astro-5jfwamm7),.walkthrough-actions:where(.astro-5jfwamm7) button:where(.astro-5jfwamm7){border:1px solid var(--sl-color-gray-5);color:var(--sl-color-text);background:var(--sl-color-bg);font:inherit;font-size:var(--sl-text-sm);cursor:pointer;border-radius:.4rem;padding:.38rem .68rem}.scenario-picker:where(.astro-5jfwamm7) button:where(.astro-5jfwamm7){text-align:center;white-space:nowrap;place-items:center;min-width:0;min-height:2.75rem;margin:0;padding:.5rem .7rem;line-height:1.15;display:grid}.scenario-picker:where(.astro-5jfwamm7) button:where(.astro-5jfwamm7)[aria-pressed=true]{color:var(--sl-color-black);border-color:var(--sl-color-text-accent);background:var(--sl-color-text-accent);font-weight:700}.request:where(.astro-5jfwamm7){background:var(--sl-color-gray-6);align-items:center;gap:.65rem;padding:.7rem 1.15rem;display:flex}.request:where(.astro-5jfwamm7) span:where(.astro-5jfwamm7){color:var(--sl-color-gray-2);font-size:var(--sl-text-xs);text-transform:uppercase;letter-spacing:.08em}.request:where(.astro-5jfwamm7) code:where(.astro-5jfwamm7){color:var(--sl-color-text-accent);font-weight:700}.scenario-context:where(.astro-5jfwamm7){grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding:1rem 1.15rem 0;display:grid}.scenario-context:where(.astro-5jfwamm7)[hidden]{display:none}.context-card:where(.astro-5jfwamm7){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg);border-radius:.5rem;align-content:start;gap:.45rem;min-width:0;margin:0;padding:.75rem;display:grid}.context-card:where(.astro-5jfwamm7)[hidden]{display:none}.context-card:where(.astro-5jfwamm7) span:where(.astro-5jfwamm7){color:var(--sl-color-gray-2);font-size:var(--sl-text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:800}.context-card:where(.astro-5jfwamm7) code:where(.astro-5jfwamm7){overflow-wrap:anywhere;color:var(--sl-color-text);font-size:var(--sl-text-xs);white-space:pre-wrap;line-height:1.55}.input-card:where(.astro-5jfwamm7){border-top:3px solid var(--sl-color-blue)}.database-card:where(.astro-5jfwamm7){border-top:3px solid var(--sl-color-purple)}.outcome-card:where(.astro-5jfwamm7){border-top:3px solid var(--sl-color-text-accent)}.step-map:where(.astro-5jfwamm7){gap:0;padding:1rem 1.15rem 0;display:flex;overflow-x:auto}.step-map:where(.astro-5jfwamm7) button:where(.astro-5jfwamm7){min-width:4.25rem;color:var(--sl-color-gray-3);cursor:pointer;background:0 0;border:0;flex:1;justify-items:center;gap:.3rem;margin:0;display:grid;position:relative}.step-map:where(.astro-5jfwamm7) button:where(.astro-5jfwamm7):not(:last-child):after{content:"";background:var(--sl-color-gray-5);width:calc(100% - 2rem);height:2px;position:absolute;top:.8rem;left:calc(50% + 1rem)}.step-map:where(.astro-5jfwamm7) button:where(.astro-5jfwamm7) span:where(.astro-5jfwamm7){z-index:1;border:2px solid var(--sl-color-gray-5);background:var(--sl-color-bg);width:1.65rem;height:1.65rem;font-size:var(--sl-text-xs);border-radius:50%;place-items:center;font-weight:700;display:grid}.step-map:where(.astro-5jfwamm7) button:where(.astro-5jfwamm7) small:where(.astro-5jfwamm7){white-space:nowrap;font-size:.67rem}.step-map:where(.astro-5jfwamm7) button:where(.astro-5jfwamm7).active,.step-map:where(.astro-5jfwamm7) button:where(.astro-5jfwamm7).visited{color:var(--sl-color-text-accent)}.step-map:where(.astro-5jfwamm7) button:where(.astro-5jfwamm7).active span:where(.astro-5jfwamm7){color:var(--sl-color-black);border-color:var(--sl-color-text-accent);background:var(--sl-color-text-accent)}.step-map:where(.astro-5jfwamm7) button:where(.astro-5jfwamm7).visited:not(:last-child):after{background:var(--sl-color-text-accent)}.step-detail:where(.astro-5jfwamm7){border-inline-start:4px solid var(--sl-color-text-accent);background:var(--sl-color-bg);border-radius:0 .5rem .5rem 0;min-height:10rem;margin:1rem 1.15rem;padding:1.1rem}.step-meta:where(.astro-5jfwamm7){justify-content:space-between;gap:1rem;margin-bottom:.65rem;display:flex}.layer-badge:where(.astro-5jfwamm7){color:var(--sl-color-text-accent);font-size:var(--sl-text-xs);letter-spacing:.07em;text-transform:uppercase;font-weight:800}.counter:where(.astro-5jfwamm7){color:var(--sl-color-gray-3);font-size:var(--sl-text-xs)}.step-detail:where(.astro-5jfwamm7) p:where(.astro-5jfwamm7){margin-bottom:0}.step-code:where(.astro-5jfwamm7){background:var(--sl-color-gray-6);border-radius:.35rem;margin-top:.8rem;padding:.55rem .7rem;display:block;overflow-x:auto}.walkthrough-actions:where(.astro-5jfwamm7){grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:0 1.15rem 1.1rem;display:grid}.walkthrough-actions:where(.astro-5jfwamm7) button:where(.astro-5jfwamm7):disabled{opacity:.45;cursor:not-allowed}.progress:where(.astro-5jfwamm7){background:var(--sl-color-gray-5);border-radius:999px;height:4px;overflow:hidden}.progress:where(.astro-5jfwamm7) span:where(.astro-5jfwamm7){background:var(--sl-color-text-accent);height:100%;transition:width .2s;display:block}@media (width<=40rem){.walkthrough-header:where(.astro-5jfwamm7){flex-direction:column}.scenario-picker:where(.astro-5jfwamm7){grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.scenario-context:where(.astro-5jfwamm7){grid-template-columns:1fr}.step-detail:where(.astro-5jfwamm7){min-height:12rem}.walkthrough-actions:where(.astro-5jfwamm7){gap:.5rem}}concept-walkthrough .step-map button{min-width:4.25rem;color:var(--sl-color-gray-3);cursor:pointer;background:0 0;border:0;flex:1;justify-items:center;gap:.3rem;margin:0;display:grid;position:relative}concept-walkthrough .step-map button:not(:last-child):after{content:"";background:var(--sl-color-gray-5);width:calc(100% - 2rem);height:2px;position:absolute;top:.8rem;left:calc(50% + 1rem)}concept-walkthrough .step-map button span{z-index:1;border:2px solid var(--sl-color-gray-5);background:var(--sl-color-bg);width:1.65rem;height:1.65rem;font-size:var(--sl-text-xs);border-radius:50%;place-items:center;font-weight:700;display:grid}concept-walkthrough .step-map button small{white-space:nowrap;font-size:.67rem}concept-walkthrough .step-map button.active,concept-walkthrough .step-map button.visited{color:var(--sl-color-text-accent)}concept-walkthrough .step-map button.active span{color:var(--sl-color-black);border-color:var(--sl-color-text-accent);background:var(--sl-color-text-accent)}concept-walkthrough .step-map button.visited:not(:last-child):after{background:var(--sl-color-text-accent)}