.kalimba-view {display: grid; justify-items: center; gap: 2px; width: 100%; color: var(--art-ink)}
.kalimba-instrument {display: block; width: 100%; max-width: 198px; height: auto; overflow: visible}
.kalimba-caption {font-size: clamp(.61rem, 1vw, .8rem); font-weight: 700; line-height: 1.25; text-align: center}
.kalimba-body {fill: var(--art-wood); stroke: var(--art-ink); stroke-width: 2.4}
.kalimba-grain,.kalimba-rim {fill: none; stroke: color-mix(in srgb, var(--art-wood) 35%, var(--art-paper)); stroke-width: 1.4; stroke-linecap: round}
.kalimba-hole {fill: var(--art-wood-dark); stroke: var(--art-ink); stroke-width: 2}
.kalimba-bridge {fill: none; stroke: var(--art-ink); stroke-width: 4; stroke-linecap: round}
.kalimba-hit {fill: transparent}
.kalimba-metal {fill: var(--art-paper); stroke: var(--art-ink); stroke-width: 1.2}
.kalimba-shine {fill: none; stroke: var(--art-blue); stroke-width: 1; opacity: .5}
.kalimba-pitch-dot {fill: var(--key-color); stroke: var(--art-ink); stroke-width: .75}
.kalimba-tine:is(.sounding,.chord-tone) .kalimba-metal {fill: color-mix(in srgb, var(--key-color) 66%, var(--art-paper)); stroke-width: 2}
.kalimba-tine.sounding .kalimba-metal {filter: drop-shadow(0 0 3px var(--art-gold))}
.kalimba-tine:focus-visible .kalimba-hit {stroke: var(--art-ink); stroke-width: 1.4; stroke-dasharray: 3 2}
@media print {
  .kalimba-instrument {print-color-adjust: exact; -webkit-print-color-adjust: exact}
}