.melody-reading-app [hidden]{display:none!important}.mr-controls{margin:1rem 0;display:flex;flex-wrap:wrap;gap:1rem}.mr-controls label{display:grid;gap:.4rem}.mr-controls select{max-width:100%;padding:.6rem;border:1px solid #b5c2ba;border-radius:.5rem;background:#fff;color:#182326;font:inherit}.mr-board{display:grid;gap:.8rem;margin:1rem 0}.mr-staff{min-width:0;padding:.8rem .4rem .3rem;background:#f6f8f5;border:1px solid #c0cdc2;border-radius:.8rem;text-align:left}.mr-staff h3{font-size:1rem;margin:0 .5rem}.mr-staff svg{width:100%;height:auto;display:block;color:#182326}.mr-staff svg .is-playing{fill:#a46217;stroke:#a46217}.mr-staff.match{border-color:#236648;border-width:2px}.mr-choice-note{font-size:.9rem;line-height:1.5;margin:.3rem .5rem}.melody-reading-app .answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.melody-reading-app .answers button{white-space:normal;overflow-wrap:anywhere}.melody-reading-app [data-explanation]{line-height:1.7}.mr-audio-placeholder{padding:1rem;background:#edf2ec;border-radius:.7rem}@media(max-width:540px){.melody-reading-app .answers{grid-template-columns:1fr}.mr-controls{display:block}}@media(prefers-reduced-motion:reduce){.mr-staff{transition:none}}