#listen-instruction{white-space:pre-line}
@media(min-width:1100px){
 .workspace[data-mode=learn] .panel-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:16px}
 .workspace[data-mode=learn] .learning-controls{grid-column:3;grid-row:1;justify-self:end;justify-content:flex-end;flex-wrap:nowrap}
}
/* Keep the listening guide between the heading and the player. */
.workspace[data-mode=listen]{display:flex;flex-direction:column}
.workspace[data-mode=listen] .panel-head{order:0}
.workspace[data-mode=listen] .player{order:2}
.workspace[data-mode=listen] #listen-instruction{order:1}
.workspace[data-mode=listen] #dialogue{order:3}
.workspace[data-mode=listen] #status{order:4}