.mcc-phq-ladder {
    --mcc-phq-border: #dcdcde;
    --mcc-phq-muted: #646970;
    --mcc-phq-row-alt: rgba(0, 0, 0, 0.035);
    max-width: 100%;
}

.mcc-phq-ladder__title {
    margin-top: 0;
}

.mcc-phq-ladder__table-wrap {
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid var(--mcc-phq-border);
    border-radius: 4px;
    -webkit-overflow-scrolling: touch;
}

.mcc-phq-ladder__table {
    width: 100%;
    min-width: 640px;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.mcc-phq-ladder__table th,
.mcc-phq-ladder__table td {
    padding: 0.7rem 0.75rem;
    border: 0;
    border-bottom: 1px solid var(--mcc-phq-border);
    text-align: center;
    white-space: nowrap;
}

.mcc-phq-ladder__table th {
    font-weight: 700;
    background: var(--wp--preset--color--contrast-2, #f0f0f1);
}

.mcc-phq-ladder__table tbody tr:nth-child(even) {
    background: var(--mcc-phq-row-alt);
}

.mcc-phq-ladder__table tbody tr:last-child td {
    border-bottom: 0;
}

.mcc-phq-ladder__table .mcc-phq-ladder__column-team {
    min-width: 180px;
    text-align: left;
    white-space: normal;
}

.mcc-phq-ladder__table .mcc-phq-ladder__column-position {
    width: 4rem;
}

.mcc-phq-ladder__empty {
    padding: 1rem;
    border-left: 4px solid var(--mcc-phq-border);
    background: var(--mcc-phq-row-alt);
}

.mcc-phq-ladder__admin-note {
    padding: 0.75rem;
    border: 1px dashed #d63638;
    font-size: 0.9em;
}

.mcc-phq-ladder__updated,
.mcc-phq-ladder__source {
    margin: 0.65rem 0 0;
    color: var(--mcc-phq-muted);
    font-size: 0.875em;
}

.mcc-phq-ladder__source a {
    color: inherit;
}