/* style.css */
/* Custom styles to complement Tailwind */

/* Make buttons and links tap-friendly on mobile */
button, .tap-target, a[role="button"] {
    min-height: 44px;
    min-width: 44px;
}

/* Smooth scrolling for the whole site */
html {
    scroll-behavior: smooth;
}

/* Custom focus styles for better accessibility */
*:focus {
    outline: 2px solid #4f46e5; /* Indigo-600 */
    outline-offset: 2px;
}

/* Ensure images are responsive by default */
img {
    max-width: 100%;
    height: auto;
}

/* Style for FAQ answer transition */
.faq-answer {
    transition: all 0.3s ease-out;
}