/* Personnel tables remain real tables in documents and print. On narrow
   screens each wide row becomes one labeled personnel entry. */
.mc-policy-people-region { container-type: inline-size; min-width: 0; }
.mc-policy-people-region .mc-policy-people { max-width: 100%; }
@media screen {
    @container (max-width: 640px) {
        .mc-policy-people-wide,
        .mc-policy-people-wide > tbody,
        .mc-policy-people-wide .mc-policy-person-row { display: block !important; width: 100% !important; }
        .mc-policy-people-wide > thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
        .mc-policy-people-wide .mc-policy-person-row { margin-bottom: 14px; border: 1px solid #dbe4ec; }
        .mc-policy-people-wide .mc-policy-person-row > th,
        .mc-policy-people-wide .mc-policy-person-row > td { display: block; width: auto !important; border: 0 !important; border-bottom: 1px solid #e8edf2 !important; padding: 8px 12px !important; }
        .mc-policy-people-wide .mc-policy-person-row > :first-child { background: #edf3f8 !important; color: #0b3b5e; }
        .mc-policy-people-wide .mc-policy-person-row > :last-child { border-bottom: 0 !important; }
        .mc-policy-people-wide .mc-policy-person-row > [data-mc-column-label]::before { content: attr(data-mc-column-label); display: block; margin-bottom: 2px; color: #526779; font-size: .8em; font-weight: 600; }
    }
}