.taxonomy-letters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    justify-content: center; /* Center the container */
    margin-bottom: 1em;
}

.taxonomy-letter-anchor {
    display: inline-block;
    width: 32px; /* Fixed width for uniform size */
    text-align: center;
    padding: 0.4em 0;
    background: #eee;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 400;
color: black;
}
.taxonomy-group {
    margin-bottom: 2em;
}
.taxonomy-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75em;
}
.taxonomy-item a {
    display: block;
    background: #f5f5f5;
    padding: 0.6em;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    color: black;
}
.taxonomy-letter-anchor:hover,
.taxonomy-item a:hover  {
        color: #D71B2C
}
@media (max-width: 528px) {
    .taxonomy-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}