/* Shared by lesson practice, exams and admin previews. */
html[data-theme] .listening-story-card .listening-transcript--visible {
  grid-column:1 / -1;display:block;width:auto;min-width:0;align-self:start;
  margin:0 20px 20px;padding:22px;border:1px solid var(--line);
  border-inline-start:4px solid var(--primary, #2865b7);border-radius:18px;
  background:var(--surface, var(--bg));color:var(--text);overflow:visible;
  box-shadow:none;max-height:none;
}
html[data-theme] .listening-story-card .listening-transcript--visible h3 { color:var(--text);margin:0 0 12px;font-size:20px;line-height:1.6; }
html[data-theme] .listening-story-card .listening-transcript--visible [data-listening-transcript] {
  display:block;max-height:none;overflow:visible;margin:0;padding:0;background:none;
  color:var(--text);font-size:19px;font-weight:500;line-height:2;overflow-wrap:anywhere;
}
html[data-theme] .listening-story-card .listening-transcript--visible [data-listening-transcript] p { color:inherit;line-height:inherit;font-size:inherit; }
html[data-theme] .listening-story-card { align-items:start;grid-template-columns:minmax(0,1fr); }
html[data-theme] .listening-story-card>.listening-console { min-width:0;align-self:start; }
@media(min-width:981px) {
  html[data-theme] .listening-story-card { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-theme] .listening-story-card>.listening-story-figure { grid-column:1;grid-row:1;align-self:start; }
  html[data-theme] .listening-story-card>.listening-console { grid-column:2;grid-row:1; }
  html[data-theme] .listening-story-card>.listening-transcript--visible { grid-row:2; }
}
.listening-recorded audio,.listening-audio-fields audio { display:block;width:100%;min-width:0;max-width:100%;margin:12px 0;height:52px; }
.listening-recorded p { color:var(--muted);font-size:14px;line-height:1.7; }
.listening-audio-fields { min-width:0;padding:18px;border:1px solid var(--line);border-radius:16px; }
.listening-audio-fields legend { padding:0 8px;font-weight:700; }
.listening-audio-fields>p { margin:0 0 12px;color:var(--muted);line-height:1.8; }
.listening-audio-fields .two>div { min-width:0; }
.listening-audio-fields input[type=file] { width:100%;max-width:100%; }
.listening-audio-remove { display:flex;align-items:center;gap:8px; }
[data-listening-device-rate][hidden] { display:none!important; }
@media(max-width:600px) {
  html[data-theme] .listening-story-card .listening-transcript--visible { margin:0 12px 14px;padding:16px; }
  html[data-theme] .listening-story-card .listening-transcript--visible [data-listening-transcript] { font-size:18px;line-height:2; }
}