/* css/gloss.css — tap-a-word popover (M58), shared by Reading and Podcasts since M402. */
.gloss-word{cursor:pointer;transition:background .15s}
.gloss-word:hover, .gloss-word.gloss-active{background:var(--teal-soft);border-bottom:1.5px dotted var(--teal)}
.gloss-popover{position:absolute;z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,.35);padding:.65rem .85rem;max-width:260px;font-size:.85rem;display:none}
.gloss-popover.show{display:block}
.gloss-popover-word{font-family:var(--font-display);font-weight:700;color:var(--teal-text);margin-bottom:.15rem;display:flex;align-items:center;gap:.4rem}
.gloss-popover-pos{font-size:.7rem;color:var(--text-dim);font-style:italic;text-transform:lowercase}
.gloss-popover-def{color:var(--text-muted);line-height:1.4}
.gloss-popover-speak{background:transparent;border:none;color:var(--teal-text);cursor:pointer;font-size:.9rem;padding:0 .2rem}
.gloss-popover-loading{color:var(--text-dim);font-size:.8rem}

.gloss-popover-lemma { font-size:.72rem; color:var(--text-dim); font-style:italic; margin-top:.1rem }
.gloss-popover-form  { font-size:.74rem; color:var(--text-dim); margin-top:.35rem; line-height:1.45 }