body {
    font-family: 'Inter', sans-serif;
    color: #1f2937; /* text-gray-800 */
    background-color: #f9fafb; /* bg-gray-50 */
}

html {
    scroll-behavior: smooth;
}

/* Styles for FAQ <details> element */
details > summary {
    list-style: none;
}

details > summary::-webkit-details-marker {
    display: none;
}

/* Placeholder for video/demo content */
.video-placeholder {
    background-color: #e5e7eb; /* Tailwind's bg-gray-200 */
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    border-radius: 0.5rem; /* Tailwind's rounded-lg */
}

.video-placeholder svg {
    width: 4rem; /* Tailwind's w-16 */
    height: 4rem; /* Tailwind's h-16 */
    color: #6b7280; /* Tailwind's text-gray-500 */
}

/* Global transitions for interactive elements */
a,
button {
    transition: all 0.2s ease-in-out;
}

/* Additional global styles or component-specific styles can be added here */
.plan-card-header {
    /* Example: Add a bottom border to plan card headers */
    /* border-bottom: 2px solid #e0e7ff; */ /* Example color */
}

/* Ensuring smooth font rendering */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}