.igt-glossary-term {
  position: relative;
  border-bottom: 1px dotted #9a742e;
  color: inherit;
  cursor: help;
  outline: none;
}
.igt-glossary-term:focus-visible { border-radius: 2px; outline: 2px solid #d6ae57; outline-offset: 2px; }
.igt-glossary-tooltip {
  position: fixed;
  z-index: 100000;
  left: var(--igt-tip-left, 50vw);
  top: var(--igt-tip-top, 50vh);
  display: grid;
  visibility: hidden;
  width: min(330px, calc(100vw - 24px));
  gap: .45rem;
  padding: .9rem 1rem;
  border: 1px solid rgba(214,174,87,.75);
  border-radius: 10px;
  background: #18222c;
  color: #f5f1e8;
  box-shadow: 0 16px 42px rgba(0,0,0,.38);
  font-size: .92rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, calc(-100% - 10px));
  transition: opacity .14s ease, visibility .14s ease;
}
.igt-glossary-tooltip[hidden] { display: none !important; }
.igt-glossary-tooltip strong { color: #f1cf7a; font-family: Georgia, "Times New Roman", serif; font-size: 1.08rem; }
.igt-glossary-tooltip span { color: #eee8dc; }
.igt-glossary-tooltip a { color: #f1cf7a; font-weight: 700; pointer-events: auto; }
.igt-glossary-tooltip.is-open { visibility: visible; opacity: 1; pointer-events: auto; }
@media (prefers-reduced-motion: reduce) { .igt-glossary-tooltip { transition: none; } }