/* chord-finder: scoped under #chord-finder */
#chord-finder .cf-display { margin: 12px 0 4px; padding: 16px 14px; min-height: 150px; }
#chord-finder .cf-sym { word-break: break-word; }
#chord-finder .cf-quality { font-size: 16px; margin-top: 6px; }
#chord-finder .cf-notes { margin-top: 6px; letter-spacing: .04em; }
#chord-finder .cf-find { margin-top: 12px; }
#chord-finder .cf-find select { max-width: 100%; }
#chord-finder .cf-pcs { margin-top: 8px; }
#chord-finder .cf-pcs .chip { min-height: 44px; min-width: 44px; justify-content: center; }
#chord-finder .cf-typed { margin-top: 12px; }
#chord-finder .cf-typed input { flex: 1 1 180px; min-height: 44px; min-width: 0; }
#chord-finder .cf-more { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 12px; }
#chord-finder .cf-more .chip { min-height: 40px; }
#chord-finder .cf-h { margin: 0 0 6px; }
#chord-finder .cf-ints { list-style: none; padding: 0; margin: 0; font-size: 15px; }
#chord-finder .cf-ints li { padding: 2px 0; color: var(--ink); }
#chord-finder .btn { min-height: 44px; }
@media (max-width: 640px) {
  #chord-finder .cf-more { grid-template-columns: 1fr; }
  #chord-finder .cf-display { min-height: 130px; }
  #chord-finder .display .big.cf-sym { font-size: 48px; }
  #chord-finder .cf-quality { font-size: 15px; }
  #chord-finder .cf-find label.field { width: 100%; justify-content: space-between; }
  #chord-finder .cf-find select { flex: 1; }
}