﻿.mhg-career-openings {
    width: 100%;
}

.mhg-career-card {
    background: #ffffff;
    border: 1px solid #eeeeee;
    padding: 32px;
    color: #001a33;
    font-family: Arial, Helvetica, sans-serif;
}

.mhg-career-card__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
}

.mhg-career-card__title {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0 0 10px;
    color: #001a33;
}

.mhg-career-card__category {
    font-size: 14px;
    font-weight: 500;
    color: #ed1c24;
    margin: 0;
}

.mhg-career-card__badges {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.mhg-career-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    padding: 7px 14px;
    line-height: 1;
}

.mhg-career-badge--location {
    background: #f4f4f5;
    color: #001a33;
}

.mhg-career-badge--type {
    background: #fde8eb;
    color: #ed1c24;
}

.mhg-career-location-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    background-color: #001a33;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C12 21 18 15.6863 18 10C18 6.68629 15.3137 4 12 4C8.68629 4 6 6.68629 6 10C6 15.6863 12 21 12 21Z' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 12.5C13.3807 12.5 14.5 11.3807 14.5 10C14.5 8.61929 13.3807 7.5 12 7.5C10.6193 7.5 9.5 8.61929 9.5 10C9.5 11.3807 10.6193 12.5 12 12.5Z' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C12 21 18 15.6863 18 10C18 6.68629 15.3137 4 12 4C8.68629 4 6 6.68629 6 10C6 15.6863 12 21 12 21Z' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 12.5C13.3807 12.5 14.5 11.3807 14.5 10C14.5 8.61929 13.3807 7.5 12 7.5C10.6193 7.5 9.5 8.61929 9.5 10C9.5 11.3807 10.6193 12.5 12 12.5Z' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
}

.mhg-career-card__divider {
    height: 1px;
    background: #eeeeee;
    margin: 36px 0 32px;
}

.mhg-career-card__summary {
    font-size: 18px;
    line-height: 1.55;
    margin: 0 0 34px;
    color: #001a33;
}

.mhg-career-card__content {
    font-size: 14px;
    line-height: 1.5;
}

    .mhg-career-card__content h3 {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 16px;
        font-weight: 700;
        margin: 36px 0 18px;
        color: #001a33;
    }

        .mhg-career-card__content h3:first-child {
            margin-top: 0;
        }

        .mhg-career-card__content h3::before {
            content: "";
            width: 18px;
            height: 18px;
            display: inline-block;
            flex: 0 0 18px;
            background-color: #ed1c24;
            -webkit-mask: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 6V5C10 3.89543 10.8954 3 12 3C13.1046 3 14 3.89543 14 5V6M4 9H20M6 6H18C19.1046 6 20 6.89543 20 8V19C20 20.1046 19.1046 21 18 21H6C4.89543 21 4 20.1046 4 19V8C4 6.89543 4.89543 6 6 6Z' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 6V5C10 3.89543 10.8954 3 12 3C13.1046 3 14 3.89543 14 5V6M4 9H20M6 6H18C19.1046 6 20 6.89543 20 8V19C20 20.1046 19.1046 21 18 21H6C4.89543 21 4 20.1046 4 19V8C4 6.89543 6 6Z' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
        }

        .mhg-career-card__content h3:nth-of-type(2)::before {
            -webkit-mask: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15C15.3137 15 18 12.3137 18 9C18 5.68629 15.3137 3 12 3C8.68629 3 6 5.68629 6 9C6 12.3137 8.68629 15 12 15ZM9 14L7 21L12 18L17 21L15 14' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15C15.3137 15 18 12.3137 18 9C18 5.68629 15.3137 3 12 3C8.68629 3 6 5.68629 6 9C6 12.3137 8.68629 15 12 15ZM9 14L7 21L12 18L17 21L15 14' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
        }

    .mhg-career-card__content ul {
        list-style: none;
        padding: 0;
        margin: 0 0 28px;
    }

    .mhg-career-card__content li {
        position: relative;
        margin-bottom: 13px;
        padding-left: 32px;
        color: #001a33;
    }

    .mhg-career-card__content h3:first-of-type + ul li::before {
        content: "✓";
        position: absolute;
        left: 0;
        top: -2px;
        width: 18px;
        height: 18px;
        border: 2px solid #00c853;
        border-radius: 50%;
        color: #00c853;
        font-size: 13px;
        font-weight: 700;
        line-height: 16px;
        text-align: center;
    }

    .mhg-career-card__content h3:not(:first-of-type) + ul li {
        padding-left: 18px;
    }

        .mhg-career-card__content h3:not(:first-of-type) + ul li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            width: 5px;
            height: 5px;
            background: #ed1c24;
        }

.mhg-career-empty {
    background: #ffffff;
    border: 1px solid #eeeeee;
    padding: 24px;
    color: #001a33;
}

@media (max-width: 768px) {
    .mhg-career-card {
        padding: 24px;
    }

    .mhg-career-card__header {
        flex-direction: column;
    }

    .mhg-career-card__summary {
        font-size: 16px;
    }
}
