/* Recruitment detail only: use Thabico's blue/green palette without changing other pages. */
.career-detail-page {
    --career-blue: #086c9c;
    --career-navy: #123e59;
    --career-muted: #60727d;
    background: #f4f7f8;
}
.career-hero { height: auto; min-height: 0; }
.career-hero .bd-breadcrumb-wrapper { position: relative; inset: auto; margin: 0; padding: 48px 0; }
.career-hero .bd-breadcrumb { padding: 0; }
.career-hero .bd-breadcrumb-bg { filter: none; }
.career-hero .bd-breadcrumb-bg::before { background: rgba(8, 43, 65, .7); }
.career-hero .bd-breadcrumb-title { color: #fff; font-size: 36px; line-height: 1.25; margin-bottom: 14px; }
.career-hero-eyebrow { color: #c4e795; font-size: 12px; font-weight: 700; letter-spacing: 2.5px; margin-bottom: 10px; }
.career-hero .bd-breadcrumb-list { font-size: 14px; }
.career-content { padding: 32px 0 72px; }
.career-back { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 24px; color: var(--career-blue); font-size: 14px; font-weight: 600; }
.career-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; align-items: start; gap: 28px; }
.career-position, .career-sidebar { min-width: 0; background: #fff; border: 1px solid #e1e8eb; border-radius: 16px; box-shadow: 0 8px 30px rgba(20, 55, 75, .04); }
.career-position { overflow: hidden; }
.career-position-header { padding: 32px 36px; border-bottom: 1px solid #e8edef; }
.career-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 18px; }
.career-status, .career-employment { display: inline-flex; align-items: center; gap: 8px; border-radius: 5px; padding: 6px 11px; font-size: 13px; font-weight: 600; line-height: 1.4; }
.career-status { background: #eff7e8; color: #436d25; }
.career-status > span { width: 6px; height: 6px; background: #6c9c3c; border-radius: 50%; }
.career-employment { background: #eff6fa; color: var(--career-blue); }
.career-position h1 { font-size: clamp(24px, 2.2vw, 32px); line-height: 1.35; color: var(--career-navy); font-weight: 700; margin: 0 0 24px; overflow-wrap: anywhere; }
.career-facts { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; margin: 0; }
.career-facts dt { color: var(--career-muted); font-size: 13px; font-weight: 400; margin-bottom: 7px; }
.career-facts dt i { color: var(--career-blue); margin-right: 5px; }
.career-facts dd { color: #344c5b; font-size: 14px; line-height: 1.65; margin: 0; overflow-wrap: anywhere; }
.career-description { padding: 30px 36px 36px; }
.career-description > h2 { color: var(--career-navy); font-size: 21px; margin: 0 0 22px; }
.career-detail-page .job-description { color: #344854; font-size: 16px; line-height: 1.8; overflow-wrap: anywhere; }
.career-detail-page .job-description p { color: inherit; font-size: inherit; line-height: inherit; margin-bottom: 18px; }
.career-detail-page .job-description [style] { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; }
.career-detail-page .job-description h2, .career-detail-page .job-description h3,
.career-detail-page .job-description h4 { color: var(--career-navy); font-size: 19px; line-height: 1.5; margin: 24px 0 12px; }
.career-detail-page .job-description strong { color: var(--career-navy); }
.career-detail-page .job-description ul, .career-detail-page .job-description ol { padding-left: 24px; margin: 0 0 20px; }
.career-detail-page .job-description ul { list-style: disc; }
.career-detail-page .job-description ol { list-style: decimal; }
.career-detail-page .job-description li { margin-bottom: 8px; }
.career-detail-page .job-description a { color: var(--career-blue); text-decoration: underline; }
.career-detail-page .job-description img { max-width: 100%; height: auto; }
.career-detail-page .job-description table { display: block; max-width: 100%; overflow-x: auto; }
.career-apply { padding: 28px 36px; background: #f2f8ec; border-top: 1px solid #e2edd8; }
.career-apply h2 { color: var(--career-navy); font-size: 22px; line-height: 1.4; margin: 0 0 7px; }
.career-apply p { color: #52674c; font-size: 14px; line-height: 1.6; margin: 0 0 20px; }
.career-apply-button { display: inline-flex; align-items: center; justify-content: center; gap: 22px; min-height: 50px; padding: 13px 24px; border: 0; border-radius: 8px; background: var(--career-blue); color: #fff; font-size: 16px; font-weight: 600; transition: background .2s; }
.career-apply-button:hover { background: #075579; }
.career-sidebar { border-top: 4px solid #8bc442; }
.career-sidebar-heading { padding: 24px 24px 20px; }
.career-sidebar-eyebrow { color: #5f7a48; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; }
.career-sidebar h2 { color: var(--career-navy); font-size: 22px; line-height: 1.4; margin: 8px 0 10px; }
.career-sidebar-heading p { font-size: 14px; color: var(--career-muted); line-height: 1.7; margin: 0; }
.career-other-list { list-style: none; padding: 0; margin: 0; }
.career-other-list > li { margin: 0; padding: 0; border-top: 1px solid #e8edef; }
.career-other-link { display: block; padding: 22px 24px; transition: background .2s; }
.career-other-link:hover { background: #f4f9fc; }
.career-other-link h3 { color: var(--career-navy); font-size: 17px; font-weight: 600; line-height: 1.5; margin: 0 0 12px; overflow-wrap: anywhere; }
.career-other-link:hover h3 { color: var(--career-blue); }
.career-other-location { display: flex; gap: 8px; color: var(--career-muted); font-size: 13px; line-height: 1.7; }
.career-other-location i { margin-top: 4px; flex-shrink: 0; }
.career-other-location > span { overflow-wrap: anywhere; }
.career-other-bottom { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; justify-content: space-between; margin-top: 18px; }
.career-other-type { font-size: 12px; color: #5f6f77; }
.career-other-action { display: inline-flex; gap: 8px; align-items: center; color: var(--career-blue); font-size: 13px; font-weight: 600; }
.career-all-jobs { display: flex; justify-content: center; align-items: center; gap: 12px; padding: 20px 24px; border-top: 1px solid #e8edef; color: var(--career-blue); font-size: 14px; font-weight: 600; }
.career-other-empty { padding: 0 24px 24px; font-size: 14px; color: var(--career-muted); }
.career-detail-page a:focus-visible, .career-apply-button:focus-visible { outline: 3px solid #1683b5; outline-offset: 3px; border-radius: 4px; }
@media (min-width: 992px) {
    .career-sidebar { position: sticky; top: 104px; max-height: calc(100vh - 128px); overflow-y: auto; }
}
@media (max-width: 1199px) {
    .career-layout { grid-template-columns: minmax(0, 1fr) 310px; gap: 22px; }
    .career-position-header, .career-description, .career-apply { padding: 26px; }
}
@media (max-width: 991px) {
    .career-layout { grid-template-columns: minmax(0, 1fr); }
    .career-hero .bd-breadcrumb-wrapper { padding: 38px 0; }
    .career-hero .bd-breadcrumb-title { font-size: 30px; }
}
@media (max-width: 575px) {
    .career-hero .bd-breadcrumb-wrapper { padding: 36px 0 !important; }
    .career-hero .bd-breadcrumb-title { font-size: 28px !important; line-height: 1.3 !important; }
    .career-content { padding: 24px 0 40px; }
    .career-position-header, .career-description, .career-apply { padding: 22px 20px; }
    .career-facts { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .career-position h1 { font-size: 24px; }
    .career-detail-page .job-description { font-size: 15px; }
    .career-apply-button { width: 100%; gap: 16px; }
    .career-sidebar-heading, .career-other-link { padding: 22px 20px; }
}