/* L’exercice reste juste au-dessus du piano. */
main{padding:14px 24px;max-width:1500px}header{padding:10px 24px}main>.intro,main>.hero-action{display:none}.stats{margin:0 0 12px;gap:8px}.stat{padding:8px 14px;display:flex;align-items:center;gap:12px}.stat strong{font-size:1.1rem}.stat small{font-size:.75rem}.layout{display:block;margin-top:0}.layout>aside{display:none}.layout>div{display:flex;flex-direction:column;gap:12px}.card{padding:16px;box-shadow:none}.layout>div>section{margin-top:0!important}[hidden]{display:none!important}.lesson-navigation{border:1px solid #d7dfcd;background:#e9efdf;border-radius:16px;padding:12px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.workspace-tabs{display:flex;gap:6px;align-items:center}#lesson-switch{display:flex;gap:10px;align-items:center;flex:1;justify-content:end}#lesson-switch label{display:flex;flex-direction:column;font-size:.7rem;color:#52694a;gap:3px}#lesson-switch select{max-width:310px;border:1px solid #c6d3b9;border-radius:8px;padding:8px;background:#fffdf5;font:inherit;font-size:.85rem;color:#294534}.lesson-arrows{display:flex;gap:5px}#instruction{margin:6px 0;font-size:.9rem}#title{font-size:1.15rem;margin:7px 0}.task{padding:10px;margin:8px 0}.feedback{margin:6px 0}.sequence span{height:36px;min-width:36px}.meter{margin:6px 0}#result .score{font-size:1.5rem;margin:4px}#result.celebrate{padding:10px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}#result p{margin:4px}#result .stars{font-size:1.3rem}.piano{height:clamp(170px,29vh,280px)}.keyboard-help{margin-top:10px;font-size:.8rem;color:#607058}.keyboard-help summary{cursor:pointer}.keyboard-help .controls{margin-top:10px}.piano-wrap{padding-bottom:5px}.rhythm-studio .studio-symbol{display:none}.rhythm-studio .studio-heading h2{font-size:1.2rem}.rhythm-studio .studio-heading p{font-size:.85rem;margin:4px 0}.rhythm-track{max-width:500px;margin:12px 0}.rhythm-track span{max-height:40px;aspect-ratio:auto;height:38px}.rhythm-report{padding:10px}.rhythm-report>strong{font-size:1.7rem}@media(max-width:700px){main{padding:10px}.stats .stat{display:block;padding:8px}.lesson-navigation{padding:9px;gap:9px}#lesson-switch{justify-content:start;flex-wrap:wrap}#lesson-switch label{flex:1;min-width:110px}#lesson-switch select{width:100%;max-width:none}.card{padding:11px}.piano{height:180px}.workspace-tabs .action{padding:8px 13px}.controls{gap:6px}.controls .action{padding:8px;font-size:.8rem}}
.song-catalog{background:#fffaf0;border:1px solid #dfd6b8;border-radius:14px;padding:10px 14px}.song-catalog summary{cursor:pointer;font-weight:750;color:#5d5435}.song-grid{display:flex;gap:10px;overflow-x:auto;padding:12px 0;scroll-snap-type:x proximity}.song-grid article{flex:0 0 245px;background:#f0f3e6;border:1px solid #d5dfc4;border-radius:12px;padding:12px;scroll-snap-align:start}.song-grid small{display:block;margin:5px 0 12px;color:#637350}.song-grid article>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.song-grid .action{padding:8px 11px;font-size:.85rem}.song-grid a,.song-source{font-size:.75rem;color:#526c42}.song-source{display:inline-block;margin:0 0 5px}.song-catalog>p{margin:0}.workspace-tabs{flex-wrap:wrap}
