/* addon.css — Tailwind-equivalent utilities that are missing from the old
   dist/output.css build, used by the Recap and Passport pages. The Tailwind
   node toolchain isn't in the repo, so these are defined by hand; fold them
   into a proper rebuild if/when that toolchain returns. */

.grid { display: grid; }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.flex-wrap { flex-wrap: wrap; }
.items-stretch { align-items: stretch; }
.uppercase { text-transform: uppercase; }
.tracking-wide { letter-spacing: 0.025em; }
.text-indigo-700 { color: rgb(67 56 202); }
.bg-white\/95 { background-color: rgb(255 255 255 / 0.95); }
.backdrop-blur { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.rounded-xl { border-radius: 0.75rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-t-2xl { border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
.mr-1 { margin-right: 0.25rem; }
.mt-3 { margin-top: 0.75rem; }
.max-w-\[110px\] { max-width: 110px; }
.max-w-\[200px\] { max-width: 200px; }
.max-w-\[220px\] { max-width: 220px; }
.max-w-\[260px\] { max-width: 260px; }
.min-h-\[80vh\] { min-height: 80vh; }
.min-h-\[85vh\] { min-height: 85vh; }
.pb-\[40vh\] { padding-bottom: 40vh; }

.animate-bounce { animation: pp-bounce 1s infinite; }
@keyframes pp-bounce {
	0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
	50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
}

@media (min-width: 640px) {
	.sm\:items-center { align-items: center; }
	.sm\:max-w-lg { max-width: 32rem; }
}