/* ============================================================
   Glossary Tooltips — Styles
   ============================================================ */

abbr[data-glossary] {
  text-decoration: underline dotted rgba(76,175,80,.5);
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  cursor: help;
}

.glossary-tooltip {
  position: absolute; z-index: 10000;
  background: #263238; color: #EEFFFF;
  padding: 10px 14px; border-radius: 8px;
  font-size: 12px; line-height: 1.5;
  max-width: 340px; min-width: 180px;
  box-shadow: 0 4px 16px rgba(0,0,0,.25);
  pointer-events: none;
  animation: glossary-fade-in .15s ease;
}
.glossary-tooltip strong {
  color: #4CAF50; font-size: 13px;
}

@keyframes glossary-fade-in {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

/* === DARK MODE === */
[data-theme="dark"] abbr[data-glossary] { text-decoration-color: rgba(102,187,106,.5); }
[data-theme="dark"] .glossary-tooltip { background: #1c2a4a; color: #e0e0e0; box-shadow: 0 4px 16px rgba(0,0,0,.4); }
[data-theme="dark"] .glossary-tooltip strong { color: #66BB6A; }