/* SEO-localized hiring evidence pages: scoped, mobile-first, RTL-safe, independent from candidate dashboards. */
:root{--m-ink:#103c4e;--m-navy:#092d43;--m-teal:#0d7581;--m-edge:#d7e6e9}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f3f8f9;color:var(--m-ink);font:15px/1.65 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:#096f7a}
a:focus-visible,select:focus-visible{outline:3px solid #21b4ae;outline-offset:3px}
.mb-hiring-wrap{max-width:1200px;margin:0 auto;padding-inline:22px}
.mb-hiring-header{background:var(--m-navy);color:#fff;position:relative;z-index:5}
.mb-hiring-header>.mb-hiring-wrap{display:flex;align-items:center;gap:24px;min-height:86px}
.mb-hiring-brand{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:25px;font-weight:900;letter-spacing:-.05em;color:#fff;text-decoration:none}
.mb-hiring-brand span{color:#a3e7de}
.mb-hiring-header nav{margin-inline:auto;display:flex;flex-wrap:wrap;gap:13px}
.mb-hiring-header nav a{font-weight:750;color:#d6f5f4;text-decoration:none;font-size:12px}
.mb-hiring-header nav a:hover{text-decoration:underline}
.mb-hiring-locale-label{font-size:16px}
.mb-hiring-header select{font:650 12px/1.4 system-ui,sans-serif;color:#133c4b;background:#fff;border:1px solid #a1d9d9;border-radius:10px;padding:10px 12px;max-width:210px;cursor:pointer}
.mb-hiring-crumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-block:23px;color:#728b96;font-size:12px}
.mb-hiring-crumb a{text-decoration:none}
.mb-hiring-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);align-items:center;gap:30px;padding:clamp(25px,4vw,50px);background:linear-gradient(135deg,#0a3448,#0a6475 70%,#127e80);border-radius:26px;color:#fff;box-shadow:0 22px 38px #143e5321}
.mb-hiring-eyebrow{color:#b0f6e7;font-size:10px;letter-spacing:.15em;font-weight:850}
.mb-hiring-hero h1{font-size:clamp(29px,4.5vw,54px);line-height:1.13;letter-spacing:-.04em;margin:14px 0 17px;color:#fff}
.mb-hiring-hero p{max-width:63ch;color:#e0f6f5;font-size:15px;line-height:1.75}
.mb-hiring-hero>img{width:100%;height:280px;object-fit:cover;border-radius:17px}
.mb-hiring-stat{display:inline-flex;align-items:center;gap:9px;background:#ffffff19;border:1px solid #a7efee70;border-radius:13px;padding:12px 16px;color:#fff;font-size:12px}
.mb-hiring-stat strong{font-size:23px;color:#aaf5d9}
.mb-hiring-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.mb-hiring-actions a{display:inline-flex;justify-content:center;min-height:42px;align-items:center;border-radius:9px;padding:10px 14px;background:#b7f6e6;border:1px solid #b7f6e6;text-decoration:none;color:#104454;font-weight:850;font-size:12px}
.mb-hiring-actions a.mb-hiring-secondary{background:transparent;border-color:#a8e1df;color:#e6fffa}
.mb-hiring-companies{padding:35px 0 10px}
.mb-hiring-companies h2,.mb-hiring-method h2{font-size:clamp(21px,2.5vw,29px);line-height:1.24;letter-spacing:-.025em;margin:0 0 21px}
.mb-hiring-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mb-hiring-company{min-width:0;border:1px solid var(--m-edge);background:#fff;border-radius:18px;padding:20px 22px;box-shadow:0 10px 24px #0a37460a}
.mb-hiring-company header{display:flex;align-items:center;gap:13px}
.mb-hiring-anchor{display:grid;place-items:center;min-width:49px;height:49px;border-radius:12px;background:#eaf8f5;color:#156c72;font-size:24px}
.mb-hiring-company h3{font-size:20px;letter-spacing:-.022em;line-height:1.3;margin:0 0 5px}
.mb-hiring-company header p{margin:0;color:#6f8791;font-size:12px}
.mb-hiring-company ul{margin:19px 0 0;padding:0;list-style:none}
.mb-hiring-company li{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #e7eff0;padding:12px 0;min-width:0}
.mb-hiring-company li>div{min-width:0}
.mb-hiring-company li a:not(.mb-hiring-original){font-size:13px;font-weight:780;text-decoration:none;overflow-wrap:anywhere}
.mb-hiring-company li a:hover{text-decoration:underline}
.mb-hiring-company small{display:block;margin-top:3px;color:#79909a;font-size:11px}
.mb-hiring-original{flex:0 0 auto;text-decoration:none;font-size:11px;font-weight:800}
.mb-hiring-company .mb-hiring-actions a{background:#0b7180;color:#fff;border-color:#0b7180}
.mb-hiring-company .mb-hiring-actions a.mb-hiring-secondary{background:#ecf7f7;border-color:#d1e5e6;color:#0d6979}
.mb-hiring-method{background:#fff;margin:29px 0 65px;padding:28px;border-radius:18px;border:1px solid var(--m-edge)}
.mb-hiring-method p{color:#496b77;max-width:100ch}
.mb-hiring-method .mb-hiring-actions a.mb-hiring-secondary{color:#0e6270;border-color:#b8d9d7}
.mb-hiring-empty{padding:25px;background:#fff;border:1px solid var(--m-edge);border-radius:13px}
.mb-hiring-footer{background:var(--m-navy);color:#d2e4e9;padding:20px 0;font-size:12px}
.mb-hiring-footer a{color:#afece8}
@media(max-width:940px){.mb-hiring-header>.mb-hiring-wrap{flex-wrap:wrap;padding-block:15px;gap:12px}.mb-hiring-header nav{order:3;width:100%}.mb-hiring-grid{grid-template-columns:1fr}.mb-hiring-hero{grid-template-columns:1.2fr .8fr}}
@media(max-width:630px){.mb-hiring-wrap{padding-inline:13px}.mb-hiring-hero{display:flex;flex-direction:column;align-items:stretch;padding:25px 19px;border-radius:17px;gap:15px}.mb-hiring-hero>img{height:180px}.mb-hiring-header select{max-width:170px}.mb-hiring-brand{font-size:21px}.mb-hiring-brand img{width:33px;height:33px}.mb-hiring-company{padding:17px}.mb-hiring-company li{align-items:flex-start;flex-direction:column;gap:5px}.mb-hiring-method{padding:20px}.mb-hiring-actions a{flex:1 0 145px}}
[dir="rtl"] .mb-hiring-brand{letter-spacing:normal}[dir="rtl"] .mb-hiring-brand span{margin-inline-start:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Shared Maritime Bridge visual identity: paper-white navigation, restrained teal,
   full keyboard focus and professional density on wide/mobile screens. */
.mb-hiring-header{background:#fff;color:#10384b;border-bottom:1px solid #dce8e9;box-shadow:0 4px 24px #082d3c0b;position:sticky;top:0;z-index:60}
.mb-hiring-brand{color:#15384a;letter-spacing:-.045em}
.mb-hiring-brand span{color:#05868c}
.mb-hiring-header nav{gap:clamp(10px,1.45vw,21px);align-items:center}
.mb-hiring-header nav a{color:#244c5b;font-size:12px;line-height:1.5;text-decoration:none;border-bottom:2px solid transparent;padding-block:6px}
.mb-hiring-header nav a:hover,.mb-hiring-header nav a:focus-visible{color:#087d84;border-bottom-color:#087d84}
.mb-hiring-header select{border-color:#cae0e0;background:#f4faf9;max-width:200px}
.mb-hiring-header select:hover{border-color:#0b7a83}
.mb-hiring-hero{box-shadow:0 18px 35px #143b541a}
.mb-hiring-hero>img{aspect-ratio:16/10;object-fit:cover;object-position:center}
.mb-hiring-company{transition:border-color .16s ease,box-shadow .16s ease}
.mb-hiring-company:hover{border-color:#97c8c6;box-shadow:0 13px 29px #0a374612}
.mb-hiring-company .mb-hiring-actions{margin-top:auto;padding-top:8px}
.mb-hiring-companies{scroll-margin-top:115px}
.mb-hiring-actions a:focus-visible{outline:3px solid #25d0c3;outline-offset:3px}
.mb-hiring-original{min-height:36px;display:inline-flex;align-items:center}
.mb-hiring-method h2{margin-bottom:15px}
.mb-hiring-method details{max-width:98ch}
@media(min-width:920px){.mb-hiring-hero p{max-width:63ch}}
@media(max-width:820px){
 .mb-hiring-header>.mb-hiring-wrap{gap:12px}
 .mb-hiring-header nav{gap:15px}
 .mb-hiring-header select{max-width:min(210px,40vw)}
}
@media(max-width:620px){
 .mb-hiring-header{position:relative}
 .mb-hiring-header>.mb-hiring-wrap{gap:10px}
 .mb-hiring-header nav{display:flex;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;scrollbar-width:thin;padding-bottom:3px}
 .mb-hiring-header nav a{flex:none;font-size:12px}
 .mb-hiring-header select{max-width:170px}
 .mb-hiring-company .mb-hiring-actions a{min-height:44px}
 .mb-hiring-method details{width:100%}
}
@media(prefers-reduced-motion:reduce){.mb-hiring-company{transition:none}}