#knmGlossary_chars_wrap {
    display: grid;
    justify-content: center;
    grid-template-columns: 1fr;
}

#knmGlossary_chars {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0.5rem;
    justify-content: center;
}

.knmGlossary_char {
    display: inline-grid;
    justify-content: center;
    align-items: center;
    height: 2.2rem;
    padding: 0 0.5rem;
    width: max-content;
    box-sizing: border-box;
    border: 2px solid #525252;
    font-weight: bold;
}

.knmGlossary_char.knmGlossary_has_no_entry {
    border-color: var(--gray-dark);
    border-width: 1px;
    font-weight:normal;
}
div.knmGlossary_char.knmGlossary_has_no_entry:hover {
    cursor: not-allowed;
}

.knmGlossary_char:not(.btn-primary) {
    background-color: transparent;
}

.knmGlossary_char:hover {
    cursor:pointer;
    background-color: #f8bf00;
}

.knmGlossary_char,
.knmGlossary_char:hover {
    text-decoration: none;
    color: #525252;
}

.knmGlossary_char span {
    display: block;
    white-space: nowrap;
}