.practice-metronome { margin: 14px 0; padding: 16px; }
.practice-metronome h2 { margin: 0 0 12px; font-size: 18px; }
.metronome-controls,.metronome-audio { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.metronome-controls label,.metronome-audio label { display: flex; gap: 6px; align-items: center; font-size: 14px; }
.metronome-controls input[type=number] { width: 65px; }
.metronome-controls select,.metronome-controls input[type=number] { padding: 6px; border: 1px solid #c7cbbc; border-radius: 4px; background: white; }
.metronome-controls button { padding: 8px 18px; border: 0; border-radius: 5px; background: #506e40; color: white; font-weight: 700; cursor: pointer; }
.metronome-audio { border-top: 1px solid #e0dfd7; margin-top: 14px; padding-top: 12px; }
.metronome-audio audio { width: min(360px,100%); height: 36px; }
.metronome-audio small { color: #606e65; flex-basis: 100%; }