.walkthrough{margin:1.6rem 0;padding:1.3rem;border:1px solid #d9d0bc;border-radius:18px;background:#fcfaf4;min-width:0}.walkthrough h2{font-size:1.45rem;margin:.5rem 0 1rem}.walk-scope,.walk-sources{font-size:.85rem;color:#53616a;line-height:1.7}.walk-image{overflow-x:auto;border:1px solid #d9d0bc;border-radius:12px;background:#faf8f0}.walk-image img{display:block;width:100%;min-width:650px;height:auto}.walk-controls{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin:1rem 0}.walk-controls button{padding:.55rem .8rem;border:1px solid #c8bdad;background:#fffdf7;border-radius:8px;color:#283442;cursor:pointer;font:inherit;font-size:.85rem}.walk-controls button:disabled{opacity:.4;cursor:default}.walk-controls button[aria-pressed=true]{background:#e7e0f0;border-color:#7653aa}.walk-controls label{display:flex;gap:.5rem;align-items:center;font-size:.85rem}.walk-controls input{width:130px;accent-color:#7653aa}.walk-controls a{font-size:.85rem}.walkthrough [data-walk-status]{min-height:12rem}.walkthrough [data-walk-status] h3{font-size:1.1rem}.walkthrough p{line-height:1.8}.walk-question{border-left:4px solid #007b86;padding:.7rem 1rem;background:#edf4f2}.walk-question details{margin-top:.7rem}.walk-sources a{overflow-wrap:anywhere}.walkthrough figure{margin:1.3rem 0;break-inside:avoid}.walkthrough figure img{width:100%;height:auto}.walkthrough button:focus-visible,.walkthrough input:focus-visible{outline:3px solid #7653aa;outline-offset:3px}@media(max-width:600px){.walkthrough{padding:.9rem}.walkthrough [data-walk-status]{min-height:0}.walk-controls{gap:.6rem}.walk-controls label{width:100%}.walk-controls input{flex:1}}@media print{.walkthrough{border-color:#888;background:white}.walkthrough figure{page-break-inside:avoid}.walk-sources{font-size:10pt}}@media(prefers-reduced-motion:reduce){.walkthrough *{animation:none!important;transition:none!important}}