/* Text piesne s akordmi, názvy častí a poznámky */

/* ---------- Text s akordmi ---------- */
.chords { line-height: 1.3; }
.chords .cb { margin: 0 0 1.4em; }
.chords .cb:last-child { margin-bottom: 0; }
.chords .cl { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.chords .cl .s { display: inline-flex; flex-direction: column; vertical-align: bottom; }
.chords .cl .ch {
  padding-right: .5em; min-height: 1.15em;
  color: var(--chord); font: 700 .82em/1.15 var(--sans); white-space: pre;
}
.chords .cl .ch.bad { color: var(--danger); text-decoration: underline wavy; }
.chords .cl .tx { min-height: 1.3em; white-space: pre; }
.chords .cl + .cl { margin-top: .22em; }
.chords .cl.only { margin-bottom: .15em; }
.chords .cl.only .ch { display: inline-block; margin-right: .9em; padding-right: 0; }
.chords .cl .ch[data-c] { cursor: pointer; -webkit-tap-highlight-color: transparent; }
.chords .cl .ch[data-c]:hover { text-decoration: underline; text-underline-offset: 3px; }
.chords .cl .ch[data-c]:focus-visible { border-radius: 4px; }
.sec {
  margin: 0 0 .3em; color: var(--accent);
  font: 700 .68em/1.3 var(--sans); letter-spacing: .14em; text-transform: uppercase;
}
.cb .sec:not(:first-child) { margin-top: .7em; }
.song-note {
  margin: 0 0 1.2rem; padding: 10px 14px; max-width: 34rem;
  border-left: 3px solid var(--chord); border-radius: 4px 10px 10px 4px;
  background: var(--accent-soft);
  background: color-mix(in srgb, var(--chord) 9%, transparent);
  color: var(--ink); font: 500 .85rem/1.55 var(--sans); text-align: left;
}
.song-note a { color: var(--accent); font-weight: 650; }