/* Walkthroughs page. */

.how-steps { margin: 0; padding: 22px 22px 22px 46px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); color: var(--dim); display: grid; gap: 10px; }
.how-steps strong { color: var(--text); }

.walkthrough { display: grid; gap: clamp(24px, 4vw, 48px); grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); align-items: start; }
.walkthrough-text h2 { font-size: clamp(1.5rem, 3vw, 2rem); }
.walkthrough-text p { color: var(--dim); }
.walkthrough-text .btn-row { margin-top: 18px; }
.walkthrough-demo { min-width: 0; }
.walkthrough-demo .code-view { max-height: 300px; }