/* Drag-to-reorder (person list). */
.drag-handle {
    cursor: grab;
    color: var(--muted-foreground);
    text-align: center;
}

tr.PersonRow.dragging {
    opacity: .5;
}

/* Thumbnails (person table / pictures) — hover to zoom. */
.thumb {
    max-height: 32px;
    max-width: 128px;
    height: auto;
    width: auto;
    transition: transform .2s;
    margin: 0 auto;
}

    .thumb:hover {
        transform: scale(8);
        z-index: 1;
        position: relative;
    }

/* Biography / stats info tables. */
.infobox-data,
.infobox-label {
    word-break: break-all;
    vertical-align: top;
}

.infobox th,
.infobox td {
    padding: 5px;
}

/* Profile picture on the person detail header. */
.profilePicture img {
    max-height: 10rem;
}

/* Person card/grid view — portrait profile pictures (taller than wide). */
.person-card-img {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    background-color: #f2f2f2;
}