.rendering-lists-lesson .key-controls{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200)}.rendering-lists-lesson .key-list{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);margin:0;padding:0;list-style:none}.rendering-lists-lesson .key-list li{display:grid;grid-template-columns:auto 6em minmax(0,1fr);align-items:center;grid-gap:var(--cf-space-250);gap:var(--cf-space-250);margin:0;padding:var(--cf-space-150) var(--cf-space-250);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)}.rendering-lists-lesson .key-list input{min-width:0;padding:var(--cf-space-100) var(--cf-space-200);border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-100);background:var(--cf-color-surface-input);color:var(--cf-color-text);font:inherit}.rendering-lists-lesson .key-tag{min-width:var(--cf-space-800);padding:var(--cf-space-050) var(--cf-space-150);border-radius:var(--cf-radius-100);background:var(--cf-color-accent-subtle);color:var(--cf-color-text-secondary);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-275);text-align:center}.rendering-lists-lesson .key-name{font-weight:var(--cf-font-weight-medium)}.rendering-lists-lesson .key-empty{margin:0;padding:0;color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-300)}@media(max-width:560px){.rendering-lists-lesson .key-list li{grid-template-columns:auto minmax(0,1fr)}.rendering-lists-lesson .key-list input{grid-column:1/-1}}