.xp{border-bottom:1px dotted currentColor;cursor:help;text-underline-offset:3px}
.xp:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:2px}
.xp-pop{position:absolute;z-index:200;max-width:330px;background:var(--surface);
  border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:8px;
  padding:13px 16px;box-shadow:0 14px 40px rgba(0,0,0,.38);opacity:0;visibility:hidden;
  transform:translateY(4px);transition:opacity .13s,transform .13s,visibility .13s;
  pointer-events:none;font-family:Inter,system-ui,sans-serif}
.xp-pop.on{opacity:1;visibility:visible;transform:translateY(0)}
.xp-pop b{display:block;font-size:10.5px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:var(--gold-lt);margin-bottom:6px}
.xp-pop p{margin:0;font-size:13.4px;line-height:1.56;color:var(--text)}
@media(max-width:620px){.xp-pop{max-width:min(330px,calc(100vw - 24px))}}
@media print{.xp-pop{display:none}}