/* kbd — @tokens: (none — all semantic/L1)

   An inline keyboard-key hint (`<kbd>Ctrl</kbd>`) — the little raised key cap
   used in docs / shortcut lists / tooltips. A thicker BOTTOM border than the
   other sides gives the key-depth (pressable-cap) look. Static; no interaction.

   Token-only: type/spacing/surface/border all read the semantic scale;
   monospace is a generic family keyword (not an aesthetic literal). */
.hzo-kbd {
    display: inline-block;
    font-family: monospace;
    font-size: var(--fs-50);
    line-height: var(--lh-none);
    padding: var(--space-2xs) var(--space-xs);
    background: var(--bg-alt);
    color: var(--text-heading);
    border: var(--border-1) solid var(--border);
    border-bottom-width: var(--border-2);
    border-radius: var(--radius-control);
}