/* Page shell, inspired by the supplied OCS / AMAG recruitment layouts.
   Widget internals remain owned by sfcareer.js; no Bootstrap dependency. */
html, body {
  min-height: 100%;
  /* The recruitment widget may load Bootstrap body background rules later. */
  background: #eee url("../img/page-bg.jpg") repeat fixed center top !important;
}
body { min-height: 100vh; }
body { margin: 0; color: #404040; font: 14px/1.45 Arial, Helvetica, sans-serif; }
.career-page { width: calc(100% - 40px); max-width: 1200px; min-height: 100vh; margin: 0 auto; background: #fff; box-shadow: 0 0 7px #0003; display: flex; flex-direction: column; }
.career-banner { line-height: 0; }
.career-banner img { display: block; width: 100%; height: auto; }
.career-nav { display: flex; align-items: flex-end; min-height: 38px; padding: 5px 24px 0; box-sizing: border-box; background: #333; }
.career-nav a { display: inline-block; padding: 7px 16px; background: #fff; color: #666; border-radius: 5px 5px 0 0; text-decoration: none; font-size: 13px; }
.career-content { flex: 1; min-width: 0; min-height: 380px; padding: 44px 40px 28px; }
.career-footer { padding: 50px 16px 10px; text-align: center; background: #333333; color: #afafaf; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; }
.career-footer p { margin: 0; }
.career-footer strong { text-transform: uppercase; font-weight: 400; color: #428bca; }
.career-footer a { color: #afafaf; text-decoration: none; }
.career-footer a:hover { text-decoration: underline; }
.career-skip { position: absolute; top: -80px; left: 16px; z-index: 1000; padding: 10px 16px; background: #fff; color: #222; }
.career-skip:focus { top: 8px; }
.career-nav a:focus-visible, .career-footer a:focus-visible { outline: 3px solid #1976c9; outline-offset: 2px; }
@media (max-width: 760px) {
  .career-page { width: 100%; box-shadow: none; }
  .career-nav { padding-left: 16px; }
  .career-content { padding: 24px 16px; min-height: 300px; }
}