.standalone-quiz [hidden]{display:none!important}.standalone-quiz .image-side{flex-direction:column;gap:16px}.standalone-quiz #quizListen{align-self:start;margin-bottom:18px}.standalone-quiz .controls a{text-decoration:none}.standalone-quiz .notation-choice{padding:8px;display:flex;justify-content:center}.standalone-quiz .notation-choice svg{max-width:100%;height:auto}.standalone-quiz #quizTitle{font-family:Candal,sans-serif;font-weight:400}.standalone-quiz .image-side img{background:white}.standalone-quiz .control-btn:focus-visible,.standalone-quiz .answer:focus-visible{outline:3px solid #4ade80;outline-offset:3px}

.audio-side{
  min-height:600px;background:linear-gradient(145deg,#d1fae5,#6ee7b7);
  display:flex;align-items:center;justify-content:center;padding:28px;
}

.audio-card{
  width:100%;max-width:400px;padding:30px 24px;background:white;border-radius:20px;text-align:center;
  box-shadow:0 14px 34px rgba(15,23,42,.12);
}
.audio-icon{
  width:58px;height:58px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;
  border-radius:17px;background:#ecfdf5;color:#15803d;font-size:24px;
}
.audio-card h2{margin:0 0 6px;color:#166534;font-size:23px}
.audio-card p{margin:0 0 20px;color:#64748b;font-size:12px}

.play-btn{
  width:94px;height:94px;border:none;border-radius:50%;background:linear-gradient(135deg,#15803d,#34d399);
  color:white;font-size:32px;cursor:pointer;box-shadow:0 10px 24px rgba(22,163,74,.25);transition:.2s;
}
.play-btn:hover{transform:scale(1.05)}
.audio-player{width:100%;margin-top:20px}


.standalone-quiz .audio-side .play-btn{width:94px;height:94px;padding:0;border-radius:50%!important;background:#166534;color:#fff;display:inline-flex;align-items:center;justify-content:center}.standalone-quiz .audio-side [hidden]{display:none!important}@media(max-width:950px){.standalone-quiz .audio-side{min-height:330px;order:-1}}
/* Keep required artwork credits quiet and readable. */
.standalone-quiz .quiz-image-credit{max-width:340px;margin:0;text-align:center;font:400 10px/1.6 Poppins,sans-serif;color:#476d60}
.standalone-quiz .quiz-image-credit a{color:#356653;text-decoration:none;font-weight:500}
.standalone-quiz .quiz-image-credit a:hover{text-decoration:underline}
.standalone-quiz .quiz-image-credit a:focus-visible{outline:2px solid #15803d;outline-offset:3px}