.article-page .disclosure-lab,.article-page .focus-lab,.article-page .keyboard-lab,.article-page .shortcut-lab,.article-page .trap-lab{align-items:stretch}.article-page .command-surface,.article-page .custom-focus-box,.article-page .filter-panel,.article-page .key-target,.article-page .modal-stage{display:grid;grid-gap:var(--cf-space-250);gap:var(--cf-space-250);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-300);background:var(--cf-color-surface);padding:var(--cf-space-300)}.article-page .command-surface:focus-visible,.article-page .custom-focus-box:focus-visible,.article-page .demo-modal :focus-visible,.article-page .focus-controls :focus-visible,.article-page .key-target:focus-visible{outline:2px solid var(--cf-color-focus-ring);outline-offset:var(--cf-space-100)}.article-page .command-surface label,.article-page .demo-modal label,.article-page .focus-controls label,.article-page .key-target span{color:var(--cf-color-text-secondary)}.article-page .event-log{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);max-height:260px;overflow:auto;margin:0;padding:var(--cf-space-300);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.article-page .demo-modal,.article-page .palette{border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-300);background:var(--cf-color-surface-raised);padding:var(--cf-space-300);box-shadow:var(--cf-shadow-md)}.article-page .demo-modal,.article-page .focus-controls,.article-page .palette{display:grid;grid-gap:var(--cf-space-250);gap:var(--cf-space-250)}.article-page .demo-modal button,.article-page .focus-controls button,.article-page .palette button{justify-self:start}.article-page .modal-stage{min-height:260px}.article-page .filter-panel[hidden]{display:none}@media(max-width:560px){.article-page .event-log{max-height:220px}}