.reducer-and-context-lesson .rc-hint{margin:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.reducer-and-context-lesson .rc-demo{padding:var(--cf-space-200) var(--cf-space-300);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-300)}.reducer-and-context-lesson .rc-demo h3,.reducer-and-context-lesson .rc-demo h4{margin:var(--cf-space-100) 0;font-size:var(--cf-font-size-325)}.reducer-and-context-lesson .rc-demo p{margin:0 0 var(--cf-space-100)}.reducer-and-context-lesson .rc-demo ol,.reducer-and-context-lesson .rc-demo ul{margin:0 0 var(--cf-space-150);padding-left:var(--cf-space-400)}.reducer-and-context-lesson .rc-demo li{margin:var(--cf-space-050) 0}.reducer-and-context-lesson .rc-demo button{padding:var(--cf-space-050) var(--cf-space-200);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-275);cursor:pointer}.reducer-and-context-lesson .rc-demo button:hover{border-color:var(--cf-color-border-hover)}.reducer-and-context-lesson .rc-log{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);margin:0;padding:var(--cf-space-200) var(--cf-space-300);list-style:none;font-size:var(--cf-font-size-275)}.reducer-and-context-lesson .rc-log li{display:grid;grid-gap:var(--cf-space-050);gap:var(--cf-space-050);padding:var(--cf-space-100) var(--cf-space-200);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-100);background:var(--cf-color-surface);overflow-wrap:anywhere}.reducer-and-context-lesson .rc-log li:last-child{border-color:var(--cf-color-accent-border);background:var(--cf-color-accent-subtle)}.reducer-and-context-lesson .rc-empty{margin:0;padding:var(--cf-space-200) var(--cf-space-300);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.reducer-and-context-lesson .rc-renders{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);margin:0;padding:var(--cf-space-200) var(--cf-space-300);list-style:none}.reducer-and-context-lesson .rc-renders li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--cf-space-100);padding:var(--cf-space-100) var(--cf-space-200);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-100);background:var(--cf-color-surface);color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-275)}.reducer-and-context-lesson .rc-renders li[data-depth="1"]{margin-left:var(--cf-space-300)}.reducer-and-context-lesson .rc-renders li[data-depth="2"]{margin-left:var(--cf-space-600)}.reducer-and-context-lesson .rc-renders li.is-rendered{border-color:var(--cf-color-success-border);background:var(--cf-color-success-subtle);color:var(--cf-color-text)}.reducer-and-context-lesson .rc-renders code{font-size:var(--cf-font-size-275);overflow-wrap:anywhere}@media(max-width:560px){.reducer-and-context-lesson .rc-renders li[data-depth="2"]{margin-left:var(--cf-space-300)}}