.featherlight .featherlight-close-icon{
    top: 10px;
    right: 10px;
    font-weight: 800;
}
.recruitly-widget-apply{
    padding-left: 20px;
    padding-right: 20px;
}
.featherlight-iframe .featherlight-content{
    border-radius: 20px;
}
/*
 * Stock featherlight only paints the dark backdrop on `.featherlight:last-of-type`
 * (so that stacked lightboxes don't darken twice); the base `.featherlight` rule is
 * transparent. `:last-of-type` counts the last <div> sibling in <body>, so the instant
 * any third-party script appends a <div> to <body> while the lightbox is open — consent
 * banners, chat widgets, autofill/analytics overlays — the overlay stops matching and
 * the backdrop silently vanishes. We only ever open one lightbox (the apply iframe),
 * so pin the backdrop instead of depending on DOM order.
 */
.featherlight{
    background: rgba(0, 0, 0, .8);
}
