.render-and-commit-lesson .steps-hint{margin:0;padding:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.render-and-commit-lesson .steps-page{padding:var(--cf-space-250) var(--cf-space-350);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-150);background:var(--cf-color-surface);color:var(--cf-color-text);font-size:var(--cf-font-size-325)}.render-and-commit-lesson .steps-page section{margin:0;padding:0}.render-and-commit-lesson .steps-page h3{margin:0 0 var(--cf-space-100);font-size:var(--cf-font-size-350)}.render-and-commit-lesson .steps-page p{margin:var(--cf-space-100) 0;padding:0}.render-and-commit-lesson .steps-page button{margin:var(--cf-space-100) var(--cf-space-150) 0 0;padding:var(--cf-space-050) var(--cf-space-250);border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-100);background:var(--cf-color-surface-raised);color:var(--cf-color-text);font:inherit;font-size:var(--cf-font-size-300);cursor:pointer}.render-and-commit-lesson .steps-page button:hover{border-color:var(--cf-color-border-hover)}.render-and-commit-lesson .steps-list{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);margin:var(--cf-space-300) 0 0;padding:0;list-style:none;font-size:var(--cf-font-size-300)}.render-and-commit-lesson .steps-list li{display:grid;grid-gap:var(--cf-space-050);gap:var(--cf-space-050);margin:0;padding:var(--cf-space-100) var(--cf-space-200);border-left:3px solid var(--cf-color-border-strong);color:var(--cf-color-text-secondary)}.render-and-commit-lesson .steps-list li.is-commit,.render-and-commit-lesson .steps-list li.is-paint{border-left-color:var(--cf-color-accent);color:var(--cf-color-text)}.render-and-commit-lesson .steps-list code{font-size:var(--cf-font-size-275);overflow-wrap:anywhere}.render-and-commit-lesson .steps-chip{color:var(--cf-color-text);font-weight:var(--cf-font-weight-semibold)}