.thinking-in-react-lesson .tr-hint{margin:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.thinking-in-react-lesson .tr-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);overflow-x:auto}.thinking-in-react-lesson .tr-demo form{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);margin-bottom:var(--cf-space-200)}.thinking-in-react-lesson .tr-demo input[type=text]{max-width:14rem;padding:var(--cf-space-050) var(--cf-space-150);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}.thinking-in-react-lesson .tr-demo table{border-collapse:collapse}.thinking-in-react-lesson .tr-demo caption{padding-bottom:var(--cf-space-100);text-align:left}.thinking-in-react-lesson .tr-demo td,.thinking-in-react-lesson .tr-demo th{padding:var(--cf-space-050) var(--cf-space-300) var(--cf-space-050) 0;text-align:left}.thinking-in-react-lesson .tr-demo tbody th{padding-top:var(--cf-space-200)}.thinking-in-react-lesson .tr-part.is-picked{outline:2px solid var(--cf-color-accent-border);outline-offset:2px;background:var(--cf-color-accent-subtle)}.thinking-in-react-lesson .tr-tree{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}.thinking-in-react-lesson .tr-tree li[data-depth="1"]{padding-left:var(--cf-space-400)}.thinking-in-react-lesson .tr-tree li[data-depth="2"]{padding-left:var(--cf-space-800)}.thinking-in-react-lesson .tr-tree 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);color:var(--cf-color-text);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-275);cursor:pointer}.thinking-in-react-lesson .tr-tree button[aria-pressed=true]{border-color:var(--cf-color-accent-border);background:var(--cf-color-accent-subtle);font-weight:var(--cf-font-weight-semibold)}.thinking-in-react-lesson .tr-questions{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);margin:0;padding:var(--cf-space-200) var(--cf-space-300);list-style:none;font-size:var(--cf-font-size-300)}.thinking-in-react-lesson .tr-questions li{display:grid;grid-gap:var(--cf-space-050);gap:var(--cf-space-050);padding:var(--cf-space-150) var(--cf-space-200);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-100);background:var(--cf-color-surface)}.thinking-in-react-lesson .tr-questions li.is-yes{border-color:var(--cf-color-accent-border);background:var(--cf-color-accent-subtle)}.thinking-in-react-lesson .tr-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)}.thinking-in-react-lesson .tr-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}.thinking-in-react-lesson .tr-log li:last-child{border-color:var(--cf-color-accent-border);background:var(--cf-color-accent-subtle)}.thinking-in-react-lesson .tr-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)}@media(max-width:560px){.thinking-in-react-lesson .tr-tree li[data-depth="2"]{padding-left:var(--cf-space-400)}}