/* Place key selection and all seven scale degrees on one line. */
html.cwRhythmFamily .keySection:not([hidden]) {
  display:flex!important; align-items:end!important; gap:10px!important;
  padding:6px 10px!important; min-height:0!important;
  overflow-x:auto!important; overflow-y:visible!important;
}
html.cwRhythmFamily .keySection[hidden] { display:none!important; }
html.cwRhythmFamily .stripTitle { display:none!important; }
html.cwRhythmFamily .keyStrip {
  display:flex!important; flex:0 0 140px!important; flex-direction:column!important;
  gap:3px!important; margin:0!important; min-width:120px!important;
}
html.cwRhythmFamily .compactKeyLabel {
  color:var(--cw-muted,#a9c8ec); font-size:10px; font-weight:850;
  letter-spacing:.11em; text-transform:uppercase;
}
html.cwRhythmFamily #compactKeySelect {
  width:100%; height:37px; padding:5px 9px; color:#f3f6fc;
  background:#101b2a; border:1px solid #6d88aa; border-radius:7px;
  font-family:inherit; font-size:13px; font-weight:700;
}
html.cwRhythmFamily .degreeStrip:not([hidden]) {
  display:grid!important; flex:1 0 490px!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:5px!important; margin:0!important; min-width:490px!important;
}
html.cwRhythmFamily .degreeStrip[hidden] { display:none!important; }
html.cwRhythmFamily .degreeBtn { height:41px!important; }