.gloss-pop{position:absolute;z-index:60;max-width:22rem;padding:0.85rem 1rem;
  background:#0A0F1E;border:1px solid rgba(240,240,240,.14);
  box-shadow:0 10px 30px rgba(0,0,0,.5);opacity:0;
  transition:opacity .16s ease;pointer-events:none;display:block}
/* close() sets card.hidden, but an author-origin display rule beats the UA
   stylesheet's [hidden]{display:none}, so .gloss-pop{display:block} left a
   closed card rendered: visually inert via opacity and pointer-events, yet
   still exposed to the accessibility tree as tooltip content for a term the
   reader never opened. Measured 2026-09-17, a closed card computed
   display:block. */
.gloss-pop[hidden]{display:none}
.gloss-pop.is-open{opacity:1}
.gloss-pop .gp-term{display:block;font-weight:600;color:#F0F0F0;margin-bottom:.35rem}
.gloss-pop .gp-wc{font-style:italic;color:#7A8BA3;margin-left:.35rem;font-weight:400}
.gloss-pop .gp-def{display:block;color:#A3B1C4;font-size:.9rem;line-height:1.5}
.gloss-pop .gp-foot{display:flex;justify-content:space-between;align-items:center;
  margin-top:.7rem;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
.gloss-pop .gp-pillar{color:#7A8BA3}
.gloss-pop .gp-go{color:#FFCB05}
@media (prefers-reduced-motion:reduce){.gloss-pop{transition:none}}