.walkthrough{--walkthrough-paper:#f6f8fc;--walkthrough-ink:#131a2a;--walkthrough-blue:#3155e7;--walkthrough-rule:#cbd2df;box-sizing:border-box;color:var(--walkthrough-ink);background:var(--walkthrough-paper);border:1px solid var(--walkthrough-rule);overflow-wrap:anywhere;padding:clamp(1rem,4vw,3rem);font-size:1rem;line-height:1.6}.walkthrough *,.walkthrough :before,.walkthrough :after{box-sizing:border-box}.walkthrough__header{justify-content:space-between;align-items:start;gap:1.5rem;display:flex}.walkthrough__eyebrow,.walkthrough__position,.walkthrough__flow dt,.walkthrough__step-number{letter-spacing:.025em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8125rem}.walkthrough__eyebrow{color:var(--walkthrough-blue);margin:0 0 .75rem}.walkthrough h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:600;line-height:1.15}.walkthrough__disclosure{color:#4a556c;max-width:25rem;margin:0;font-size:1rem}.walkthrough__steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.5rem;margin:2rem 0;padding:0;list-style:none;display:grid}.walkthrough button{border:1px solid var(--walkthrough-rule);min-height:2.75rem;font:inherit;text-align:left;color:inherit;cursor:pointer;white-space:normal;overflow-wrap:anywhere;background:0 0;border-radius:0;padding:.75rem 1rem}.walkthrough button:focus-visible{outline:3px solid var(--walkthrough-blue);outline-offset:4px}.walkthrough button:hover:not(:disabled){background:#e5eaff}.walkthrough button:disabled{color:#636c7d;cursor:default;background:#edf0f5}.walkthrough__steps button{border-width:0 0 2px;align-items:baseline;gap:.75rem;width:100%;height:100%;display:flex}.walkthrough__steps button[aria-current=step]{color:var(--walkthrough-blue);border-color:var(--walkthrough-blue);background:#e5eaff}.walkthrough__step-number{flex:none}.walkthrough__position{color:#4a556c;margin:0 0 .5rem}.walkthrough h3{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:600;line-height:1.3}.walkthrough__description{max-width:65ch;margin:.75rem 0 1.5rem}.walkthrough__flow{border:1px solid var(--walkthrough-rule);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.walkthrough__flow>div{min-width:0;padding:1.25rem}.walkthrough__flow>div+div{border-left:1px solid var(--walkthrough-rule)}.walkthrough__flow dt{color:var(--walkthrough-blue);margin-bottom:1rem}.walkthrough__flow dd{white-space:pre-wrap;margin:0}.walkthrough__controls{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.walkthrough__controls .walkthrough__next:not(:disabled){color:#fff;background:var(--walkthrough-blue);border-color:var(--walkthrough-blue)}.walkthrough__controls .walkthrough__next:hover:not(:disabled){background:#2443c8}.walkthrough__controls .walkthrough__reset{margin-left:auto}@media (max-width:48rem){.walkthrough__header{flex-direction:column}.walkthrough__flow{grid-template-columns:minmax(0,1fr)}.walkthrough__flow>div+div{border-left:0;border-top:1px solid var(--walkthrough-rule)}}@media (prefers-reduced-motion:reduce){.walkthrough *,.walkthrough :before,.walkthrough :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}