/* Recruitment pages: reuse SIG typography, Bootstrap columns and brand colours. */
.recruitment section { padding: 64px 0; }
.recruitment .bg-light-blue { margin-top: 0; }
.recruitment .recruitment-intro { padding-top: 80px; }
.recruitment h1 { margin: 0 0 24px; }
.recruitment h2 { margin-top: 0; }
.recruitment p { margin-bottom: 24px; }
.recruitment .recruitment-eyebrow { color: #153a55; font-size: .85rem; font-weight: 700; margin-bottom: 16px; }
.recruitment .recruitment-promise { color: #009ee2; font-weight: 700; }
.recruitment-video { padding-left: 40px; }
.recruitment-video video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #153a55; }
.recruitment-intro-detail { margin-top: 48px; padding-top: 36px; border-top: 1px solid #d9eaf2; }
.recruitment-question { font-weight: 700; color: #153a55; }
.recruitment-facts { margin-top: 16px; margin-bottom: 40px; text-align: center; }
.recruitment-facts > div + div { border-left: 1px solid #b9dfef; }
.recruitment-facts p { margin: 0; padding: 12px; }
.recruitment-facts strong { display: block; color: #009ee2; font-size: 2.6rem; line-height: 1.3; margin-bottom: 10px; }
.recruitment-facts span { display: block; font-size: .9rem; color: #153a55; }
.recruitment .recruitment-reasons { padding-top: 0; }
.recruitment-reasons-heading { margin-bottom: 40px; }
.recruitment-portrait { margin: 0 0 0 24px; }
.recruitment-portrait img { display: block; width: 100%; height: auto; }
.recruitment-portrait figcaption { font-size: .85rem; color: #153a55; margin-top: 8px; }
.recruitment-reasons-list { padding: 0; list-style: none; margin-bottom: 0; }
.recruitment-reasons-list > li { display: flex; margin-bottom: 24px; }
.recruitment-reason { display: flex; gap: 18px; width: 100%; border-top: 2px solid #d9eaf2; padding: 24px 0 0; }
.recruitment-number { flex: 0 0 42px; color: #009ee2; font-size: 1.7rem; font-weight: 700; line-height: 1.4; }
.recruitment-reason h3 { color: #153a55; font-size: 1.1rem; line-height: 1.5; margin: 0 0 12px; }
.recruitment-reason p { margin: 0; }
.recruitment .recruitment-contact-links { margin: 24px 0 0; font-size: .9rem; overflow-wrap: anywhere; }
.recruitment-contact-links a { color: #153a55; }
.recruitment .recruitment-details { padding-top: 0; }
.recruitment-detail-card { height: 100%; display: flex; flex-direction: column; border: 1px solid #d9eaf2; }
.recruitment-detail-card > img { display: block; width: 100%; height: auto; }
.recruitment-detail-body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 24px; }
.recruitment-detail-body h3 { color: #153a55; font-size: 1.2rem; line-height: 1.5; margin: 0 0 16px; }
.recruitment-detail-body .btn { margin-top: auto; }
.recruitment-contact-portrait { display: block; width: 200px; height: auto; margin: 28px auto 0; }
@media (max-width: 991.98px) {
    .recruitment-video { padding-left: 15px; margin-top: 32px; }
    .recruitment-portrait { margin: 24px 0 0; }
}
@media (max-width: 767.98px) {
    .recruitment section { padding: 40px 0; }
    .recruitment .recruitment-intro { padding-top: 48px; }
    .recruitment-intro-detail { margin-top: 32px; padding-top: 28px; }
    .recruitment-facts > div + div { border-left: 0; border-top: 1px solid #b9dfef; }
    .recruitment-facts p { padding: 20px 0; }
    .recruitment-reasons-heading { margin-bottom: 24px; }
    .recruitment-reason { gap: 12px; }
    .recruitment-number { flex-basis: 36px; font-size: 1.5rem; }
}