/* ============================================
   Kbd — inline keyboard-key token (key-cap).

   <xm-kbd> presents a shortcut key (⌘, Enter, K) as a small
   key-cap pill. Mono typescale (--xm-typescale-mono-*), a
   surface-container-* backplate raised off the host surface, a
   hairline 1px outline-variant border, and a subtle bottom edge
   so it reads as a physical key. Ink is --md-sys-color-on-surface
   to match the surface-container backplate (AD-13). Presentational
   chrome — never a status hue (AD-11).
   ============================================ */

.kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 20px;
  padding: var(--s-0-5) var(--s-2);
  border: 1px solid var(--md-sys-color-outline-variant);
  /* Subtle bottom edge so the cap reads as a key, not a flat chip.
     Hairline-respecting: the border stays 1px; this is an inset rim,
     not a heavier border. */
  border-bottom-width: 2px;
  border-radius: var(--md-sys-shape-corner-extra-small);
  background: var(--md-sys-color-surface-container-high);
  color: var(--md-sys-color-on-surface);
  font-family: var(--xm-typescale-mono-font);
  font-size: var(--xm-typescale-mono-size);
  font-weight: var(--xm-typescale-mono-weight);
  line-height: var(--xm-typescale-mono-line-height);
  letter-spacing: var(--xm-typescale-mono-tracking);
  white-space: nowrap;
  vertical-align: baseline;
}