/* Kaagapay Dayong — plain CSS (animations, reduced-motion, print rules).
   Tailwind utility classes are generated by the Tailwind Play CDN from the
   `type="text/tailwindcss"` <style> block that stays inline in index.html —
   that block can't be moved into this external file because the CDN script
   only scans inline <style> tags in the document. */

.toast-in { animation: toast-in .2s ease-out both; }
@keyframes toast-in { from { transform: translateY(-8px); opacity: 0; } to { transform: none; opacity: 1; } }

.dlg-in { animation: dlg-in .16s ease-out both; }
@keyframes dlg-in { from { transform: translateY(8px) scale(.98); opacity: 0; } to { transform: none; opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
    .toast-in, .dlg-in { animation: none; }
    * { scroll-behavior: auto !important; }
}

@media print {
    body * { visibility: hidden; }
    #id-card, #id-card * { visibility: visible; }
    #id-card { position: absolute; left: 0; top: 0; width: 360px; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

/* Member "home menu" nav cards */
.mnav-card { transition: box-shadow .15s ease, border-color .15s ease, transform .1s ease; }
.mnav-card:hover { transform: translateY(-1px); }
.mnav-card:active { transform: translateY(0); }