/* ChordPro song rendering inside songs.php */
.cp-song{
  --cp-chord:#1565c0; --cp-label:#c2185b; --cp-muted:#8a8a8e; --cp-line:#e3e3e6; --cp-fs:22px;
  width:100%; max-width:820px; margin:0 auto 10px; text-align:center;
}
.cp-bar{
  display:flex; align-items:center; justify-content:center; gap:5px; flex-wrap:wrap;
  padding:6px 0 12px; position:sticky; top:0; z-index:5;
}
.cp-bar button{
  font:inherit; font-size:14px; border:1px solid var(--cp-line); background:#fff; color:#1d1d1f;
  border-radius:8px; padding:6px 10px; cursor:pointer; line-height:1;
}
.cp-bar button:active{ transform:translateY(1px); }
.cp-key{ min-width:50px; text-align:center; font-weight:700; font-size:16px; padding:6px 4px;
  border:1px solid var(--cp-line); border-radius:8px; background:#fff; }
.cp-key.moved{ border-color:var(--cp-chord); color:var(--cp-chord); }
.cp-key small{ font-weight:500; color:var(--cp-muted); }
.cp-bar .lbl{ font-size:12px; color:var(--cp-muted); }

.cp-title{ text-align:center; font-weight:700; font-size:calc(var(--cp-fs)*1.15);
  margin:4px 0 10px; }
.cp-body{ text-align:center; padding:0 8px 24px; }
.cp-section{ color:var(--cp-label); font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  font-size:calc(var(--cp-fs)*.6); margin:16px 0 4px; }
.cp-stanza{ margin:0 0 12px; }
.cp-line{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:center;
  line-height:1.15; margin:2px 0; }
.cp-line.chord-only .cp-seg{ margin:0 .35em; }
.cp-seg{ display:inline-flex; flex-direction:column; }
/* Anchor the chord to the START of its lyric segment (above the first character),
   not centered over the whole run — otherwise a chord followed by a long lyric
   drifts to the middle of the phrase (e.g. C landing over "on" in
   "[C]My hope is built on nothing less"). */
.cp-seg .cp-c{ color:var(--cp-chord); font-weight:700; height:1em; margin-bottom:-2px;
  font-size:calc(var(--cp-fs)*.75); white-space:pre; align-self:flex-start; text-align:left; }
.cp-seg .cp-l{ font-size:var(--cp-fs); white-space:pre; }
.cp-line.chord-only .cp-l{ color:var(--cp-muted); }