.wp-word { cursor: pointer; border-radius: 3px; }
.wp-word:hover,
.wp-word:focus-visible { background: var(--surface-hover, rgba(0,0,0,.06)); outline: none; }

.wp-word--off { cursor: default; }
.wp-word--off:hover,
.wp-word--off:focus-visible { background: none; }

.wp-popover {
    z-index: 60; display: inline-flex; align-items: center; gap: .5rem;
    padding: .45rem .6rem; border-radius: 8px;
    background: var(--surface-raised, #fff);
    box-shadow: 0 6px 20px rgba(0,0,0,.16);
    font-weight: 500; /* no bold */
}
.wp-popover-word { font-weight: 500; }
.wp-popover-ipa  { color: var(--ink-secondary, #555); }
.wp-popover-speak { border: 0; background: transparent; cursor: pointer; font-size: 1rem; padding: .1rem .2rem; }