/* The English course's generic pill-button rule must not squeeze the speaker SVG. */
#english-app [data-section-body] .hero-art .hero-card button.hero-listen,
.hero-art .hero-card button.hero-listen{
 display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
 width:30px;min-width:30px;height:30px;min-height:30px;max-width:30px;max-height:30px;
 padding:0;margin:0 0 0 6px;border-radius:50%;vertical-align:middle;flex:0 0 30px;
}
.hero-art .hero-card button.hero-listen svg{display:block;width:14px;height:14px;min-width:14px;flex:0 0 14px;overflow:visible}
#english-app .hero-art .hero-card{height:auto;min-height:164px}
#english-app .hero-art .hero-card strong{white-space:normal!important;overflow-wrap:normal}
#english-app .hero-art .hero-card .hero-card-reading{flex-wrap:wrap;white-space:normal}
#english-app .section-heading .section-description{margin:0;max-width:42ch;line-height:1.7}
@media(max-width:700px){#english-app .section-heading{align-items:flex-start;gap:12px}#english-app .section-heading .section-description{max-width:100%}}