.notebook-walkthrough{margin:0;min-width:0}
.walkthrough-stage{aspect-ratio:8/5;border:1px solid #ced7c6;border-radius:9px;overflow:hidden;background:#f4f8f3;box-shadow:0 10px 28px #34412b05,0 25px 60px #34412b04}
.walkthrough-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#f4f8f3}
.notebook-walkthrough figcaption{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 2px 0;color:var(--secondary);font-size:10px;line-height:1.7}
.walkthrough-kicker{display:block;color:var(--ink);font-size:9px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:3px}
.walkthrough-controls{display:flex;gap:10px;align-items:center;flex-shrink:0}
.walkthrough-controls button{min-height:44px;padding:9px 15px;border:1px solid var(--line);border-radius:4px;font-size:10px}
#walkthrough-toggle{background:var(--ink);border-color:var(--ink);color:#fffef8}
.walkthrough-controls button:hover{box-shadow:0 2px 10px #263a2f0c}
.walkthrough-stage:fullscreen{display:grid;place-items:center;padding:20px;background:var(--paper);border:0;border-radius:0;aspect-ratio:auto}
.walkthrough-stage:fullscreen video{max-height:calc(100dvh - 40px);object-fit:contain}
.saved-sample{margin-top:26px;border-top:1px solid var(--line);padding-top:16px}
.saved-sample>summary{font-size:11px;min-height:40px;align-content:center;color:var(--secondary)}
.saved-sample[open]>.notebook-demo{margin-top:18px}
@media(max-width:600px){.walkthrough-stage{border-radius:6px}.notebook-walkthrough figcaption{align-items:stretch;flex-direction:column;gap:12px;padding-top:15px;font-size:10px}.walkthrough-controls{justify-content:flex-start;flex-wrap:wrap}.walkthrough-controls button{font-size:11px}.walkthrough-kicker{font-size:9px}}