/*
 * Dezentes KI-Transparenzlabel für Lern mit Ben.
 * Standard: klein, einfarbig und leicht transparent.
 * Hover/Tastaturfokus: vollständige Lern-mit-Ben-Farben.
 */
.lmb-ai-label-link {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    border-radius: 14px;
    text-decoration: none;
}

.lmb-ai-label {
    display: block;
    width: min(240px, 100%);
    height: auto;
    opacity: 0.52;
    filter: grayscale(1);
    transition: opacity 0.25s ease, filter 0.25s ease, transform 0.25s ease;
}

.lmb-ai-label-link:hover .lmb-ai-label,
.lmb-ai-label-link:focus-visible .lmb-ai-label,
.lmb-ai-label:hover {
    opacity: 1;
    filter: grayscale(0);
    transform: translateY(-1px);
}

.lmb-ai-label-link:focus-visible {
    outline: 2px solid #A5B4FC;
    outline-offset: 4px;
}

.lmb-ai-label-link--preview .lmb-ai-label {
    width: min(420px, 100%);
}

@media (prefers-reduced-motion: reduce) {
    .lmb-ai-label {
        transition: none;
    }
}