.docs-walkthrough{margin:18px 0 24px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--card);color:var(--ink)}
.docs-walkthrough-visual{aspect-ratio:9/4;background:var(--paper-2);overflow:hidden}
.docs-walkthrough-visual>svg{display:block;width:100%;height:100%}
.docs-walkthrough-controls{display:flex;align-items:center;gap:10px;min-height:38px;padding:3px 10px;border-top:1px solid var(--line);font-size:12px}
#docs-app .docs-walkthrough-play{min-width:44px;min-height:30px;padding:3px 6px;border:0;border-radius:3px;background:transparent;font-size:12px;color:var(--ink-2)}
#docs-app .docs-walkthrough-play:hover:not(:disabled){background:var(--paper-2);color:var(--gold-deep)}
#docs-app .docs-walkthrough button:disabled{cursor:default}
.docs-walkthrough-progress{flex:1;min-width:45px;height:24px;margin:0;accent-color:var(--gold-deep);cursor:pointer}
.docs-walkthrough-position{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px;color:var(--ink-3)}
.docs-walkthrough-kind{font-size:11px;white-space:nowrap;color:var(--ink-3)}
.docs-walkthrough-notes{border-top:1px solid var(--line);font-size:14px;line-height:1.7}
.docs-walkthrough-notes>summary{padding:6px 12px;font-size:12px;color:var(--ink-2);cursor:pointer}
.docs-content .docs-walkthrough-panels{margin:4px 16px 14px;padding-left:20px}
.docs-walkthrough-panels>li{padding:4px 0 10px}
.docs-content .docs-walkthrough-panels>li>p{margin:4px 0}
#docs-app .docs-walkthrough-step{border:0;padding:0;background:none;color:var(--ink);text-align:left;font:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
#docs-app .docs-walkthrough-step[aria-current]{color:var(--gold-deep)}
.docs-walkthrough-zoom{font-size:12px}
@media(max-width:600px){.docs-walkthrough-controls{gap:6px;padding-inline:6px}.docs-walkthrough-kind{font-size:10px}.docs-content .docs-walkthrough-panels{margin-inline:12px}}