/* Compatibility adjustments for the Vue 3 mounts used by the upgraded front end. */
people-component.section-grid > #peopleComponent {
    grid-column: 1 / -1;
}

/* Name controls accessibly without changing the supplied visual layout. */
.cc-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.location-selector .location-tab:focus-visible,
#peopleComponent button:focus-visible {
    outline: 2px solid #005293;
    outline-offset: 2px;
}
#peopleComponent button { cursor: pointer; }
#peopleComponent .cc-group-toggle {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
    text-align: left;
}
