.search-page-form {
    margin-top: 2rem;
    margin-bottom: 3rem;
    @media ($desktop) {
        width: 50%;
    }
    .search-panel__desc {
        margin-bottom: 1.3rem;
    }
}

.search-page-form + #category-filters {
    margin-top: 0;
}

// Author search results
.author-results {
    margin-bottom: 3rem;

    &__title {
        font-family: $font-primary;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-bottom: 1.2rem;
        color: $less-dark-gray;
    }
}

// Taxonomy search results (axes & programmes)
.taxonomy-results {
    margin-bottom: 3rem;

    &__title {
        font-family: $font-primary;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-bottom: 1.2rem;
        color: $less-dark-gray;
    }

    &__list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 0.6rem;
    }

    &__link {
        display: block;
        padding: 0.5rem 1rem;
        border: 1px solid $light-gray;
        text-decoration: none;
        transition: border-color 0.15s;

        &:hover {
            border-color: $dark-gray;
        }
    }

    &__name {
        font-family: $font-heading;
        font-size: 0.95rem;
        line-height: 1.3;
    }

    &__meta {
        display: block;
        font-family: $font-primary;
        font-size: 0.7rem;
        text-transform: uppercase;
        color: $less-dark-gray;
        margin-top: 0.15rem;
    }
}

.author-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;

    @media ($tablet) {
        grid-template-columns: repeat(3, 1fr);
    }

    @media ($desktop) {
        grid-template-columns: repeat(6, 1fr);
    }
}

.author-card {
    border-bottom: solid 1px $laboratoire;
    padding-bottom: 0.4rem;

    &__visual {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 14vh;
        padding: 0.7rem;
        background-color: lighten($laboratoire, 28%);
        overflow: hidden;
        text-decoration: none;

        img {
            max-height: 100%;
            max-width: 100%;
            width: auto;
            height: auto;
            transition: transform 0.2s ease-out;
        }

        &:hover img {
            transform: scale(0.98);
        }
    }

    &__initials {
        font-family: $font-heading;
        font-size: 2rem;
        color: $laboratoire;
        user-select: none;
    }

    &__info {
        padding-top: 0.5rem;
    }

    &__name {
        font-family: $font-heading;
        font-size: 1rem;
        font-weight: normal;
        line-height: 1.2;
        margin-bottom: 0.3rem;

        a {
            text-decoration: none;
        }
    }

    &__role,
    &__affiliation {
        font-family: $font-primary;
        font-size: 0.75rem;
        text-transform: uppercase;
        line-height: 1.3;
        color: $less-dark-gray;
        margin: 0;
    }
}