/* Tiny utility extras on top of Tailwind. */

/* Clamp a heading to two lines without needing the Tailwind line-clamp plugin */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Prevent the browser from autoplaying video when the page becomes visible
   again after switching tabs. */
video::-webkit-media-controls-overlay-play-button { display: none; }

/* Toast that fades out on its own — used for the "Downloaded ✓" banner.
   Stays fully visible for a moment so the parent can read it, then fades
   to invisible. The DOM node stays in place; only opacity changes. */
@keyframes ftl-fade-out {
   0%  { opacity: 1; }
  60%  { opacity: 1; }
  100% { opacity: 0; }
}
.animate-fade {
  animation: ftl-fade-out 6s ease-out forwards;
}