/* Want some top and bottom padding for notes column to look nice */
.notes {
    --b-grid-cell-padding-block : 1em;
}

/* Initials in a colored circle */
.initials {
    display          : grid;
    place-items      : center;

    width            : 3em;
    height           : 3em;
    border-radius    : 50%;
    margin-block     : .5em;
    margin-inline    : 0 1em;

    background-color : lightskyblue;
    color            : #fff;
}

/* Name slightly larger */
.name {
    font-size : 1.1em;
}

/* // Membership smaller */
.membership {
    font-size  : .9em;
    margin-top : .2em;
}

/* City fills width, to have globe icon on the right */
.city {
    a {
        display         : flex;
        flex            : 1;
        align-items     : center;
        text-decoration : none;

        span {
            flex            : 1;
            text-decoration : none;
        }

        i {
            font-size         : 1.5em;
            margin-inline-end : .5em;
        }
    }
}