@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

.font-display {
  font-family: 'Inter', sans-serif;
}

.font-sans {
  font-family: 'Inter', sans-serif;
}

.font-mono {
  font-family: 'JetBrains Mono', monospace;
}

.section-title {
  font-family: 'Inter', sans-serif;
  text-transform: uppercase;
  line-height: 1.75rem;
  font-weight: 800;
  color: #222;
}

@media (min-width: 640px) {
  .section-title {
    line-height: 1.75rem;
  }
}

.song-line {
  display: flex;
  line-height: 2.5;
  margin-bottom: 0.25em 0;
  white-space: wrap;
}

.lyrics {
  display: inline-block;
  position: relative;
  line-height: 1.7em;
}

.lyrics::after {
  content: "";
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}

.column {
  display: flex;
  flex-direction: column;
  margin-right: 0.5em;
}

.chord {
  position: relative;
  font-size: .875em;
  line-height: .875em;
  font-weight: 900;
  color: #2563eb;  /* Blue-600 */
  display: inline-block;
  white-space: pre-wrap;
  margin-right: 0.5em;
}

/* Ensure chord-only lines are properly spaced */
.song-line:empty {
  min-height: 1.5em;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.overflow-x-auto::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.overflow-x-auto {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  padding-top: 2em;
}