/* Key help overlay and the "? keys" affordance (keys.js). Plain mono table, one screen. */
.keys-help{font:12px 'IBM Plex Mono',ui-monospace,monospace;color:var(--muted);white-space:nowrap}
.workspace-actions .keys-help{min-height:32px;padding:4px 8px}
.board-heading .keys-help{margin-left:auto}
dialog.key-help{--dialog-inset:18px;--dialog-inline:22px;max-width:420px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:var(--dialog-inset) var(--dialog-inline);border-radius:4px;font:12.5px/1.5 'IBM Plex Mono',ui-monospace,monospace}
.key-help-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--dialog-heading-after,8px)}
dialog.key-help h2{font:var(--dialog-font,600 12px 'IBM Plex Mono',ui-monospace,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0}
.key-help-head .text-button{min-height:28px;padding:2px 6px;font:inherit}
.key-help table{width:100%;border-collapse:collapse}
.key-help th,.key-help td{text-align:left;padding:3px 0;border-top:1px solid var(--line);vertical-align:top}
.key-help th{width:4.5em;white-space:nowrap;font-weight:500;color:var(--fg)}
.key-help td{color:var(--muted)}
.key-help th+th{width:3.5em}
.key-help-note{margin:10px 0 0;font-size:11.5px;line-height:1.5;color:var(--muted)}.key-help-note:empty{display:none}