.kbs-lexique__filter button{
    appearance:none; border:1px solid #ddd; background:#fff; padding:.25rem .5rem; border-radius:4px; cursor:pointer; font:inherit;
}
.kbs-lexique__filter button.is-active{ background:#0073aa; color:#fff; border-color:#0073aa; }

.kbs-lexique__search{ margin:0 0 .75rem 0; }
.kbs-lexique__search input{ width:100%; max-width:420px; }

.kbs-lexique__list{
    display:grid;
    grid-template-columns:max-content 1fr;
    column-gap:.75rem;
    row-gap:.5rem;
    margin:0;
}
.kbs-lexique__list dt,
.kbs-lexique__list dd{ margin:0; }
.kbs-lexique__list dt{ font-weight:600; }
.kbs-lexique__list dt::after{ content:":"; margin-left:.25rem; }

.kbs-lexique__term{
    color:var(--six-color);
    font-size:1.1rem;
}
/* ========== Alphabet – thème sobre ========== */
.kbs-lexique{
    --kbs-accent: var(--fourth-color);        /* couleur active (sobre) */
    --kbs-text:   #24292f;
    --kbs-bg:     #fff;
    --kbs-border: #d0d7de;
    --kbs-active-text: #fff;
}

.kbs-lexique__filter{
    display:flex; flex-wrap:wrap; gap:.375rem .5rem; align-items:center;
    margin:0 0 1rem 0;
}

.kbs-lexique__filter button{
    appearance:none;  background:var(--kbs-bg);
    color:var(--kbs-text); padding:.35rem .6rem; border-radius:.6rem; cursor:pointer;
    font:500 0.95rem/1.2 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    transition: background .15s ease, color .15s ease, border-color .15s ease, box-shadow .2s ease;
}

.kbs-lexique__filter button:hover{ background:#f6f8fa; border-color:#c2c9d1; }

.kbs-lexique__filter button:focus-visible{
    outline: none;
    box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--kbs-accent), transparent 70%);
}

/* État sélectionné (via .is-active ou aria-pressed) */
.kbs-lexique__filter button.is-active,
.kbs-lexique__filter button[aria-pressed="true"]{
    background:var(--kbs-accent);
    color:var(--kbs-active-text);
    border-color:var(--kbs-accent);
    box-shadow: 0 0 0 .12rem color-mix(in srgb, var(--kbs-accent), transparent 70%);
}