/* Glossar A-Z: Mobile Raster statt seitlichem Scrollen.
   Basis: 360px Viewport; die Desktop-Leiste bleibt unverändert. */
@media (max-width: 767.98px) {
    /* Beliebte Begriffe inkl. Card-Wrapper nur mobil ausblenden. */
    .afg-glossary-page .afg-glossary-featured-section {
        display: none;
    }

    .afg-glossary-page .afg-glossary-alphabet {
        display: grid;
        grid-template-columns: repeat(9, minmax(0, 1fr));
        align-items: stretch;
        gap: .4rem;
        overflow-x: visible;
        padding: .65rem;
    }

    .afg-glossary-page .afg-glossary-letter,
    .afg-glossary-page .afg-glossary-letter-all {
        min-width: 0;
        width: 100%;
        height: 42px;
        padding: 0;
        font-size: .78rem;
    }

    .afg-glossary-page .afg-glossary-letter:focus-visible {
        outline: 2px solid #9ecbff;
        outline-offset: 2px;
    }

    .afg-glossary-page .afg-glossary-letter:disabled {
        opacity: .42;
        cursor: default;
    }
}

@media (max-width: 599.98px) {
    .afg-glossary-page .afg-glossary-alphabet {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
}

@media (max-width: 430px) {
    .afg-glossary-page .afg-glossary-alphabet {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: .35rem;
        padding: .55rem;
    }
}