.career-hero {
    position: relative;
    min-height: 430px;
    display: flex;
    align-items: flex-end;
    isolation: isolate;
    background-image: linear-gradient(90deg, rgba(4, 28, 49, .94) 0%, rgba(8, 44, 75, .76) 58%, rgba(8, 44, 75, .42) 100%), var(--career-hero-image);
    background-position: center;
    background-size: cover;
}

.career-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 5px;
    background: #ee212b;
    z-index: -1;
}

.career-hero__content {
    padding-top: 110px;
    padding-bottom: 68px;
    color: #fff;
}

.career-hero h1 {
    max-width: 900px;
    margin: 12px 0 16px;
    color: #fff;
    font-size: clamp(2.3rem, 5vw, 4.5rem);
    line-height: 1.05;
}

.career-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
    color: rgba(255, 255, 255, .78);
}

.career-breadcrumbs li + li::before {
    content: "/";
    margin-right: 8px;
    color: rgba(255, 255, 255, .5);
}

.career-breadcrumbs a { color: #fff; }
.career-breadcrumbs a:hover { color: #ff6a70; }

.career-kicker {
    display: inline-block;
    padding: 7px 13px;
    border-radius: 3px;
    background: #ee212b;
    color: #fff;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.career-published {
    margin: 0;
    color: rgba(255, 255, 255, .82);
}

.career-published i { margin-right: 8px; }

.career-detail {
    padding: 85px 0 95px;
    background: #f6f8fa;
}
    .career-detail .career-article .career-description {
        font-size: 1.5rem;
    line-height: 1.2;
    }

.career-article {
    padding-right: 55px;
    color: #3f4a53;
    font-size: 1.05rem;
    line-height: 1.85;
}

.career-summary {
    margin-bottom: 35px;
    padding-left: 24px;
    border-left: 4px solid #ee212b;
    color: #082c4b;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.55;
}

.career-description h2,
.career-description h3 {
    margin-top: 38px;
    color: #082c4b;
}

.career-description ul,
.career-description ol { padding-left: 24px; }
.career-description li { margin-bottom: 12px; }

.career-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 22px;
    margin-top: 48px;
    padding-top: 34px;
    border-top: 1px solid #dfe5e9;
}

.career-apply {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 15px 22px;
    border-radius: 3px;
    background: #ee212b;
    color: #fff;
    font-weight: 700;
}

.career-apply:hover { background: #082c4b; color: #fff; }
.career-back { color: #082c4b; font-weight: 600; }
.career-back i { margin-right: 8px; }

.career-sidebar { display: flex; flex-direction: column; gap: 24px; }

.career-card {
    padding: 30px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 12px 36px rgba(10, 38, 61, .08);
}

.career-card h2 {
    margin-bottom: 18px;
    color: #082c4b;
    font-size: 1.45rem;
}

.career-card--accent { background: #082c4b; color: rgba(255, 255, 255, .82); }
.career-card--accent h2 { color: #fff; }
.career-card--accent > a { color: #fff; font-weight: 700; }
.career-card--accent > a::after { content: " →"; color: #ff4b53; }

.career-card__eyebrow {
    margin-bottom: 8px;
    color: #ff4b53;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .5em;
    text-transform: uppercase;
}
.career-card--accent .career-card-join {
    color: #b1acac;
}
.career-related li + li { border-top: 1px solid #e7ebee; }
.career-related a { display: flex; flex-direction: column; gap: 4px; padding: 16px 0; color: #082c4b; }
.career-related a:hover { color: #ee212b; }
.career-related span { font-weight: 700; line-height: 1.35; }
.career-related small { color: #7a858e; }

@media (max-width: 991px) {
    .career-article { padding-right: 12px; }
    .career-sidebar { margin-top: 55px; }
    .career-summary, .career-card--accent h2, .career-back, .career-apply {
        font-size: 1.9rem;
    }
    .career-description, .career-card h2, .career-card__eyebrow {
        font-size: 2rem !important;
    }
}

@media (max-width: 575px) {
    .career-hero { min-height: 380px; }
    .career-hero__content { padding-top: 90px; padding-bottom: 50px; }
    .career-detail { padding: 58px 0 70px; }
    .career-actions { align-items: stretch; flex-direction: column; }
    .career-apply, .career-back { justify-content: center; text-align: center; }
}