.dictionary-example { display: flex; align-items: flex-start; gap: .65rem; }
.dictionary-example .example-text { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.dictionary-play { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 2rem; height: 2rem; padding: 0; border: 1px solid #b7cec1; border-radius: 50%; background: #fff; color: var(--accent); line-height: 1; }
.dictionary-play:hover, .dictionary-play[data-playing] { background: var(--accent); border-color: var(--accent); color: #fff; }
.dictionary-play svg { width: 1rem; height: 1rem; }
.dictionary-play[hidden], .dictionary-play .audio-stop-icon, .dictionary-play[data-playing] .audio-play-icon { display: none; }
.dictionary-play[data-playing] .audio-stop-icon { display: block; }
.dictionary-audio-status { margin: 1rem; padding: .75rem 1rem; border-inline-start: 3px solid #b57b28; background: #fff8e9; color: var(--ink); font-size: .9rem; }
.headword-audio { display: flex; align-items: center; gap: .75rem; }
.headword-audio h1 { min-width: 0; overflow-wrap: anywhere; }
.word-card-heading { display: flex; align-items: flex-start; gap: .75rem; padding: 21px 19px 7px; }
.word-list .word-card-heading > a { min-width: 0; padding: 0; overflow-wrap: anywhere; }
.word-card-heading > .dictionary-play { margin-block-start: .1rem; }
.word-list .word-card-heading > a::after { display: none; }
@media (pointer: coarse) { .dictionary-play { width: 2.75rem; height: 2.75rem; } }
@media print { .dictionary-play, .dictionary-audio-status { display: none; } }