apps/desktop/src/renderer/styles/help.css

/* ============================================================================
   Help modal
   ----------------------------------------------------------------------------
   Split out of chat-header.css (#546 PR2, relocate — zero visual change).
   The keyboard-shortcut help content (`.maka-help-*`) previously lived
   in chat-header.css. Astryx owns the surrounding dialog surface.       */

.maka-help-body {
  display: grid;
  gap: var(--space-2-5);
  padding: var(--space-2) var(--space-3) var(--space-3);
  overflow-y: auto;
}

.maka-help-section h3 {
  font: var(--maka-text-heading-5);
  margin: 0 0 var(--space-1);
  color: var(--foreground-secondary);
  letter-spacing: var(--tracking-normal);
  text-transform: none;
}

.maka-help-section dl {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-0-5) var(--space-3);
  margin: 0;
}

.maka-help-section dl > div {
  display: contents;
}

.maka-help-section dt {
  font: var(--maka-text-supporting);
  color: var(--foreground-secondary);
}

.maka-help-section dd {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  justify-self: end;
}

.maka-help-section dd > span {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
}

.maka-help-plus {
  font: var(--maka-text-supporting);
  color: var(--muted-foreground);
}