/* PDFcraft — shared page transition styles */
/* Add <link rel="stylesheet" href="transitions.css"> to every page */
/* Add <script src="transitions.js"></script> before </body> */

/* Page enters with a smooth fade+slide up */
@keyframes pageIn {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Page exits with a fade+slide up (applied via JS) */
@keyframes pageOut {
  from { opacity: 1; transform: translateY(0); }
  to   { opacity: 0; transform: translateY(-8px); }
}

body {
  animation: pageIn 0.35s ease forwards;
}

body.leaving {
  animation: pageOut 0.22s ease forwards;
  pointer-events: none;
}

/* Link hover underline animation */
a.animated-link {
  position: relative;
  text-decoration: none;
}
a.animated-link::after {
  content: '';
  position: absolute;
  bottom: -1px; left: 0;
  width: 0; height: 1.5px;
  background: currentColor;
  transition: width 0.2s ease;
  border-radius: 1px;
}
a.animated-link:hover::after { width: 100%; }