/* One reading surface, shared by listening practice, exams and previews. */
html[data-theme] body [data-listening-player].listening-story-card {
  display:grid;grid-template-columns:minmax(0,1fr);align-items:start;
  gap:24px;width:100%;min-width:0;margin:22px 0;
  padding:0;border:0;border-radius:0;background:transparent;
  box-shadow:none;overflow:visible;
}
html[data-theme] body [data-listening-player]>.listening-story-figure {
  display:block;grid-column:auto;grid-row:auto;align-self:start;
  min-width:0;min-height:0;margin:0;border-radius:18px;overflow:hidden;
}
html[data-theme] body [data-listening-player]>.listening-story-figure::after { display:none; }
html[data-theme] body [data-listening-player]>.listening-story-figure img {
  display:block;width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;
}
html[data-theme] body [data-listening-player]>.listening-console {
  grid-column:auto;grid-row:auto;align-self:start;min-width:0;
  margin:0;padding:12px 0;border:0;border-radius:0;background:transparent;box-shadow:none;
}
html[data-theme] body [data-listening-player]>.listening-transcript--visible {
  display:block;grid-column:1 / -1;grid-row:auto;align-self:start;
  box-sizing:border-box;width:100%;min-width:0;max-width:none;
  margin:0;padding:22px 0 0;border:0;border-top:1px solid var(--line);
  border-radius:0;background:transparent;color:var(--text);box-shadow:none;
  max-height:none;overflow:visible;
}
html[data-theme] body [data-listening-player]>.listening-transcript--visible h3 {
  margin:0 0 12px;color:var(--text);font-size:20px;line-height:1.6;
}
html[data-theme] body [data-listening-player]>.listening-transcript--visible>[data-listening-transcript] {
  display:block;box-sizing:border-box;width:100%;min-width:0;max-width:none;
  max-height:none;margin:0;padding:0;border:0;border-radius:0;
  background:transparent;box-shadow:none;color:var(--text);
  font-size:19px;font-weight:500;line-height:1.95;overflow:visible;overflow-wrap:anywhere;
}
html[data-theme] body [data-listening-player] [data-listening-transcript] p {
  color:inherit;line-height:inherit;font-size:inherit;
}
@media(min-width:981px) {
  html[data-theme] body [data-listening-player].listening-story-card { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-theme] body [data-listening-player]>.listening-story-figure { grid-column:1;grid-row:1; }
  html[data-theme] body [data-listening-player]>.listening-console { grid-column:2;grid-row:1; }
  html[data-theme] body [data-listening-player]>.listening-transcript--visible { grid-row:2; }
}
@media(max-width:600px) {
  html[data-theme] body .direct-qa-page .direct-question-card.listening-direct-card { padding:12px; }
  html[data-theme] body [data-listening-player].listening-story-card { gap:18px;margin:18px 0; }
  html[data-theme] body [data-listening-player]>.listening-console { padding:0; }
  html[data-theme] body [data-listening-player]>.listening-transcript--visible { padding:18px 0 0; }
  html[data-theme] body [data-listening-player]>.listening-transcript--visible>[data-listening-transcript] { font-size:18px;line-height:1.95; }
}