/* Crop the standardized full-body render to head, shoulders and upper chest.
   Percent-based framing stays consistent with the existing responsive frame sizes. */
.rankings-table .ranking-portrait {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    flex-basis: 72px;
    border-radius: 10px;
}
.rankings-table .ranking-portrait img {
    position: absolute;
    top: 3%;
    left: 50%;
    width: 210%;
    max-width: none;
    height: auto;
    object-fit: contain;
    object-position: center top;
    transform: translateX(-50%);
    transform-origin: center top;
}

.rankings-table .table-person {
    min-width: 0;
    align-items: center;
}

.rankings-table .table-person > span:last-child {
    min-width: 0;
}

.rankings-table .table-person strong {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.2;
}

@media (max-width: 600px) {
    .rankings-table .ranking-portrait {
        width: 56px;
        height: 56px;
        flex-basis: 56px;
        border-radius: 9px;
    }
}