.work-loop-lesson .work-loop-controls{display:flex;flex-wrap:wrap;gap:var(--cf-space-150)}.work-loop-lesson .work-loop-panes{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.work-loop-lesson .work-loop-panes>.runtime-pane+.runtime-pane{border-left:1px solid var(--cf-color-border)}.work-loop-lesson .work-loop-log,.work-loop-lesson .work-loop-tree{display:grid;grid-gap:var(--cf-space-050);gap:var(--cf-space-050);margin:0;padding:0;list-style:none}.work-loop-lesson .work-loop-tree li{display:flex;flex-wrap:wrap;gap:var(--cf-space-050) var(--cf-space-100);align-items:baseline;padding-block:var(--cf-space-050);-webkit-padding-end:var(--cf-space-100);padding-inline-end:var(--cf-space-100);border:1px solid rgba(0,0,0,0);border-radius:var(--cf-radius-100);font-size:var(--cf-font-size-300)}.work-loop-lesson .work-loop-tree li.is-here{border-color:var(--cf-color-primary-border);background:var(--cf-color-primary-subtle)}.work-loop-lesson .work-loop-tree li.is-skipped code{color:var(--cf-color-text-tertiary)}.work-loop-lesson .work-loop-tree li.is-done>code{color:var(--cf-color-success)}.work-loop-lesson .work-loop-pointer{color:var(--cf-color-primary);font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-semibold)}.work-loop-lesson .work-loop-badge{padding:0 var(--cf-space-100);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-100);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-250)}.work-loop-lesson .work-loop-log{font-size:var(--cf-font-size-275)}.work-loop-lesson .work-loop-log code{overflow-wrap:anywhere}.work-loop-lesson .work-loop-empty{margin:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}@media(max-width:768px){.work-loop-lesson .work-loop-panes{grid-template-columns:minmax(0,1fr)}.work-loop-lesson .work-loop-panes>.runtime-pane+.runtime-pane{border-left:0;border-top:1px solid var(--cf-color-border)}}