.chord-panel{background:var(--white);border:1px solid var(--line);border-radius:28px;padding:32px;margin:32px 0;scroll-margin-top:110px}.chord-panel h2{margin-bottom:18px}.chord-controls{display:flex;gap:20px;flex-wrap:wrap;align-items:end;margin:24px 0}.chord-controls label{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chord-controls select{max-width:100%}.chord-controls input{max-width:140px;accent-color:var(--purple)}.chord-controls output{min-width:42px}.chord-display{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:center}.chord-staff{display:block;width:100%;max-width:300px;height:240px;margin-inline:auto}#chord-symbol{font-size:2rem;color:var(--purple-dark)}.chord-hint{font-size:.9rem;color:var(--muted);margin-top:18px}.chord-answers{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.chord-answers .button{min-width:100px}.chord-feedback{min-height:40px;margin-block:20px}#chord-progress{color:var(--muted);margin-bottom:16px}#chord-question:focus,#chord-summary:focus{outline:2px solid var(--orange);outline-offset:5px}#chord-print{margin-block:36px}.chord-panel [hidden]{display:none!important}
@media(max-width:760px){.chord-panel{padding:24px 16px}.chord-display{grid-template-columns:1fr;gap:0}.chord-controls{align-items:stretch;flex-direction:column}.chord-controls label{justify-content:space-between}.chord-controls select{min-width:0}.chord-answers .button{flex:1}.chord-staff{height:200px}#chord-print{padding:24px}}
@media print{.chord-controls,.chord-panel .exercise-actions,.chord-answers,#chord-practice,#chord-print .exercise-actions,.lesson-jumps,#chord-audio-status{display:none!important}.chord-panel{break-inside:avoid;padding:12px;border:0}#chord-guide{max-width:none}.chord-display{grid-template-columns:1fr 220px}.chord-staff{height:170px}}