.wordlehint__table {
    border-collapse: collapse;
    width: fit-content; /* shrink to content width */
    font-family: monospace; /* to align characters nicely */
    font-size: 1.2rem; /* adjust as needed */
    scroll-behavior:auto;
}

.wordlehint__table td, .wordlehint__table th {
    border: 1px solid #ccc;
    padding: 8px 12px;
    text-align: center;
    width: 2ch; /* width of approx 2 characters */
    white-space: nowrap; /* prevent wrapping */
}

.wordlehint__container {
    height: 200px; /* or whatever height you want */
    overflow-y: auto;
    border: 1px solid #ccc; /* optional, to show container edges */
}