.internal-link-preview {
  position: fixed;
  z-index: 10000;
  pointer-events: none;
  width: min(304px, calc(100vw - 24px));
  padding: 8px;
  box-sizing: border-box;
  border-radius: 14px;
  background: #091b2b;
  color: #f4f7fa;
  box-shadow: 0 16px 40px rgb(9 27 43 / 25%);
  font: 14px/1.45 "AGF Inter", Arial, sans-serif;
  transform-origin: center;
}
.internal-link-preview[hidden] { display: none; }
.internal-link-preview:not([hidden]) { animation: internal-link-preview-enter 180ms cubic-bezier(0.16, 1, 0.3, 1) both; }
.internal-link-preview img { display: block; width: 100%; height: 160px; object-fit: cover; border-radius: 8px; background: #e8f1f6; }
.internal-link-preview img[hidden] { display: none; }
.internal-link-preview strong { display: block; padding: 12px 8px 4px; font-size: 15px; }
.internal-link-preview p { margin: 0; padding: 0 8px 10px; color: #bdcedd; font-size: 13px; line-height: 1.5; }
[data-copy-text] a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }

@keyframes internal-link-preview-enter {
  from { opacity: 0; transform: translateY(6px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .internal-link-preview:not([hidden]) { animation: none; }
}
