.keeping-components-pure-lesson .calls-panes{display:grid;grid-template-columns:1fr 1fr}.keeping-components-pure-lesson .calls-panes>.runtime-pane+.runtime-pane{border-left:1px solid var(--cf-color-border)}.keeping-components-pure-lesson .calls-page{margin:0;padding:var(--cf-space-250) var(--cf-space-350) var(--cf-space-250) var(--cf-space-700);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);list-style:none}.keeping-components-pure-lesson .calls-page li{margin:0}.keeping-components-pure-lesson .calls-shared,.keeping-components-pure-lesson .calls-wrap{margin:var(--cf-space-200) 0 0;padding:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.keeping-components-pure-lesson .calls-log{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);margin:0;padding:0;list-style:none}.keeping-components-pure-lesson .calls-log li{display:grid;grid-gap:var(--cf-space-050);gap:var(--cf-space-050);margin:0;padding:var(--cf-space-150) var(--cf-space-250);border:1px solid var(--cf-color-border-control);border-left:3px solid var(--cf-color-success);border-radius:var(--cf-radius-100);background:var(--cf-color-surface);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.keeping-components-pure-lesson .calls-log li.is-dropped{border-left-style:dashed;border-left-color:var(--cf-color-border-strong);color:var(--cf-color-text-tertiary)}.keeping-components-pure-lesson .calls-log code{font-size:var(--cf-font-size-275);overflow-wrap:anywhere}@media(max-width:768px){.keeping-components-pure-lesson .calls-panes{grid-template-columns:1fr}.keeping-components-pure-lesson .calls-panes>.runtime-pane+.runtime-pane{border-left:0;border-top:1px solid var(--cf-color-border)}}