.elementary-new-art{display:flex;align-items:center;justify-content:center;height:145px;background:#e8f4ff;color:#2254a3;font:400 38px Candal,sans-serif;letter-spacing:5px}
.elementary-content{max-width:850px;margin:22px auto}.elementary-topic,.elementary-play{padding:24px;margin-bottom:18px;background:#f8fbff;border:1px solid #dbe5f3;border-radius:14px}.elementary-topic h2,.elementary-play h2{margin:0 0 12px;font-size:23px}.elementary-topic p,.elementary-play p{font-size:16px;line-height:1.75;color:#4b6383}.elementary-actions,.elementary-answers{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.elementary-play{text-align:center}.elementary-answers{justify-content:center}.elementary-play [hidden]{display:none!important}.elementary-play #answerFeedback{min-height:30px;font-weight:600}.elementary-play #roundStatus{font-size:14px}.elementary-play .button{min-height:46px}.elementary-play-main>.button{margin-top:8px}.elementary-play-main .hero p{max-width:65ch}
@media(max-width:560px){.elementary-topic,.elementary-play{padding:18px}.elementary-answers{flex-direction:column}.elementary-topic h2,.elementary-play h2{font-size:21px}}

.elementary-play .notation-choice{padding:8px;background:#fff;min-width:245px}.notation-choice svg{display:block;max-width:100%;height:auto}.notation-choice span{display:block}

.elementary-ui .lesson-section .lesson-image img{object-fit:contain;background:#fff}.elementary-ui .lesson-text p+p{margin-top:12px}.elementary-ui .lesson-text .button{margin-top:14px}.listening-game .elementary-content{max-width:1100px}.listening-game .elementary-play{background:#fff;border-radius:20px;padding:30px;box-shadow:0 8px 22px #0f172a0f}.elementary-ui .lesson-section figcaption{font-size:10px;line-height:1.6;margin-top:10px;color:#7287a3}.elementary-ui .lesson-section figcaption a{color:#15803d}