.authors{
    margin-top: 2rem;
    margin-bottom: 3rem;
}
@media(min-width: 62rem){
    .authors{
        margin-top: 5rem;
        margin-bottom: 5rem;
    }
}

.authors > div{
    font: var(--f-small);
    display: flex;
    flex-direction: row;
    column-gap: 0.25rem;
    row-gap: 0;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}
@media(min-width: 62rem){
    .authors > div{
        margin-bottom: 0;
    }
}

.authors > div > div:not(:first-child){
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}
.authors > div > div:not(:first-child) > div:not(:last-child)::after{
    content: ',';
}