/* Job50 Matching - compact interactive cards */

.job50-match-carousel {
    position: relative;
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    padding: 0 48px 30px;
    box-sizing: border-box;
}

.job50-match-carousel::before,
.job50-match-carousel::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 34px;
    width: 72px;
    pointer-events: none;
    z-index: 2;
    opacity: .92;
    transition: opacity .24s ease;
}

.job50-match-carousel::before {
    left: 0;
    background: linear-gradient(90deg, rgba(233, 242, 247, .98) 0%, rgba(233, 242, 247, 0) 100%);
}

.job50-match-carousel::after {
    right: 0;
    background: linear-gradient(270deg, rgba(233, 242, 247, .98) 0%, rgba(233, 242, 247, 0) 100%);
}

.job50-match-carousel.is-at-start::before,
.job50-match-carousel.is-at-end::after {
    opacity: 0;
}

.job50-match-carousel__button {
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 14px));
    width: 48px;
    height: 48px;
    border: 1px solid rgba(222, 222, 222, .9);
    border-radius: 999px;
    background: rgba(255, 255, 255, .94);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #222;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .14);
    cursor: pointer;
    z-index: 3;
    transition: transform .24s cubic-bezier(.22,.61,.36,1), opacity .24s ease, background .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.job50-match-carousel__button .material-symbols-outlined {
    font-size: 24px;
    line-height: 1;
}

.job50-match-carousel__button:hover {
    transform: translateY(calc(-50% - 14px)) scale(1.06);
    box-shadow: 0 18px 38px rgba(0, 0, 0, .18);
    border-color: rgba(237, 28, 36, .22);
}

.job50-match-carousel__button:active {
    transform: translateY(calc(-50% - 14px)) scale(.98);
}

.job50-match-carousel__button:disabled {
    opacity: .18;
    cursor: default;
    box-shadow: none;
}

.job50-match-carousel__button--prev { left: 16px; }
.job50-match-carousel__button--next { right: 16px; }

.job50-match-carousel__dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
    padding: 0 76px;
}

.job50-match-carousel__dot {
    width: 9px;
    height: 9px;
    border: 0;
    border-radius: 999px;
    background: rgba(51, 51, 51, .18);
    padding: 0;
    cursor: pointer;
    transition: transform .22s ease, width .22s ease, background .22s ease, opacity .22s ease;
}

.job50-match-carousel__dot:hover {
    transform: scale(1.08);
    background: rgba(237, 28, 36, .38);
}

.job50-match-carousel__dot.is-active {
    width: 28px;
    background: #ed1c24;
}

.job50-match-list {
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
    align-items: flex-start;
    padding: 16px 8px 48px;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 8px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    user-select: none;
    cursor: grab;
}

.job50-match-list.is-dragging {
    scroll-snap-type: none;
    scroll-behavior: auto;
    cursor: grabbing;
}

.job50-match-list::-webkit-scrollbar {
    display: none;
}

.job50-match-card {
    --job50-card-sidebar-width: 290px;
    flex: 0 0 320px;
    max-width: 320px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    position: relative;
    border: 1px solid #dedede;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .03);
    overflow: hidden;
    cursor: pointer;
    will-change: transform, flex-basis, max-width;
    scroll-snap-align: start;
    transition:
        transform .34s cubic-bezier(.22,.61,.36,1),
        box-shadow .34s cubic-bezier(.22,.61,.36,1),
        flex-basis .56s cubic-bezier(.16,1,.3,1),
        max-width .56s cubic-bezier(.16,1,.3,1),
        grid-template-columns .56s cubic-bezier(.16,1,.3,1),
        border-color .28s ease;
}

.job50-match-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(255,255,255,.28), rgba(255,255,255,0) 34%);
    opacity: 0;
    pointer-events: none;
    transition: opacity .24s ease;
}

.job50-match-card:hover {
    transform: translateY(-3px) scale(1.014);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .09);
    border-color: rgba(237, 28, 36, .18);
}

.job50-match-card:hover::before {
    opacity: 1;
}

.job50-match-card:focus-within,
.job50-match-card.is-expanded {
    box-shadow: 0 7px 24px rgba(0, 0, 0, .03);
}

.job50-match-card.is-expanded {
    flex-basis: min(960px, calc(100vw - 96px));
    max-width: min(960px, calc(100vw - 96px));
    grid-template-columns: var(--job50-card-sidebar-width) minmax(0, 1fr);
    cursor: default;
    transform: none;
}

.job50-match-card.is-expanded .job50-match-card__sidebar {
    border-right: 1px solid #dedede;
}

@media (max-width: 782px) {
    .job50-match-carousel {
        padding: 0 18px 24px;
    }

    .job50-match-carousel::before,
    .job50-match-carousel::after {
        width: 28px;
        bottom: 28px;
    }

    .job50-match-carousel__button {
        width: 38px;
        height: 38px;
        transform: translateY(calc(-50% - 12px));
    }

    .job50-match-carousel__button:hover {
        transform: translateY(calc(-50% - 12px)) scale(1.04);
    }

    .job50-match-carousel__button--prev { left: 2px; }
    .job50-match-carousel__button--next { right: 2px; }

    .job50-match-carousel__dots {
        gap: 8px;
        margin-top: 10px;
        padding: 0 44px;
    }

    .job50-match-carousel__dot {
        width: 8px;
        height: 8px;
    }

    .job50-match-carousel__dot.is-active {
        width: 22px;
    }

    .job50-match-list {
        padding: 0 6px 12px;
        gap: 16px;
        scroll-padding-inline: 6px;
    }

    .job50-match-card {
        flex-basis: 280px;
        max-width: 280px;
    }

    .job50-match-card.is-expanded {
        flex-basis: min(960px, calc(100vw - 36px));
        max-width: min(960px, calc(100vw - 36px));
    }
}
.job50-match-card__sidebar {
    padding: 32px;
    border-right: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
}

.job50-match-sidebar-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.job50-match-sidebar-logo {
    width: 78px;
    height: 78px;
    flex: 0 0 78px;
    border-radius: 20px;
    border: 1px solid #dedede;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 10px;
}

.job50-match-sidebar-logo.is-avatar {
    border-radius: 9999px;
    padding: 0;
}

.job50-match-sidebar-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.job50-match-sidebar-logo.is-avatar img {
    object-fit: cover;
}

.job50-match-sidebar-initials {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: inherit;
    background: #ed1c24;
    color: #FFF;
    font-family: var(--wp--preset--font-family--google-sans-flex, inherit);
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.job50-match-sidebar-identity {
    display: grid;
    gap: 4px;
}



.job50-match-sidebar-name,
.job50-match-sidebar-company {
    display: block;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.15;
    color: #333333;
}

.job50-match-sidebar-role,
.job50-match-sidebar-location {
    display: block;
    font-size: 14px;
    line-height: 1.45;
    color: #333333;
    opacity: .8;
}

.job50-match-sidebar-section {
    display: grid;
    gap: 8px;
}

.job50-match-sidebar-section p {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: #333333;
}

.job50-match-sidebar-section strong {
    font-size: 16px;
    line-height: 1.35;
    color: #333333;
}




.job50-match-tile--sidebar {
    min-height: 0;
}

.job50-match-tile--sidebar .job50-match-tile__panel,
.job50-match-tile--sidebar .job50-match-tile__trigger {
    min-height: 118px;
}

.job50-match-tile--sidebar .job50-match-tile__panel {
    width: 100%;
}

.job50-match-tile--sidebar.is-open .job50-match-tile__panel {
    width: min(320px, calc(100vw - 64px));
}

.job50-match-sidebar-actions {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.job50-match-sidebar-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    text-decoration: none;
    color: var(--wp--preset--color--accent-1, var(--j50-red, #ed1c24));
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    box-shadow: none;
}

.job50-match-sidebar-link .material-symbols-outlined,
.job50-match-sidebar-contact .material-symbols-outlined {
    font-size: 20px;
    line-height: 1;
    color: inherit;
}

.job50-match-sidebar-link:hover,
.job50-match-sidebar-link:focus,
.job50-match-sidebar-link:focus-visible {
    color: var(--wp--preset--color--accent-1, var(--j50-red, #ed1c24));
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

.job50-match-sidebar-contact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: auto;
    box-shadow: none;
}

.job50-match-card__main {
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-width: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition: max-width .38s cubic-bezier(.22,.61,.36,1), max-height .38s cubic-bezier(.22,.61,.36,1), opacity .28s ease;
}

.job50-match-card.is-expanded .job50-match-card__main {
    max-width: 2000px;
    max-height: 1800px;
    opacity: 1;
    overflow: visible;
    pointer-events: auto;
}



.job50-match-score {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    font-family: var(--wp--preset--font-family--google-sans-flex, inherit);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ed1c24;
}

.job50-match-score--sidebar {
    align-items: flex-start;
    justify-content: center;
    flex: 1 1 auto;
}

.job50-match-score strong {
    font-size: 36px;
    line-height: .95;
    letter-spacing: -.04em;
    color: #333333;
}

.job50-match-score-bar {
    width: 120px;
    height: 5px;
    border-radius: 999px;
    background: #dedede;
    overflow: hidden;
}

.job50-match-score-fill {
    width: 0;
    height: 100%;
    border-radius: 999px;
    background: #22b573;
    transition: width .45s ease;
}





.job50-status-pill {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid #dedede;
    background: #FFF;
    color: #ed1c24;
    font-family: var(--wp--preset--font-family--google-sans-flex, inherit);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .03em;
}

.job50-status-pill--toggle {
    cursor: pointer;
    position: relative;
    padding-right: 36px;
    outline: none;
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
}

.job50-status-pill--toggle::after {
    content: '?';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .28);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.job50-status-pill--eligible {
    background: #22b573;
    border-color: #22b573;
    color: #FFF;
}

.job50-status-pill--blocked {
    background: #db2134;
    border-color: #db2134;
    color: #FFF;
}

.job50-status-pill--stale {
    background: #f9922d;
    border-color: #f9922d;
    color: #FFF;
}

.job50-status-pill--computed {
    background: #FFF;
    border-color: #dedede;
    color: #ed1c24;
    text-transform: none;
    font-size: 12px;
    letter-spacing: 0;
}

.job50-status-pill--toggle:focus,
.job50-status-pill--toggle:focus-visible,
.job50-status-pill--toggle:active {
    outline: none;
    box-shadow: none;
}

.job50-fit-box-wrap {
    width: 100%;
}

.job50-fit-box {
    width: 100%;
    max-width: 420px;
    border: 1px solid #dedede;
    border-radius: 18px;
    background: linear-gradient(180deg, #FFF 0%, #FFF 80%, #F5F5F5 100%);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .04);
    padding: 18px;
    display: grid;
    gap: 12px;
}

.job50-fit-box__badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    font-family: var(--wp--preset--font-family--google-sans-flex, inherit);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #FFF;
}

.job50-fit-box--eligible .job50-fit-box__badge {
    background: #22b573;
}

.job50-fit-box--blocked .job50-fit-box__badge {
    background: #db2134;
}

.job50-fit-box__lines {
    display: grid;
    gap: 8px;
}

.job50-fit-box__line {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #333333;
}

.job50-fit-box__line strong {
    color: #ed1c24;
}

.job50-match-criteria {
    padding: 32px;
    display: grid;
    gap: 18px;
    overflow: visible;
}

.job50-match-group {
    display: grid;
    gap: 10px;
    overflow: visible;
}

.job50-match-group__label {
    margin: 0;
    font-family: var(--wp--preset--font-family--google-sans-flex, inherit);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #ed1c24;
}

.job50-match-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    align-items: start;
    overflow: visible;
}

.job50-match-tile {
    position: relative;
    min-height: 90px;
    overflow: visible;
    --job50-follow-x: 0px;
    --job50-follow-y: 0px;
}

.job50-match-tile__panel {
	position: relative;
	min-height: 90px;
	border: 1px solid #dedede;
	border-radius: 6px;
	background: #FFF;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .04);
	transition: transform .32s cubic-bezier(.22,.61,.36,1), box-shadow .32s cubic-bezier(.22,.61,.36,1), width .30s cubic-bezier(.22,.61,.36,1), min-height .30s cubic-bezier(.22,.61,.36,1);
	overflow: hidden;
	transform-origin: top left;
}

.job50-match-tile:hover .job50-match-tile__panel {
    transform: translateY(-2px) scale(1.014);
    box-shadow: 0 15px 34px rgba(0, 0, 0, .085);
}

.job50-match-tile.is-open {
    z-index: 40;
}

.job50-match-tile.is-open .job50-match-tile__panel {
    position: absolute;
    top: 0;
    left: 0;
    width: min(320px, calc(100vw - 64px));
    transform: translate3d(var(--job50-follow-x), var(--job50-follow-y), 0);
    box-shadow: 0 22px 44px rgba(0, 0, 0, .14);
    overflow: visible;
}

.job50-match-tile__trigger {
    appearance: none;
    width: 100%;
    padding: 6px 18px 12px 16px;
    border: none;
    background: transparent;
    text-align: left;
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
}

.job50-match-tile__trigger:focus,
.job50-match-tile__trigger:focus-visible,
.job50-match-tile__trigger:active {
    outline: none;
    box-shadow: none;
}

.job50-match-tile__title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    padding-top: 24px;
}

.job50-match-tile__title.ic-label::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 1;
    filter: brightness(0) saturate(0%) invert(90%);
}

.job50-match-tile__title.label-job-target::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3'/%3E%3C/svg%3E");
}

.job50-match-tile__label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.15;
	text-transform: uppercase;
	color: #333333;
	white-space: normal;
	word-break: normal;
	overflow-wrap: normal;
	hyphens: none;
	writing-mode: horizontal-tb;
	max-width: 160px;
	font-family: var(--wp--preset--font-family--google-sans-flex, inherit);
}

.job50-match-badge {
	position: absolute;
	top: -1px;
	right: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 24px;
	padding: 0 6px 0 6px;
	border-radius: 0 0 2px 2px;
	font-family: var(--wp--preset--font-family--google-sans-flex, inherit);
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	color: #FFF;
	white-space: nowrap;
	gap: 7px;
}



.job50-match-tile--match .job50-match-badge {
    background: #22b573;
}

.job50-match-tile--partial .job50-match-badge {
    background: #f9922d;
}

.job50-match-tile--no-match .job50-match-badge {
    background: #db2134;
}

.job50-match-tile--inactive .job50-match-badge {
    background: #ed1c24;
}

.job50-match-tile__details {
    padding: 0 18px 18px;
    display: grid;
    gap: 12px;
    animation: job50TileOpen .18s ease;
}

.job50-match-tile__values {
    display: grid;
    gap: 8px;
}

.job50-match-tile__values span {
    font-size: 14px;
    line-height: 1.55;
    color: #333333;
}

.job50-match-tile__values em {
    font-style: normal;
    color: #ed1c24;
    font-weight: 700;
}

.job50-match-tile__explanation {
    position: relative;
    display: block;
    min-height: 24px;
    padding-left: 30px;
    color: #333333;
    opacity: .88;
}

.job50-match-tile__explanation::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.job50-match-tile__explanation--check::before {
    background-image: var(--job50-match-icon-check);
}

.job50-match-tile__explanation--block::before {
    background-image: var(--job50-match-icon-block);
}

.job50-match-tile__explanation--partial::before {
    background-image: var(--job50-match-icon-partial);
}

.job50-match-tile__details[hidden],
.job50-fit-box-wrap[hidden] {
    display: none !important;
}


.job50-match-tile.is-open .job50-match-tile__label {
    max-width: 210px;
}

.job50-match-offer-list {
    display: grid;
    gap: 14px;
}

.job50-match-offer-list .job50-badge {
    background: #ed1c24;
    color: #FFF;
}

.job50-match-offer-list .buttons {
    background: #ed1c24;
    color: #FFF;
}

@keyframes job50TileOpen {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}



.job50-match-tile.is-open.job50-match-tile--open-left .job50-match-tile__panel {
    left: 0;
    right: auto;
    transform: translate3d(var(--job50-follow-x), var(--job50-follow-y), 0);
}

.job50-match-tile.is-open.job50-match-tile--open-center .job50-match-tile__panel {
    left: 50%;
    right: auto;
    transform: translate3d(calc(-50% + var(--job50-follow-x)), var(--job50-follow-y), 0);
}

.job50-match-tile.is-open.job50-match-tile--open-right .job50-match-tile__panel {
    left: auto;
    right: 0;
    transform: translate3d(var(--job50-follow-x), var(--job50-follow-y), 0);
}

.job50-match-tile.is-open.job50-match-tile--open-up .job50-match-tile__panel {
    top: auto;
    bottom: 0;
}

.job50-match-tile.is-open.job50-match-tile--open-down .job50-match-tile__panel {
    top: 0;
    bottom: auto;
}



    
@media (max-width:560px) {

    .job50-match-card__sidebar,
    .job50-match-card__header,
    .job50-match-criteria {
        padding-left: 20px;
        padding-right: 20px;
    }

    .job50-match-grid {
        grid-template-columns: 1fr;
    }

    .job50-match-score strong {
        font-size: 42px;
    }

    .job50-match-offer-list {
        display:grid;
        gap:12px;
    }

    .job50-match-offer-list .job50-dashboard-card {
        padding:0;
        margin:0;
        border:0;
        box-shadow:none;
        background:transparent;
    }

    .job50-match-offer-list .job50-dashboard-card .job50-dashboard-card__header {
        display:grid;
        gap:12px;
        margin:0;
        padding:14px 14px 14px 18px;
        border:1px solid #dedede;
        border-radius:16px;
        background:#fbfbfd;
    }

    .job50-match-offer-list .job50-dashboard-card__header > div:first-child strong {
        display:block;
        font-size:1rem;
        font-weight:400;
        color:#44414a;
    }

    .job50-match-offer-list .job50-dashboard-meta {
        display:block;
        font-size:13px;
        margin-top:6px;
        margin-left:0 !important;
        color:#6b6871;
    }

    .job50-match-offer-list .job50-dashboard-card__header > div:last-child {
        display:flex !important;
        align-items:center;
        justify-content:space-between;
        gap:12px !important;
    }

    .job50-match-offer-list .job50-badge {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-height:22px;
        padding:0 14px;
        border-radius:999px;
        background:#ed1c24;
        color:#fff;
        font-size:.72rem;
        text-transform:uppercase;
        font-weight:700;
    }

    .job50-match-offer-list .buttons--sm,
    .job50-match-offer-list a.buttons,
    .job50-match-offer-list a.buttons.buttons--sm {
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:24px !important;
        min-width:24px !important;
        height:24px !important;
        padding:0 !important;
        border:2px solid #ed1c24 !important;
        border-radius:999px !important;
        background:#fff !important;
        box-shadow:none !important;
        color:transparent !important;
        font-size:0 !important;
        line-height:0 !important;
        text-indent:-9999px !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        position:relative !important;
    }

    .job50-match-offer-list .buttons--sm::after,
    .job50-match-offer-list a.buttons::after,
    .job50-match-offer-list a.buttons.buttons--sm::after {
        content:'›';
        position:absolute;
        inset:0;
        display:flex;
        align-items:center;
        justify-content:center;
        color:#ed1c24;
        font-size:18px;
        font-weight:700;
        line-height:1;
        text-indent:0;
    }

    .job50-match-offer-list .buttons:hover,
    .job50-match-offer-list a.buttons:hover {
        opacity:.82;
    }


    .job50-overline,
    .job50-match-sidebar-section--scope,
    .job50-match-card__header,
    .job50-match-summary,
    .job50-match-status-row {
        display: none !important;
    }
    .job50-match-badge::after {
        content: none !important;
        display: none !important;
    }
}

.job50-match-sidebar-link--announce .material-symbols-outlined {
    font-size: 18px;
}

.job50-match-sidebar-actions .job50-apply-btn {
    width: 100%;
    justify-content: center;
}


.job50-match-card[tabindex="0"]:focus,
.job50-match-card[tabindex="0"]:focus-visible {
    outline: none;
}

@media (max-width: 900px) {
    .job50-match-card.is-expanded {
        grid-template-columns: 1fr;
    }

    .job50-match-card.is-expanded .job50-match-card__sidebar {
        border-right: 0;
        border-bottom: 1px solid #dedede;
    }
}