/* JL Academy Shadowing Viewer */
#shadowing-viewer {
  max-width: 700px; margin: 48px auto; background: #f5faff;
  border-radius: 24px; box-shadow: 0 6px 32px rgba(28,78,124,0.07);
  padding: 2.2rem 2.2rem 2.7rem 2.2rem;
}
.shadowing-audio {
  display: flex; align-items: center; gap: 1.1em; margin-bottom: 1.1em;
}
.shadowing-text {
  font-size: 1.18em; color: #1c3357; background: #fff;
  border-radius: 10px; padding: 0.7em 1em; margin-bottom: 1.25em;
  box-shadow: 0 1.5px 7px #d7f2fd45;
}
.shadowing-translation {
  color: #156dae; font-size: 1em; margin-top: 0.3em;
}
.shadowing-btn {
  background: linear-gradient(90deg,#13ccd4,#527af6); color: #fff;
  border: none; padding: 0.46em 1.4em; border-radius: 11px;
  font-size: 1.02rem; font-weight: 600; cursor: pointer;
  box-shadow: 0 2px 8px rgba(19,180,210,0.08);
}
.shadowing-btn:hover { background: #13a0e7; }
@media (max-width: 600px) {
  #shadowing-viewer { max-width: 98vw; padding: 1.1rem 1vw 1.7rem 1vw; }
  .shadowing-text { font-size: 1.03em; }
}