/* css/word-counter.css */

#text-input-wc {
    min-height: 200px;
    /* Ensure a decent initial height */
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.stat-card {
    /* Basic styling for the statistic display cards */
    transition: transform 0.2s ease-out;
}

.stat-card:hover {
    transform: translateY(-3px);
}

/* Responsive adjustments for stats if needed beyond Tailwind's grid */
@media (max-width: 640px) {
    #results-area-wc {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        /* 2 columns on small screens */
    }

    .stat-card p:first-child {
        /* The number itself */
        font-size: 2rem;
        /* text-3xl */
    }

    h1 {
        font-size: 1.8rem;
    }
}