/* Final composition lessons are working environments: keep explanation in
   About this lesson and give the live creation controls the full surface. */
@media (min-width:901px) {
  html.cwRhythmFamily body:is([data-lesson-focus="performance"],[data-lesson-focus="sync"]) .workspace {
    display:block!important;
  }
  html.cwRhythmFamily body:is([data-lesson-focus="performance"],[data-lesson-focus="sync"]) .workspace>.cwLessonOrientation,
  html.cwRhythmFamily body:is([data-lesson-focus="performance"],[data-lesson-focus="sync"]) .workspace>.lessonCard {
    display:none!important;
  }
  html.cwRhythmFamily body:is([data-lesson-focus="performance"],[data-lesson-focus="sync"]) .workspace>.studio {
    display:flex!important;
    width:100%!important;
    padding:10px!important;
    gap:5px!important;
  }
  html.cwRhythmFamily body:is([data-lesson-focus="performance"],[data-lesson-focus="sync"]) .studioHeader {
    flex:0 0 auto!important;
    min-height:38px!important;
  }
  html.cwRhythmFamily body:is([data-lesson-focus="performance"],[data-lesson-focus="sync"]) .newConcept {
    display:block!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    padding:6px!important;
    overflow:visible!important;
    animation:none!important;
  }
  html.cwRhythmFamily body:is([data-lesson-focus="performance"],[data-lesson-focus="sync"]) .newConcept>div:first-child,
  html.cwRhythmFamily body:is([data-lesson-focus="performance"],[data-lesson-focus="sync"]) .newConcept>p {
    display:none!important;
  }
  html.cwRhythmFamily body:is([data-lesson-focus="performance"],[data-lesson-focus="sync"]) .newConcept::before {
    display:block;
    margin:0 0 5px 2px;
    color:var(--cw-blue,#8fc5ff);
    font-size:.62rem;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
  }
  html.cwRhythmFamily body[data-lesson-focus="performance"] .newConcept::before {
    content:"Complete creation controls";
  }
  html.cwRhythmFamily body[data-lesson-focus="sync"] .newConcept::before {
    content:"Complete creation controls + Chord Sync";
  }
  html.cwRhythmFamily body:is([data-lesson-focus="performance"],[data-lesson-focus="sync"]) .lessonControls,
  html.cwRhythmFamily body:is([data-lesson-focus="performance"],[data-lesson-focus="sync"]) .guidedArp {
    width:100%!important;
  }
  html.cwRhythmFamily body:is([data-lesson-focus="performance"],[data-lesson-focus="sync"]) .guidedArp {
    padding:5px 7px!important;
  }
  html.cwRhythmFamily body[data-lesson-focus="sync"] .inlineSyncRequest {
    display:flex;
    align-items:center;
    gap:7px;
    margin-left:auto;
    padding-left:10px;
    border-left:1px solid #34577d;
    white-space:nowrap;
  }
  html.cwRhythmFamily body[data-lesson-focus="sync"] .inlineSyncRequest span {
    color:var(--cw-text-soft,#c7cfdb);
    font-size:.68rem;
  }
  html.cwRhythmFamily body[data-lesson-focus="sync"] .inlineSyncRequest .modeBtn {
    flex:0 0 auto;
  }
  html.cwRhythmFamily body:is([data-lesson-focus="performance"],[data-lesson-focus="sync"]) .metronomePane {
    min-height:58px!important;
    padding-block:5px!important;
  }
  html.cwRhythmFamily body:is([data-lesson-focus="performance"],[data-lesson-focus="sync"]) .visualMetronomeWrap {
    min-height:48px!important;
    padding:3px 6px!important;
  }
  html.cwRhythmFamily body:is([data-lesson-focus="performance"],[data-lesson-focus="sync"]) .timelineWrap {
    min-height:0!important;
  }
}