.pronunciation-term { display: inline-flex; align-items: center; gap: .3rem; max-width: 100%; vertical-align: middle; white-space: normal; }
.pronunciation-term > span { min-width: 0; overflow-wrap: anywhere; }
.pronunciation-term > .pronunciation-button { flex: 0 0 44px; margin: 0; }
.pronunciation-button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0 .15em; padding: 0; border: 1px solid var(--line); border-radius: 50%; color: var(--accent-dark); background: var(--white); vertical-align: middle; line-height: 1; }
.pronunciation-button:hover { border-color: var(--accent-dark); background: #fff2ee; }
.pronunciation-button:disabled { opacity: .5; }
.pronunciation-button[data-playing="true"] { border-color: var(--accent-dark); color: var(--white); background: var(--accent-dark); }
.pronunciation-stop-icon, .pronunciation-button[data-playing="true"] .pronunciation-play-icon { display: none; }
.pronunciation-button[data-playing="true"] .pronunciation-stop-icon { display: block; }
.pronunciation-help { margin: 0 0 1.25rem; }
.article-body .pronunciation-title { display: flex; align-items: baseline; flex-wrap: wrap; gap: .2rem .65rem; margin: 0; font-size: .8125rem; font-weight: 400; line-height: 1.6; }
.pronunciation-hint { color: var(--muted); }
.pronunciation-credit { color: var(--muted); font-size: .6875rem; font-weight: 400; white-space: nowrap; }
@media print { .pronunciation-button, .pronunciation-help { display: none; } }