.hg-course-audio-demo{max-width:72rem;margin:2rem auto;padding:1.5rem;border:1px solid rgba(45,36,25,.2);border-radius:1rem;background:#fbf7ee;color:#28231d}
.hg-course-audio-demo h2{margin:.25rem 0 .75rem;font-size:clamp(1.25rem,2vw,1.7rem)}
.hg-course-audio-demo p{line-height:1.55}
.hg-course-audio-eyebrow{margin:0;color:#765b38;font-size:.75rem;font-weight:700;letter-spacing:.1em}
.hg-course-audio-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0}
.hg-course-audio-controls button{min-height:2.75rem;padding:.55rem .9rem;border:1px solid #62513a;border-radius:.5rem;background:#fff;color:inherit;font:inherit;cursor:pointer}
.hg-course-audio-controls .hg-course-audio-play{background:#3c3326;color:#fff}
.hg-course-audio-controls label{display:flex;align-items:center;gap:.5rem}
.hg-course-audio-controls input{width:min(10rem,35vw)}
.hg-course-audio-status{min-height:1.5em;margin:.25rem 0;color:#4e432f}
.hg-course-audio-credit{margin-bottom:0;font-size:.875rem}
@media(max-width:640px){.hg-course-audio-demo{margin:1.25rem .75rem;padding:1rem}.hg-course-audio-controls{align-items:stretch}.hg-course-audio-controls button{flex:1 1 auto}.hg-course-audio-controls label{flex:1 1 100%;justify-content:space-between}.hg-course-audio-controls input{flex:1}}