/* ── Reusable utility classes ─────────────────────────────────────
   Available site-wide via global-styling library.
   Use these in any page body HTML to avoid inline <style> blocks.
   ──────────────────────────────────────────────────────────────── */

/* Hover lift — element rises with shadow on hover.
   Usage: add class="hover-lift" to any card, div, or element. */
.hover-lift {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* PDF embed — usage: copy only the HTML block, no <style> needed.
   Frame height is 78vh on desktop, fixed 260px on mobile (fallback card). */
.pdf-embed iframe {
  border: 0;
  width: 100%;
  height: 78vh;
  min-height: 480px;
  display: block;
}
.pdf-embed__mobile {
  min-height: 220px;
  color: inherit;
  background: #f8f9fa;
}
.pdf-embed__mobile:hover {
  background: #eef0f3;
}