.mtspace-job-position {
    line-height: 1.5em !important;
}

.mtspace-job-item {
    min-width: 0;
    min-height:0;
    width:100%;
    height:100%;
    display:flex;
    flex-direction: column;
    border-radius:5px;
    border: 1px solid #000000 !important;
    border-color: var(--mtspace-body-color, #000000) !important;
    background: #FFFFFF;
    background-color: var(--mtspace-body-background, #ffffff) !important;
}

.mtspace-job-title {
    font-size:x-large;
    font-weight: 500;
    padding:0.25em;
    border-bottom:1px solid;
    border-color: #000000 !important;
    border-color: var(--mtspace-body-color, #000000) !important;
    color: #000000 !important;
    color: var(--mtspace-body-color, #000000) !important;
}

.mtspace-job-description {
    padding:0.75em;
    font-size:100%;
    color: #000000 !important;
    color: var(--mtspace-body-color, #000000) !important;
}

.mtspace-job-link {
    margin-top: auto;
    margin-bottom: 0;
    padding: 0.5em 1em;
}

.mtspace-job-link>a {
    float: right;
    text-decoration: underline;
    text-decoration-color: #000000;
    text-decoration-color: var(--mtspace-body-color, #000000);
    color: #000000 !important;
    color: var(--mtspace-body-color, #000000) !important;
}

.mtspace-job-container {
    container-name: mtspace-jobs;
    container-type: inline-size;
}
.mtspace-job-holder {
    display:grid;
    gap:24px;
    grid-template-columns: repeat(1, 1fr);
}
@container mtspace-jobs (width > 773px) and (width < 1150px){
    .mtspace-job-holder {
        grid-template-columns: repeat(2, 1fr);
    }
}
@container mtspace-jobs (width > 1149px){
    .mtspace-job-holder {
        grid-template-columns: repeat(3, 1fr);
    }
}