@layer components {
  /* Keyboard reference — the power user's map. */
  .shortcuts {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--space-2) var(--space-4);
    align-items: center;
  }
  .shortcuts dt { justify-self: start; display: flex; gap: var(--space-1); }
  .shortcuts dd { font-size: var(--text-sm); color: var(--ink-2); }
}