.instrument-fingering-catalog__diagram {
  display: block;
  width: 100%;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 0.5rem;
  background:
    radial-gradient(circle at 30% 12%, rgba(245, 158, 11, 0.11), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.82));
  cursor: pointer;
}

.instrument-fingering-catalog__diagram:focus-visible {
  outline: 3px solid rgba(245, 158, 11, 0.6);
  outline-offset: 2px;
}

.instrument-fingering-catalog__diagram-shell {
  padding: 0.75rem;
}

.instrument-fingering-catalog__card .card-footer {
  min-height: 4.5rem;
}