.article-page .console-trick-buttons,.article-page .tool-tour-buttons{display:flex;flex-wrap:wrap;gap:var(--cf-space-200)}.article-page .console-trick-buttons button[aria-pressed=true],.article-page .tool-tour-buttons button[aria-pressed=true]{background:var(--cf-color-primary);color:var(--cf-color-on-primary);border-color:var(--cf-color-primary)}.article-page .vscode-mock{display:grid;grid-template-columns:minmax(var(--cf-space-700),auto) minmax(var(--cf-space-900),1fr) minmax(0,4fr);min-height:var(--cf-space-900);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-300);overflow:hidden;background:var(--cf-color-surface)}.article-page .vscode-mock button{border:0;border-radius:0;color:var(--cf-color-text);text-align:start}.article-page .vscode-activity{display:grid;align-content:start;grid-gap:1px;gap:1px;background:var(--cf-color-surface-raised);border-right:1px solid var(--cf-color-border)}.article-page .vscode-activity button,.article-page .vscode-editor,.article-page .vscode-explorer,.article-page .vscode-status,.article-page .vscode-tabs,.article-page .vscode-terminal{padding:var(--cf-space-250);background:rgba(0,0,0,0)}.article-page .vscode-explorer{border-right:1px solid var(--cf-color-border);color:var(--cf-color-text-secondary)}.article-page .vscode-main{display:grid;grid-template-rows:auto 1fr auto auto;min-width:0}.article-page .vscode-status,.article-page .vscode-tabs,.article-page .vscode-terminal{border-bottom:1px solid var(--cf-color-border);color:var(--cf-color-text-secondary)}.article-page .vscode-editor{display:grid;align-content:start;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);font-family:var(--cf-font-mono);background:var(--cf-color-surface-raised)}.article-page .vscode-terminal{font-family:var(--cf-font-mono);background:var(--cf-color-surface)}.article-page .vscode-status{border-bottom:0;background:var(--cf-color-primary);color:var(--cf-color-on-primary)}.article-page .vscode-mock button:focus-visible,.article-page .vscode-mock button:hover{outline:2px solid var(--cf-color-focus-ring);outline-offset:-2px}.article-page .console-lab .article-code{margin:0}.article-page .console-output{min-height:var(--cf-space-900)}.article-page .console-output pre{margin:0;padding:var(--cf-space-400);border-radius:var(--cf-radius-300);background:var(--cf-color-surface);color:var(--cf-color-text);font-family:var(--cf-font-mono);overflow-x:auto}@media(max-width:560px){.article-page .vscode-mock{grid-template-columns:1fr}.article-page .vscode-activity{grid-auto-flow:column}.article-page .vscode-activity,.article-page .vscode-explorer{border-right:0;border-bottom:1px solid var(--cf-color-border)}}