#demo-library{scroll-margin-top:120px;padding-top:130px}.demo-library-shell{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.6fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--pale)}.demo-picker{padding:32px;background:#fff;border-right:1px solid var(--line)}.demo-picker select{width:100%;margin:8px 0 28px;min-height:48px}.demo-picker h3{font-size:30px;margin:12px 0}.walk-progress{padding-left:23px;margin:24px 0 30px;color:var(--muted);font-size:14px}.walk-progress li{padding:7px 0}.walk-progress li[aria-current]{color:var(--blue);font-weight:700}.demo-stage{padding:32px;min-width:0}.demo-stage-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;font-size:13px;color:var(--muted)}.demo-stage h3{font-size:30px;margin-bottom:14px}.walk-choices{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.walk-choice{background:#fff;border:1px solid #bdc9dc;border-radius:8px;min-height:48px;padding:12px 18px;text-align:left;font-size:15px}.walk-choice:hover{border-color:var(--blue)}.walk-choice[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}.walk-result{min-height:132px;border:1px dashed #bac8df;border-radius:12px;padding:24px;color:var(--muted);background:#fff;line-height:1.7}.walk-result.has-result{border-style:solid;border-left:4px solid var(--blue);color:var(--ink)}.walk-nav{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}.walk-nav button:disabled{opacity:.45;transform:none}.walk-media{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:start;margin-top:28px;padding:32px;border:1px solid var(--line);border-radius:18px}.walk-media h3{font-size:25px;margin:12px 0}.walk-media p{font-size:14px}.walk-media video{display:block;width:100%;aspect-ratio:16/9;border-radius:10px;background:#142441}.walk-media details{margin-top:20px;font-size:14px}.walk-media summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--blue)}.walk-media ol{padding-left:20px}.walk-media li{margin-bottom:12px;color:var(--muted)}@media(max-width:760px){#demo-library{padding-top:86px}.demo-library-shell,.walk-media{grid-template-columns:1fr}.demo-picker{border-right:0;border-bottom:1px solid var(--line)}.demo-picker,.demo-stage,.walk-media{padding:22px}.walk-progress{margin:16px 0}.demo-stage h3{font-size:26px}.walk-media{gap:22px}.walk-media video{grid-row:1}.walk-choice{flex:1 1 160px}.walk-result{min-height:150px}}@media(prefers-reduced-motion:reduce){#demo-library *{scroll-behavior:auto;transition:none}}