@media(min-width: 900px){
    .wh-career-hero {
        position: relative;
    }
    .wh-career-hero-image {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        bottom: 0;
        left: 50%;
        width: 50%;
        object-fit: cover;
    }
    .wh-career-hero-content {
        max-width: 45%;
    }
    .wh-career-main-grid {
        display: grid;
        grid-template-columns: 30% 65%;
        gap: 5%;
    }
}

.wh-career-share-dropdown {
    position: relative;
    display: inline-block;
}

.wh-career-share-dropdown > summary {
    list-style: none;
    cursor: pointer;
}

.wh-career-share-dropdown > summary::-webkit-details-marker {
    display: none;
}

.wh-career-share-menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    z-index: 20;
    min-width: 220px;
    padding: 10px;
    border: 1px solid #d4d8de;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(20, 30, 40, 0.15);
}

.wh-career-share-link {
    display: block;
    width: 100%;
    margin: 0;
    padding: 10px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.wh-career-share-link:hover,
.wh-career-share-link:focus-visible {
    background: #f3f5f7;
    outline: none;
}

@media(max-width: 900px){
    .wh-career-hero {
        padding-bottom: 0;
    }
    .wh-career-hero-content {
        padding-bottom: clamp(2.5rem, 0.9375rem + 5vw, 3.75rem);
    }

    .wh-career-share-dropdown,
    .wh-career-share-dropdown > summary {
        width: 100%;
    }

    .wh-career-share-menu {
        width: 100%;
        min-width: 0;
    }
}