.project-structure-lesson .structure-panes{display:grid;grid-template-columns:1fr 1fr}.project-structure-lesson .structure-panes>.runtime-pane+.runtime-pane{border-left:1px solid var(--cf-color-border)}.project-structure-lesson .tree-root{margin:0;padding:0;font-size:var(--cf-font-size-300)}.project-structure-lesson .article-playground code.tree-name{padding:0;border:0;background:none;color:var(--cf-color-text);font-size:var(--cf-font-size-300)}.project-structure-lesson .folder-tree{margin:0;padding:0 0 0 var(--cf-space-400);list-style:none;font-size:var(--cf-font-size-300);line-height:var(--cf-line-height-150)}.project-structure-lesson .folder-tree li{margin:0;padding:0}.project-structure-lesson .article-playground .tree-folder>code.tree-name{color:var(--cf-color-text-strong);font-weight:var(--cf-font-weight-semibold)}.project-structure-lesson .article-playground .tree-file.is-marked>code.tree-name{padding:0 var(--cf-space-100);border:1px solid var(--cf-color-primary-border-hover);border-radius:var(--cf-radius-100);background:var(--cf-color-primary-subtle-active);color:var(--cf-color-text-strong)}.project-structure-lesson .tree-count,.project-structure-lesson .tree-tag{margin-left:var(--cf-space-200);color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-275)}.project-structure-lesson .tree-tag{padding:0 var(--cf-space-100);border:1px solid var(--cf-color-primary-border);border-radius:var(--cf-radius-100);color:var(--cf-color-primary)}.project-structure-lesson .tree-summary{margin:var(--cf-space-300) 0 0;padding:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.project-structure-lesson .growth-label{margin-left:var(--cf-space-200);color:var(--cf-color-text-secondary)}@media(max-width:768px){.project-structure-lesson .structure-panes{grid-template-columns:1fr}.project-structure-lesson .structure-panes>.runtime-pane+.runtime-pane{border-left:0;border-top:1px solid var(--cf-color-border)}}