#careers-page .career-intro { padding: 60px 0 45px; }
#careers-page .career-intro h2 { color: #24354c; font-size: clamp(36px, 4vw, 54px); line-height: 1.15; }
#careers-page .career-intro-copy { max-width: 490px; color: #637287; font-size: 14px; line-height: 1.9; }
#careers-page .career-photo { position: relative; overflow: hidden; border-radius: 26px; background: #213248; }
#careers-page .career-photo > img { display: block; width: 100%; height: 320px; object-fit: cover; }
#careers-page .career-photo-note { position: absolute; inset: auto 18px 18px; display: flex; align-items: center; gap: 14px; padding: 18px; border: 1px solid #ffffff38; border-radius: 16px; background: #192a3ee6; color: #fff; }
#careers-page .career-photo-note i { color: #ffc59b; font-size: 23px; }
#careers-page .career-photo-note strong { display: block; font-size: 15px; font-weight: 600; }
#careers-page .career-photo-note span { font-size: 11px; color: #d0ddeb; }
#careers-page .career-principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 36px 0 0; padding: 26px; border: 1px solid #fff; border-radius: 24px; background: linear-gradient(135deg, #fff7efb3, #edf3fab3); }
#careers-page .career-principles article { display: flex; gap: 14px; align-items: flex-start; }
#careers-page .career-principles article > i { display: grid; place-items: center; flex: 0 0 42px; height: 42px; border: 1px solid #ead9c9; border-radius: 13px; background: #fff4e9; color: #aa3e0e; font-size: 17px; }
#careers-page .career-principles h3 { color: #30435c; font-size: 15px; margin-bottom: 6px; }
#careers-page .career-principles p { color: #6b7a8c; font-size: 12px; margin: 0; line-height: 1.8; }
#careers-page #career-opportunities { padding-top: 25px; }
#careers-page .career-sidebar { position: sticky; top: 100px; }
#careers-page .career-sidebar h2 { color: #25384f; font-size: 28px; line-height: 1.2; }
#careers-page .career-sidebar > p { color: #6a7b8e; font-size: 12px; }
#careers-page .career-departments { display: none; flex-direction: column; gap: 6px; margin-top: 22px; }
#careers-page.careers-ready .career-departments { display: flex; }
#careers-page .career-departments button { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; border: 1px solid transparent; border-radius: 12px; background: transparent; color: #596b81; text-align: left; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
#careers-page .career-departments button[aria-pressed="true"] { border-color: #edcfb8; background: #fff0e3; color: #a33b0e; }
#careers-page .career-departments button span { display: grid; place-items: center; min-width: 24px; height: 24px; padding-inline: 5px; border-radius: 7px; background: #ffffffa6; font-size: 10px; }
#careers-page .career-guidance { margin-top: 25px; padding: 22px; border: 1px solid #ffffff1a; border-radius: 20px; background: linear-gradient(135deg, #30465c, #172638); color: #c7d6e6; }
#careers-page .career-guidance > i { margin-bottom: 18px; color: #ffbd8c; font-size: 22px; }
#careers-page .career-guidance h3 { color: #fff; font-size: 20px; }
#careers-page .career-guidance p { font-size: 12px; line-height: 1.85; }
#careers-page .career-guidance a { color: #ffd0af; font-size: 11px; font-weight: 650; }
#careers-page .career-controls { display: none; grid-template-columns: minmax(0, 1fr) 190px; gap: 12px; margin-bottom: 18px; }
#careers-page.careers-ready .career-controls { display: grid; }
#careers-page .career-controls label { display: block; margin-bottom: 7px; color: #607188; font-size: 10px; font-weight: 600; }
#careers-page .career-controls :is(input, select) { width: 100%; min-height: 48px; margin: 0; border: 1px solid #dce4ee; border-radius: 12px; background-color: #ffffffd9; color: #30445f; font-size: 12px; }
#careers-page .career-results-count { margin: 0 0 18px; color: #6b7b90; font-size: 11px; }
#careers-page .career-job { display: flex; align-items: center; gap: 18px; margin-bottom: 16px; padding: 24px; border: 1px solid #fff; border-radius: 22px; background: linear-gradient(135deg, #fffffff5, #ffffffb3); box-shadow: 0 8px 24px #26374f05; transition: border-color .2s, box-shadow .2s, transform .2s; }
#careers-page .career-job[hidden] { display: none; }
#careers-page .career-job-icon { display: grid; place-items: center; align-self: flex-start; flex: 0 0 44px; height: 44px; border: 1px solid #e0e8f2; border-radius: 14px; background: #edf3f9; color: #577895; font-size: 18px; }
#careers-page .career-job-info { flex: 1; min-width: 0; }
#careers-page .career-job-department { display: block; margin-bottom: 7px; color: #a24217; font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
#careers-page .career-job h3 { color: #253951; font-size: 19px; line-height: 1.35; margin-bottom: 10px; }
#careers-page .career-job p { max-width: 480px; margin-bottom: 14px; color: #6a7a8e; font-size: 12px; line-height: 1.85; }
#careers-page .career-job-badges { display: flex; flex-wrap: wrap; gap: 7px; }
#careers-page .career-job-badges span { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border: 1px solid #e1e7ef; border-radius: 100px; background: #f5f8fc; color: #64768b; font-size: 9px; }
body.theme-glass #wrapper #careers-page .career-job .action-cta { flex-shrink: 0; min-height: 46px; padding: 6px 6px 6px 18px; gap: 14px; font-size: 11px; }
#careers-page .career-job .action-cta-icon { width: 32px; height: 32px; flex-basis: 32px; }
#careers-page .career-empty { padding: 36px; border: 1px dashed #d0dbe9; border-radius: 22px; background: #ffffff80; text-align: center; }
#careers-page .career-empty[hidden] { display: none; }
#careers-page .career-empty h3 { color: #304660; font-size: 22px; }
#careers-page .career-empty p { color: #6a7b90; font-size: 12px; }
#careers-page .career-empty button { padding: 8px 18px; border: 1px solid #edcfb8; border-radius: 100px; background: #fff0e3; color: #a33b0e; font-size: 12px; font-weight: 600; cursor: pointer; }
#careers-page .career-application-note { display: flex; align-items: flex-start; gap: 10px; margin-top: 22px; color: #758398; font-size: 11px; line-height: 1.8; }
#careers-page .career-application-note > i { padding-top: 4px; color: #a24217; }
#careers-page :is(a, button, input, select):focus-visible { outline: 3px solid #ba4814; outline-offset: 4px; }
@media (hover: hover) and (pointer: fine) {
    #careers-page .career-job:hover { border-color: #edcfb8; transform: translateY(-3px); box-shadow: 0 16px 30px #26374f0c; }
    #careers-page .career-departments button:hover { background: #fff6ee; color: #a33b0e; }
}
@media (max-width: 1199px) { #careers-page .career-job { flex-wrap: wrap; } #careers-page .career-job .action-cta { margin-left: 62px; } }
@media (max-width: 991px) {
    #careers-page .career-sidebar { position: static; }
    #careers-page .career-departments { flex-direction: row; flex-wrap: wrap; }
    #careers-page .career-guidance { display: none; }
    #careers-page .career-principles { grid-template-columns: 1fr; }
}
@media (max-width: 575px) {
    #careers-page .career-intro { padding-top: 36px; }
    #careers-page .career-photo > img { height: 260px; }
    #careers-page .career-controls { grid-template-columns: 1fr; }
    #careers-page .career-job { padding: 20px; gap: 12px; }
    #careers-page .career-job-icon { flex-basis: 36px; height: 36px; }
    #careers-page .career-job h3 { font-size: 17px; }
    #careers-page .career-job .action-cta { margin-left: 48px; }
}
@media (prefers-reduced-motion: reduce) { #careers-page .career-job:hover { transform: none; } }
