/* Biography popups marked by team-dialogs.js; the parent's appearance is unchanged. */
.pxl-page-popup[data-apmm-biogram] .pxl-popup--conent {
    overscroll-behavior: contain;
    overflow-wrap: anywhere;
}

/* The focused content fills the viewport, so its ring is drawn inside the edge. */
.pxl-page-popup[data-apmm-biogram] .pxl-popup--conent:focus-visible {
    outline: 3px solid #101820 !important;
    outline-offset: -3px !important;
    box-shadow: inset 0 0 0 6px #fff !important;
}

/* Keep the parent's fade; remove only the zoom of the content and the close control. */
@media (prefers-reduced-motion: reduce) {
    .pxl-page-popup[data-apmm-biogram] .pxl-popup--conent,
    .pxl-page-popup[data-apmm-biogram] .pxl-close-popup {
        transform: none !important;
    }
}

/* Reserve a separate lane for the fixed close control above narrow, scrolling text. */
@media (max-width: 767px) {
    .pxl-page-popup[data-apmm-biogram] > .pxl-popup--conent {
        box-sizing: border-box;
        padding-inline-end: 42px;
    }
    .pxl-page-popup[data-apmm-biogram] > .pxl-close-popup {
        right: 6px;
    }
}

/* Keep external widgets behind the active dialog without changing their state. */
.pxl-page-popup[data-apmm-biogram] {
    z-index: 2147483647;
}
body:has(.pxl-page-popup[data-apmm-biogram].active) > [inert] {
    opacity: 0 !important;
    visibility: hidden !important;
}