.word-pronunciation-heading { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.word-pronunciation-heading h1 { min-width:0; overflow-wrap:anywhere; }
.word-pronunciation-heading .word-pronunciation-button { flex:0 0 auto; width:auto; min-height:44px; padding:10px 14px; border:1px solid #b7cfe4; border-radius:24px; color:#075b9d; background:#eef7ff; font:600 15px/1.4 system-ui,sans-serif; cursor:pointer; }
.word-pronunciation-button:focus-visible { outline:3px solid #1675bd; outline-offset:3px; }
.word-pronunciation-heading .word-pronunciation-button.is-speaking { background:#08775d; color:white; }
.word-pronunciation-button:disabled { opacity:.6; cursor:not-allowed; }
.word-pronunciation-status { color:#8a3b26; font:14px/1.5 system-ui,sans-serif; }
.word-pronunciation-status:empty { display:none; }
.word-example-card { margin-top:16px; padding:18px; border:1px solid #dce7ee; border-radius:16px; background:#fbfdff; }
.word-example-card > header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.word-example-card > header b { color:#12639e; }
.word-example-card > p { margin:13px 0 5px; color:#152331; font-size:18px; line-height:1.6; }
.word-example-card > small { display:block; color:#596b78; font-size:15px; line-height:1.6; }
.word-example-card .word-pronunciation-button { flex:0 0 auto; width:auto; min-height:44px; padding:10px 14px; border:1px solid #b7cfe4; border-radius:24px; color:#075b9d; background:#eef7ff; font:600 15px/1.4 system-ui,sans-serif; cursor:pointer; }
.word-example-card .word-pronunciation-button.is-speaking { background:#08775d; color:white; }
.word-example-card .word-pronunciation-status { display:block; margin-top:8px; }
.word-example-card .word-pronunciation-status:empty { display:none; }
.word-example-card > p, .word-example-card > small { overflow-wrap:anywhere; }
@media (max-width:480px) {
  .word-example-card { padding:15px; }
  .word-example-card > header { align-items:flex-start; }
  .word-example-card .word-example-play { min-width:116px; }
}
