.vowel-contrast-panel{margin:1rem 0;padding:1rem;border:2px solid #437966;border-radius:1rem;background:#f4faf6;color:#243b32;font-size:1rem}
.vowel-contrast-panel h2{font-size:1.3rem;margin:0 0 .5rem}.vowel-contrast-note,.vowel-contrast-description,.vowel-contrast-status{line-height:1.6}
.vowel-contrast-pair{padding:.8rem 0;border-top:1px solid #bed6c7}.vowel-contrast-pair h3{font-size:1.1rem;margin:.2rem 0}
.vowel-contrast-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:.8rem 0}.vowel-contrast-side{padding:.8rem;border:1px solid #bed6c7;border-radius:.7rem;background:#fff;overflow-wrap:anywhere}
.vowel-contrast-side p{margin:.3rem 0}.vowel-contrast-word{display:block;font-size:1.8rem;line-height:1.4}.vowel-contrast-panel button{min-height:44px;max-width:100%;white-space:normal;margin:.3rem .3rem .3rem 0}.vowel-contrast-panel button[aria-pressed=true]{outline:3px solid #346f55;outline-offset:2px}
.vowel-contrast-unavailable{padding:.8rem;border:1px solid #b9c9bd;border-radius:.5rem;line-height:1.6}
.vowel-contrast-more{margin:.6rem 0}.vowel-contrast-more summary{cursor:pointer;min-height:44px;padding:.5rem 0;line-height:1.6}
.vowel-contrast-teacher-help summary{cursor:pointer;min-height:44px;padding:.5rem 0;line-height:1.6}.vowel-contrast-fallback{padding:1rem;margin:1rem 0;border:1px solid #b9c9bd;border-radius:.7rem;line-height:1.6}.vowel-contrast-fallback h2{font-size:1.2rem;margin:.2rem 0}
@media(max-width:380px){.vowel-contrast-sides{gap:.4rem}.vowel-contrast-side{padding:.5rem}.vowel-contrast-word{font-size:1.5rem}}