/* Learning Library — supplemental styles (Tailwind via CDN handles most UI) */
html {
  scroll-behavior: smooth;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#pdf-canvas {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
  border-radius: 0.5rem;
}

.toast-item {
  animation: slideIn 0.25s ease-out;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(1rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.login-gradient {
  background: radial-gradient(ellipse at top, rgba(99, 102, 241, 0.25), transparent 55%),
    radial-gradient(ellipse at bottom right, rgba(139, 92, 246, 0.2), transparent 50%);
}