/* style.css */
/* Tailwind CSS is included via CDN in index.html, so custom CSS is minimal */

/* Custom font */
body {
    font-family: 'Inter', sans-serif;
}

/* Specific styling for character group border */
.character-group {
    border: 1px dashed #a7f3d0; /* Tailwind green-200 */
}

.character-group h2 {
    color: #047857; /* Tailwind green-700 */
}

/* Ensure textareas are resizable vertically */
textarea {
    resize: vertical;
}

/* Hide the number input arrows for a cleaner look */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}