/* style.css - Minimal styles, rely on Tailwind CSS */

body {
    /* Styles for body will be applied via Tailwind classes in index.html */
    /* Example: bg-gray-100 text-gray-800 flex justify-center items-center min-h-screen p-5 box-border */
}

.container {
    /* Styles for container will be applied via Tailwind classes in index.html */
    /* Example: bg-white p-6 rounded-lg shadow-lg w-full max-w-2xl text-center */
}

canvas#verseCanvas {
    border: 1px solid #ccc; /* Keep a default border for the canvas, can be replaced by Tailwind */
    /* Tailwind classes like 'border border-gray-300 rounded-md mt-2 max-w-full h-auto' can be used in HTML */
}

/* Remove other specific styles for h1, h2, .controls, button, etc. */
/* These will be styled using Tailwind utility classes directly in the HTML. */

/* Media queries will also be handled by Tailwind's responsive prefixes. */