/*
 * Only what the theme cannot provide on a virtual page:
 * WordPress generates the layout classes for block gaps per page, and our
 * detail page contains no real block markup, so the two columns and the CTA
 * get their spacing here.
 */

.personio-job .personio-job-intro {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2em;
    margin-bottom: 6rem;
}

.personio-job .personio-job-intro > .wp-block-column {
    flex: 1 1 320px;
    min-width: 0;
}

.personio-job .personio-job-intro figure {
    margin: 0;
}

.personio-job .personio-job-cta {
    text-align: center;
    padding-bottom: 7.5rem;
}

.personio-job-gone .content_block article {
    padding-bottom: 7.5rem;
}

.personio-job-gone .content_block article p {
    margin-bottom: 1.5rem;
}

@media only screen and (max-width: 767px) {
    .personio-job .personio-job-intro {
        margin-bottom: 3rem;
        gap: 1.5em;
    }

    .personio-job .personio-job-cta {
        padding-bottom: 4.5rem;
    }
}