.dp-glossary-link {
  border-bottom: 1px dashed currentColor;
  color: var(--dp-primary, var(--dp-prose-ink, currentColor));
  text-decoration: none;
  text-underline-offset: 0.18em;
}

.dp-glossary-link:hover,
.dp-glossary-link:focus-visible {
  border-bottom-style: solid;
  text-decoration: none;
}

.dp-glossary-link:focus-visible {
  border-radius: 0.2rem;
  outline: 2px solid color-mix(in srgb, currentColor 42%, transparent);
  outline-offset: 0.16rem;
}

.dp-glossary-popover {
  background: var(--dp-app-surface, var(--dp-prose-surface, #ffffff));
  border: 1px solid var(--dp-app-border, var(--dp-prose-border, #e4e4e7));
  border-radius: 0.5rem;
  box-shadow: var(--dp-app-shadow, 0 20px 46px -28px rgba(15, 23, 42, 0.34));
  color: var(--dp-app-ink, var(--dp-prose-ink, #18181b));
  font-family: var(--dp-font-sans, "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  font-size: 0.92rem;
  line-height: 1.45;
  max-width: min(20rem, calc(100vw - 1.5rem));
  padding: 0.82rem 0.9rem;
  position: fixed;
  width: max-content;
  z-index: 100000;
}

.dp-glossary-popover[hidden] {
  display: none;
}

.dp-glossary-popover__title,
.dp-glossary-popover__excerpt {
  margin: 0;
}

.dp-glossary-popover__title {
  color: var(--dp-app-ink, var(--dp-prose-ink, #18181b));
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.25;
}

.dp-glossary-popover__excerpt {
  color: var(--dp-app-subtle-strong, var(--dp-prose-ink-soft, #52525b));
  margin-top: 0.34rem;
}