/* English Communication v6.15.488: Part D roleplay clarity; no global/SGK styles. */
#dubRoleSwitchBar.v291-synchronized-pairs .v248-head{display:grid;gap:10px}
#dubRoleSwitchBar.v291-synchronized-pairs .v248-actions{display:grid;gap:10px;width:100%}
#dubRoleSwitchBar.v291-synchronized-pairs .v291-pair-buttons,
#dubRoleSwitchBar.v291-synchronized-pairs .v291-role-buttons{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:100%
}
#dubRoleSwitchBar.v291-synchronized-pairs button{
  min-height:40px;max-width:100%;font-size:.92rem;
  white-space:normal;overflow-wrap:anywhere
}
#dubRoleSwitchBar.v291-synchronized-pairs button.active{
  border-color:#0f8f83;background:#e6f8f4;color:#086b63
}
#skill-dubbing .dubbing-stage-head{min-width:0}
#skill-dubbing .dubbing-stage-head strong,
#skill-dubbing .dubbing-stage-head small{overflow-wrap:anywhere}
@media(max-width:700px){
 #dubRoleSwitchBar.v291-synchronized-pairs{padding:12px}
 #dubRoleSwitchBar.v291-synchronized-pairs .v291-pair-buttons,
 #dubRoleSwitchBar.v291-synchronized-pairs .v291-role-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 #dubRoleSwitchBar.v291-synchronized-pairs button{width:100%;font-size:.86rem}
}
/* Move the fixed bottom Lesson switch into the page flow during roleplay, so
   it no longer obscures the recording script or action bar on desktop. */
@media(min-width:701px){
 body.lesson-view-active:has(#skill-dubbing.active) #lessonQuickSwitch:not(.hidden){
   position:sticky;top:74px;bottom:auto;left:auto;right:auto;
   transform:none;margin:7px auto 12px;z-index:48;
 }
}