/* Offshore Hub Jobcards Master v1
   Built from the approved mockup:
   compact two-column premium recruitment cards that fit the current jobs page.
   This file intentionally overrides older jobcards-pro experiments.
*/
@media (min-width: 901px){
  body.jobs-page .jobs-card-board{
    background:linear-gradient(180deg,rgba(4,16,28,.74),rgba(2,10,18,.88))!important;
    border-color:rgba(76,156,220,.24)!important;
    overflow:hidden!important;
  }

  body.jobs-page .jobs-card-board .box-head{
    padding:18px 20px 16px!important;
    margin:0!important;
    border-bottom:1px solid rgba(116,171,218,.16)!important;
    align-items:center!important;
  }

  body.jobs-page .jobs-board-sub{
    color:#d6e4f2!important;
    font-size:14px!important;
    line-height:1.35!important;
    margin:8px 0 0!important;
    font-weight:750!important;
  }

  body.jobs-page .jobs-card-list,
  body.jobs-page .jobs-grid-board{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    padding:16px!important;
  }

  body.jobs-page .jobs-card-empty{
    grid-column:1 / -1!important;
    padding:24px!important;
    border:1px dashed rgba(116,171,218,.24)!important;
    border-radius:14px!important;
    color:#d7e5f2!important;
    background:rgba(255,255,255,.025)!important;
  }

  body.jobs-page .job-row.job-tile{
    --oh-card-accent:#12d7e8;
    --oh-card-orange:#ff7a1a;
    position:relative!important;
    display:block!important;
    min-height:146px!important;
    padding:16px 14px 14px 86px!important;
    border-radius:14px!important;
    border:1px solid rgba(76,156,220,.30)!important;
    background:
      radial-gradient(circle at 92% 0%,rgba(18,215,232,.12),transparent 36%),
      radial-gradient(circle at 4% 0%,rgba(255,122,26,.07),transparent 36%),
      linear-gradient(180deg,rgba(6,26,43,.94),rgba(3,14,25,.985))!important;
    box-shadow:0 13px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035)!important;
    overflow:hidden!important;
    cursor:pointer!important;
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
  }

  body.jobs-page .job-row.job-tile:before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:2px;
    background:linear-gradient(180deg,rgba(18,215,232,.95),rgba(18,215,232,.20));
    opacity:.78;
  }

  body.jobs-page .job-row.job-tile:after{
    content:"";
    position:absolute;
    right:-28px;
    top:-34px;
    width:86px;
    height:86px;
    transform:rotate(24deg);
    border:1px solid rgba(255,122,26,.14);
    border-radius:22px;
    background:linear-gradient(135deg,rgba(255,122,26,.09),transparent);
    pointer-events:none;
  }

  body.jobs-page .job-row.job-tile:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(18,215,232,.54)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.35),0 0 0 1px rgba(18,215,232,.07),0 0 28px rgba(255,122,26,.07)!important;
    background:
      radial-gradient(circle at 92% 0%,rgba(18,215,232,.16),transparent 36%),
      radial-gradient(circle at 4% 0%,rgba(255,122,26,.10),transparent 36%),
      linear-gradient(180deg,rgba(7,31,51,.98),rgba(3,15,27,.995))!important;
  }

  body.jobs-page .job-row.job-tile.is-new:before{
    background:linear-gradient(180deg,rgba(37,230,154,.98),rgba(37,230,154,.20));
  }

  body.jobs-page .job-row.job-tile.sector-wind{--oh-card-accent:#54b9ff;}
  body.jobs-page .job-row.job-tile.sector-fishing{--oh-card-accent:#ff9b30;}

  body.jobs-page .job-tile .tile-top,
  body.jobs-page .job-tile .tile-source-wrap,
  body.jobs-page .job-tile .tile-meta,
  body.jobs-page .job-tile .tile-bottom{
    min-width:0!important;
  }

  body.jobs-page .job-tile .tile-top{
    display:flex!important;
    align-items:flex-start!important;
    gap:9px!important;
    margin:0 0 6px!important;
  }

  body.jobs-page .job-tile .tile-logo{
    position:absolute!important;
    left:16px!important;
    top:17px!important;
    display:grid!important;
    place-items:center!important;
    width:48px!important;
    height:48px!important;
    border-radius:12px!important;
    border:1px solid rgba(18,215,232,.40)!important;
    background:
      radial-gradient(circle at 35% 18%,rgba(18,215,232,.14),transparent 42%),
      linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.018))!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:950!important;
    letter-spacing:.02em!important;
    box-shadow:0 0 20px rgba(18,215,232,.07), inset 0 0 0 1px rgba(255,255,255,.035)!important;
  }

  body.jobs-page .job-tile .tile-source-wrap{
    display:block!important;
    padding-top:2px!important;
    max-width:calc(100% - 62px)!important;
  }

  body.jobs-page .job-tile .tile-source{
    display:block!important;
    color:#9ec0dd!important;
    font-size:10px!important;
    line-height:1.05!important;
    font-weight:950!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.jobs-page .job-tile .tile-company{
    display:none!important;
  }

  body.jobs-page .job-tile .tile-new{
    margin-left:auto!important;
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:18px!important;
    padding:0 7px!important;
    border-radius:999px!important;
    background:#20efa1!important;
    color:#03120d!important;
    font-size:8px!important;
    font-weight:950!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
    box-shadow:0 0 16px rgba(32,239,161,.18)!important;
  }

  body.jobs-page .job-tile .tile-title{
    appearance:none!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    max-width:100%!important;
    min-height:0!important;
    text-align:left!important;
    font-size:18px!important;
    line-height:1.10!important;
    letter-spacing:-.035em!important;
    font-weight:950!important;
    cursor:pointer!important;
    text-shadow:0 2px 14px rgba(0,0,0,.38)!important;
  }

  body.jobs-page .job-tile .tile-title:hover{
    color:#fff!important;
    text-decoration:none!important;
  }

  body.jobs-page .job-tile .tile-role{
    color:#b9cde0!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:800!important;
    margin:5px 0 0!important;
    min-height:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.jobs-page .job-tile .tile-meta{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin:16px 122px 0 0!important;
    padding-top:12px!important;
    border-top:1px solid rgba(116,171,218,.14)!important;
    flex-wrap:wrap!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-pill{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-icon{
    flex:0 0 auto!important;
    width:22px!important;
    height:22px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:7px!important;
    border:1px solid rgba(21,213,233,.30)!important;
    background:rgba(17,207,228,.07)!important;
    color:#11d5e8!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-icon svg{
    width:12px!important;
    height:12px!important;
    display:block!important;
    overflow:visible!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-pill.meta-rotation .meta-icon{
    border-color:rgba(255,122,26,.38)!important;
    background:rgba(255,122,26,.08)!important;
    color:#ff8a22!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-pill.meta-posted .meta-icon{
    border-color:rgba(21,213,233,.30)!important;
    background:rgba(17,207,228,.07)!important;
    color:#11d5e8!important;
  }

  body.jobs-page .job-tile .tile-meta small{
    display:none!important;
  }

  body.jobs-page .job-tile .tile-meta b{
    display:block!important;
    max-width:132px!important;
    color:#edf7ff!important;
    font-size:10px!important;
    line-height:1.1!important;
    font-weight:850!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.jobs-page .job-tile .tile-bottom{
    position:absolute!important;
    right:13px!important;
    bottom:13px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:0!important;
    margin:0!important;
    z-index:2!important;
  }

  body.jobs-page .job-tile .tile-category{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:22px!important;
    max-width:86px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,122,26,.46)!important;
    background:rgba(255,122,26,.07)!important;
    color:#ffd2ad!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.065em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.jobs-page .job-tile .tile-open{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:32px!important;
    min-width:92px!important;
    padding:0 11px!important;
    border-radius:10px!important;
    border:1px solid rgba(255,122,26,.78)!important;
    background:linear-gradient(135deg,rgba(255,122,26,.20),rgba(255,122,26,.06))!important;
    color:#fff!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    box-shadow:0 0 18px rgba(255,122,26,.08)!important;
  }

  body.jobs-page .job-tile .tile-open:hover{
    background:linear-gradient(135deg,#ff6a00,#ff8a22)!important;
    border-color:#ff8a22!important;
    box-shadow:0 0 20px rgba(255,122,26,.20)!important;
  }

  body.jobs-page .job-tile .tile-top *,
  body.jobs-page .job-tile .tile-title,
  body.jobs-page .job-tile .tile-role,
  body.jobs-page .job-tile .tile-meta *,
  body.jobs-page .job-tile .tile-bottom *{
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  body.jobs-page .side .box{
    background:linear-gradient(180deg,rgba(4,16,28,.70),rgba(2,10,18,.84))!important;
  }

  @media (max-width: 1450px){
    body.jobs-page .job-row.job-tile{
      padding-left:76px!important;
    }
    body.jobs-page .job-tile .tile-logo{
      width:42px!important;
      height:42px!important;
      left:15px!important;
    }
    body.jobs-page .job-tile .tile-title{
      font-size:16px!important;
    }
    body.jobs-page .job-tile .tile-meta b{
      max-width:105px!important;
    }
  }

  @media (max-width: 1240px){
    body.jobs-page .jobs-grid-board{grid-template-columns:1fr!important;}
    body.jobs-page .job-row.job-tile{min-height:134px!important;}
    body.jobs-page .job-tile .tile-title{font-size:18px!important;}
    body.jobs-page .job-tile .tile-meta b{max-width:160px!important;}
  }

  @media (max-width: 1080px){
    body.jobs-page .job-row.job-tile{
      padding:15px 14px 58px 76px!important;
    }
    body.jobs-page .job-tile .tile-meta{
      margin-right:0!important;
      flex-wrap:wrap!important;
    }
    body.jobs-page .job-tile .tile-bottom{
      left:76px!important;
      right:14px!important;
      justify-content:space-between!important;
    }
  }
}


/* Icon/source-logo fix v2 */
@media (min-width: 901px){
  body.jobs-page .job-tile .tile-logo{
    font-size:13px!important;
    font-weight:950!important;
    letter-spacing:.015em!important;
    text-transform:uppercase!important;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    color:#f8fcff!important;
    text-shadow:none!important;
    user-select:none!important;
  }

  body.jobs-page .job-tile .tile-source.notranslate{
    translate:no!important;
  }

  body.jobs-page .job-tile .tile-meta{
    gap:8px!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-pill{
    min-height:23px!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-icon{
    width:22px!important;
    height:22px!important;
    border-radius:7px!important;
    opacity:.96!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-icon svg{
    width:13px!important;
    height:13px!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-location .meta-icon{
    color:#10d6e8!important;
    border-color:rgba(16,214,232,.36)!important;
    background:rgba(16,214,232,.08)!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-rotation .meta-icon{
    color:#ff8a22!important;
    border-color:rgba(255,138,34,.42)!important;
    background:rgba(255,138,34,.085)!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-posted .meta-icon{
    color:#12d7e8!important;
    border-color:rgba(18,215,232,.34)!important;
    background:rgba(18,215,232,.075)!important;
  }

  body.jobs-page .job-tile .tile-meta b{
    font-size:10.5px!important;
    font-weight:900!important;
  }

  body.jobs-page .job-tile .tile-category{
    min-width:64px!important;
  }
}


/* Job card cleanup v3
   - remove orange corner droplet/decor
   - stop meta/date/category/button overlap
   - make bottom row cleaner and closer to approved mockup
*/
@media (min-width: 901px){
  body.jobs-page .job-row.job-tile:after{
    display:none!important;
    content:none!important;
  }

  body.jobs-page .job-row.job-tile{
    min-height:154px!important;
    padding-bottom:18px!important;
    background:
      radial-gradient(circle at 92% 0%,rgba(18,215,232,.10),transparent 35%),
      radial-gradient(circle at 4% 0%,rgba(255,122,26,.045),transparent 32%),
      linear-gradient(180deg,rgba(6,26,43,.94),rgba(3,14,25,.985))!important;
  }

  body.jobs-page .job-tile .tile-title{
    padding-right:54px!important;
  }

  body.jobs-page .job-tile .tile-meta{
    display:grid!important;
    grid-template-columns:minmax(0,1.15fr) minmax(92px,.72fr) minmax(96px,.78fr)!important;
    column-gap:8px!important;
    row-gap:7px!important;
    align-items:center!important;
    margin:14px 0 0!important;
    padding-top:12px!important;
    padding-right:0!important;
    border-top:1px solid rgba(116,171,218,.14)!important;
    max-width:100%!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-pill{
    min-width:0!important;
    width:100%!important;
    gap:6px!important;
    overflow:hidden!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-icon{
    flex:0 0 22px!important;
  }

  body.jobs-page .job-tile .tile-meta b{
    min-width:0!important;
    max-width:none!important;
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:10px!important;
  }

  body.jobs-page .job-tile .tile-bottom{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    margin-top:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:100%!important;
  }

  body.jobs-page .job-tile .tile-category{
    flex:0 1 auto!important;
    max-width:116px!important;
    min-width:64px!important;
  }

  body.jobs-page .job-tile .tile-open{
    flex:0 0 auto!important;
    min-width:104px!important;
    height:32px!important;
  }

  @media (max-width: 1450px){
    body.jobs-page .job-tile .tile-meta{
      grid-template-columns:minmax(0,1fr) minmax(76px,.62fr) minmax(84px,.70fr)!important;
      column-gap:7px!important;
    }

    body.jobs-page .job-tile .tile-meta .meta-icon{
      width:20px!important;
      height:20px!important;
      flex-basis:20px!important;
    }

    body.jobs-page .job-tile .tile-meta .meta-icon svg{
      width:11px!important;
      height:11px!important;
    }

    body.jobs-page .job-tile .tile-meta b{
      font-size:9.5px!important;
    }

    body.jobs-page .job-tile .tile-category{
      max-width:92px!important;
      font-size:7.5px!important;
    }

    body.jobs-page .job-tile .tile-open{
      min-width:98px!important;
    }
  }

  @media (max-width: 1240px){
    body.jobs-page .job-tile .tile-meta{
      grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
  }
}


/* Jobcards Master v2
   - hide empty metadata fields via PHP classes
   - reduce empty vertical space
   - improve hover interaction
   - keep sidebar useful while scrolling
*/
@media (min-width: 901px){
  body.jobs-page .job-row.job-tile{
    min-height:136px!important;
    padding-top:15px!important;
    padding-bottom:14px!important;
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease,filter .16s ease!important;
  }

  body.jobs-page .job-row.job-tile:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(23,214,232,.58)!important;
    box-shadow:
      0 18px 42px rgba(0,0,0,.34),
      0 0 0 1px rgba(23,214,232,.10),
      0 0 26px rgba(255,122,26,.08)!important;
  }

  body.jobs-page .job-row.job-tile:hover .tile-logo{
    border-color:rgba(23,214,232,.62)!important;
    box-shadow:0 0 22px rgba(23,214,232,.18), inset 0 0 0 1px rgba(255,255,255,.04)!important;
  }

  body.jobs-page .job-row.job-tile:hover .tile-open{
    border-color:#ff8a22!important;
    box-shadow:0 0 20px rgba(255,122,26,.20)!important;
  }

  body.jobs-page .job-tile .tile-title{
    padding-right:58px!important;
  }

  body.jobs-page .job-tile .tile-meta{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:8px 12px!important;
    margin:13px 0 0!important;
    padding-top:11px!important;
    padding-right:0!important;
    max-width:100%!important;
  }

  body.jobs-page .job-tile .tile-meta.meta-count-1{
    max-width:70%!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-pill{
    flex:0 1 auto!important;
    width:auto!important;
    max-width:44%!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-pill.meta-location{
    max-width:48%!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-pill.meta-posted{
    max-width:34%!important;
  }

  body.jobs-page .job-tile .tile-meta b{
    max-width:128px!important;
    font-size:10px!important;
  }

  body.jobs-page .job-tile .tile-bottom{
    margin-top:10px!important;
  }

  body.jobs-page .job-tile .tile-category{
    height:21px!important;
  }

  body.jobs-page .job-tile .tile-open{
    height:31px!important;
    min-width:103px!important;
  }

  body.jobs-page .main{
    align-items:start!important;
  }

  body.jobs-page .side{
    position:sticky!important;
    top:14px!important;
    align-self:start!important;
  }

  body.jobs-page .side .box{
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
  }

  body.jobs-page .side .box:hover{
    border-color:rgba(23,214,232,.30)!important;
    box-shadow:0 12px 26px rgba(0,0,0,.22),0 0 18px rgba(23,214,232,.045)!important;
  }

  body.jobs-page .cat-list .cat,
  body.jobs-page .tools-list .tool{
    min-height:39px!important;
  }

  @media (max-width:1450px){
    body.jobs-page .job-row.job-tile{
      min-height:132px!important;
      padding-top:14px!important;
      padding-bottom:13px!important;
    }

    body.jobs-page .job-tile .tile-meta{
      gap:7px 10px!important;
    }

    body.jobs-page .job-tile .tile-meta b{
      max-width:108px!important;
      font-size:9.5px!important;
    }

    body.jobs-page .job-tile .tile-meta .meta-pill.meta-location{
      max-width:46%!important;
    }

    body.jobs-page .job-tile .tile-meta .meta-pill.meta-posted{
      max-width:32%!important;
    }
  }

  @media (max-width:1240px){
    body.jobs-page .side{
      position:relative!important;
      top:auto!important;
    }

    body.jobs-page .job-tile .tile-meta .meta-pill,
    body.jobs-page .job-tile .tile-meta .meta-pill.meta-location,
    body.jobs-page .job-tile .tile-meta .meta-pill.meta-posted{
      max-width:32%!important;
    }
  }
}


/* Jobcards Master v3
   More premium card detailing:
   - source-specific logo marks
   - refined card proportions and scan rhythm
   - better title/source hierarchy
   - cleaner metadata pills
   - softer category/action alignment
*/
@media (min-width: 901px){
  body.jobs-page .jobs-grid-board{
    gap:12px!important;
    padding:18px!important;
  }

  body.jobs-page .job-row.job-tile{
    min-height:142px!important;
    padding:17px 14px 14px 88px!important;
    border-radius:16px!important;
    border-color:rgba(65,145,205,.30)!important;
    background:
      linear-gradient(135deg,rgba(11,42,63,.98),rgba(5,21,36,.98) 44%,rgba(3,13,24,.995))!important;
    box-shadow:
      0 13px 30px rgba(0,0,0,.24),
      inset 0 1px 0 rgba(255,255,255,.04),
      inset 0 0 0 1px rgba(255,255,255,.018)!important;
  }

  body.jobs-page .job-row.job-tile:before{
    width:1px!important;
    opacity:.75!important;
    background:linear-gradient(180deg,rgba(18,215,232,.75),rgba(18,215,232,.08))!important;
  }

  body.jobs-page .job-row.job-tile:after{
    display:block!important;
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    background:
      radial-gradient(circle at 14% 14%,rgba(17,213,232,.085),transparent 24%),
      linear-gradient(90deg,rgba(18,215,232,.030),transparent 38%)!important;
    pointer-events:none!important;
    transform:none!important;
    border:0!important;
    width:auto!important;
    height:auto!important;
    opacity:1!important;
  }

  body.jobs-page .job-row.job-tile:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(18,215,232,.54)!important;
    background:
      linear-gradient(135deg,rgba(12,47,70,.99),rgba(5,24,41,.99) 44%,rgba(3,14,25,1))!important;
    box-shadow:
      0 20px 42px rgba(0,0,0,.34),
      0 0 0 1px rgba(18,215,232,.10),
      0 0 28px rgba(18,215,232,.07),
      0 0 24px rgba(255,122,26,.06)!important;
  }

  body.jobs-page .job-tile .tile-logo{
    width:50px!important;
    height:50px!important;
    left:17px!important;
    top:18px!important;
    border-radius:13px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 30% 20%,rgba(18,215,232,.18),transparent 44%),
      linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018))!important;
    border-color:rgba(18,215,232,.42)!important;
  }

  body.jobs-page .job-tile .tile-logo:before{
    content:"";
    position:absolute;
    inset:5px;
    border-radius:10px;
    background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 55%);
    pointer-events:none;
  }

  body.jobs-page .job-tile .tile-logo span{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.02em!important;
  }

  body.jobs-page .job-tile.source-atlas .tile-logo span{
    color:#fff!important;
  }
  body.jobs-page .job-tile.source-atlas .tile-logo span::first-letter{
    color:#ff8a22!important;
  }
  body.jobs-page .job-tile.source-offshorecrew .tile-logo,
  body.jobs-page .job-tile.source-bluecrew .tile-logo{
    border-color:rgba(72,176,255,.44)!important;
  }
  body.jobs-page .job-tile.source-rtc .tile-logo{
    border-color:rgba(37,230,154,.42)!important;
  }
  body.jobs-page .job-tile.source-personalhuset .tile-logo{
    border-color:rgba(255,255,255,.32)!important;
  }

  body.jobs-page .job-tile .tile-source-wrap{
    padding-top:0!important;
    max-width:calc(100% - 72px)!important;
  }

  body.jobs-page .job-tile .tile-source{
    color:#9fd2f1!important;
    font-size:10px!important;
    letter-spacing:.16em!important;
  }

  body.jobs-page .job-tile .tile-company{
    display:block!important;
    color:#7f9ab1!important;
    font-size:9px!important;
    line-height:1.15!important;
    font-weight:850!important;
    margin-top:2px!important;
    max-width:230px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.jobs-page .job-tile .tile-new{
    height:20px!important;
    min-width:32px!important;
    padding:0 8px!important;
    font-size:8px!important;
    box-shadow:0 0 15px rgba(32,239,161,.22)!important;
  }

  body.jobs-page .job-tile .tile-title{
    font-size:17.5px!important;
    line-height:1.08!important;
    margin-top:5px!important;
    padding-right:56px!important;
    min-height:39px!important;
  }

  body.jobs-page .job-tile .tile-role{
    font-size:11px!important;
    color:#b9d1e5!important;
    margin-top:4px!important;
  }

  body.jobs-page .job-tile .tile-meta{
    margin-top:12px!important;
    padding-top:11px!important;
    border-top-color:rgba(116,171,218,.16)!important;
    gap:8px 10px!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-pill{
    display:inline-grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-icon{
    width:22px!important;
    height:22px!important;
    border-radius:7px!important;
    background:rgba(17,207,228,.075)!important;
  }

  body.jobs-page .job-tile .tile-meta b{
    max-width:130px!important;
    color:#eff8ff!important;
    font-size:10px!important;
    letter-spacing:-.01em!important;
  }

  body.jobs-page .job-tile .tile-bottom{
    margin-top:11px!important;
    align-items:center!important;
  }

  body.jobs-page .job-tile .tile-category{
    height:22px!important;
    min-width:68px!important;
    padding:0 10px!important;
    background:rgba(255,122,26,.055)!important;
    border-color:rgba(255,122,26,.50)!important;
    color:#ffd3ae!important;
  }

  body.jobs-page .job-tile .tile-open{
    min-width:108px!important;
    height:33px!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,rgba(255,122,26,.17),rgba(255,122,26,.055))!important;
  }

  body.jobs-page .job-tile .tile-open:hover{
    background:linear-gradient(135deg,#ff6a00,#ff8a22)!important;
    transform:translateY(-1px)!important;
  }

  body.jobs-page .job-tile.sector-wind .tile-category{
    border-color:rgba(84,185,255,.46)!important;
    color:#bfe6ff!important;
    background:rgba(84,185,255,.06)!important;
  }

  body.jobs-page .job-tile.sector-fishing .tile-category{
    border-color:rgba(255,155,48,.48)!important;
    color:#ffd1a0!important;
  }

  @media (max-width:1450px){
    body.jobs-page .jobs-grid-board{
      gap:10px!important;
      padding:16px!important;
    }

    body.jobs-page .job-row.job-tile{
      min-height:136px!important;
      padding-left:78px!important;
      padding-top:15px!important;
    }

    body.jobs-page .job-tile .tile-logo{
      width:44px!important;
      height:44px!important;
      left:16px!important;
      top:16px!important;
    }

    body.jobs-page .job-tile .tile-title{
      font-size:16px!important;
      min-height:35px!important;
    }

    body.jobs-page .job-tile .tile-company{
      max-width:190px!important;
    }

    body.jobs-page .job-tile .tile-meta b{
      max-width:106px!important;
      font-size:9.4px!important;
    }

    body.jobs-page .job-tile .tile-open{
      min-width:100px!important;
    }
  }

  @media (max-width:1240px){
    body.jobs-page .job-row.job-tile{
      min-height:132px!important;
    }

    body.jobs-page .job-tile .tile-title{
      min-height:0!important;
    }
  }
}


/* Jobcards logos v4 - real source logos */
@media (min-width:901px){
  body.jobs-page .job-tile .tile-logo{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:6px!important;
    background:
      radial-gradient(circle at 30% 20%,rgba(18,215,232,.16),transparent 44%),
      linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02))!important;
  }

  body.jobs-page .job-tile .tile-logo.has-image{
    padding:7px!important;
  }

  body.jobs-page .job-tile .tile-logo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    filter:drop-shadow(0 2px 8px rgba(0,0,0,.24));
  }

  body.jobs-page .job-tile.source-personalhuset .tile-logo.has-image,
  body.jobs-page .job-tile.source-acroboat .tile-logo.has-image,
  body.jobs-page .job-tile.source-bluecrew .tile-logo.has-image,
  body.jobs-page .job-tile.source-rtc .tile-logo.has-image,
  body.jobs-page .job-tile.source-atlas .tile-logo.has-image,
  body.jobs-page .job-tile.source-offshorecrew .tile-logo.has-image{
    background:
      linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.03)),
      radial-gradient(circle at 50% 0,rgba(18,215,232,.16),transparent 54%)!important;
  }

  body.jobs-page .job-tile.source-personalhuset .tile-logo.has-image img{
    transform:scale(.94);
  }

  body.jobs-page .job-tile .tile-logo.has-image:before{
    inset:4px!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 58%)!important;
  }

  body.jobs-page .job-row.job-tile:hover .tile-logo.has-image img{
    transform:scale(1.02);
    transition:transform .16s ease;
  }
}


/* ==========================================================
   Jobcards Clean Premium v1
   Final direction:
   - no cyan/neon slabs
   - calmer premium job portal card
   - real source logos, but restrained
   - orange only as accent/CTA
   - better scan rhythm for long browsing
   ========================================================== */
@media (min-width:901px){
  body.jobs-page .jobs-card-board{
    background:linear-gradient(180deg,rgba(4,13,22,.78),rgba(2,8,15,.92))!important;
    border-color:rgba(110,146,178,.18)!important;
    box-shadow:0 16px 42px rgba(0,0,0,.22)!important;
  }

  body.jobs-page .jobs-card-board .box-head{
    padding:20px 22px 17px!important;
    border-bottom:1px solid rgba(255,255,255,.075)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)!important;
  }

  body.jobs-page .jobs-board-sub{
    color:#b8c9d8!important;
    font-size:13.5px!important;
    font-weight:650!important;
  }

  body.jobs-page .jobs-grid-board{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    padding:18px!important;
  }

  body.jobs-page .job-row.job-tile{
    --oh-card-accent:#ff7a1a;
    position:relative!important;
    min-height:142px!important;
    padding:18px 16px 15px 88px!important;
    border-radius:15px!important;
    border:1px solid rgba(115,151,184,.18)!important;
    background:
      linear-gradient(180deg,rgba(9,22,35,.96),rgba(5,14,24,.985))!important;
    box-shadow:
      0 10px 24px rgba(0,0,0,.20),
      inset 0 1px 0 rgba(255,255,255,.035)!important;
    overflow:hidden!important;
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
  }

  /* Remove old blue/neon/decor effects completely */
  body.jobs-page .job-row.job-tile:before,
  body.jobs-page .job-row.job-tile:after{
    display:none!important;
    content:none!important;
  }

  body.jobs-page .job-row.job-tile:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(255,122,26,.42)!important;
    background:
      linear-gradient(180deg,rgba(12,26,40,.98),rgba(5,15,26,.995))!important;
    box-shadow:
      0 18px 38px rgba(0,0,0,.32),
      0 0 0 1px rgba(255,122,26,.055)!important;
  }

  body.jobs-page .job-row.job-tile.is-new{
    border-color:rgba(115,151,184,.22)!important;
  }

  body.jobs-page .job-row.job-tile.is-new:hover{
    border-color:rgba(255,122,26,.42)!important;
  }

  body.jobs-page .job-tile .tile-top{
    display:flex!important;
    align-items:flex-start!important;
    gap:10px!important;
    margin:0 0 8px!important;
  }

  body.jobs-page .job-tile .tile-logo{
    position:absolute!important;
    left:18px!important;
    top:18px!important;
    width:48px!important;
    height:48px!important;
    border-radius:12px!important;
    padding:7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
    border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      0 8px 18px rgba(0,0,0,.20)!important;
    color:#f7fbff!important;
    text-shadow:none!important;
    overflow:hidden!important;
  }

  body.jobs-page .job-tile .tile-logo:before{
    display:none!important;
  }

  body.jobs-page .job-tile .tile-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    filter:none!important;
    transform:none!important;
  }

  body.jobs-page .job-row.job-tile:hover .tile-logo{
    border-color:rgba(255,122,26,.32)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.065),
      0 10px 22px rgba(0,0,0,.25)!important;
  }

  body.jobs-page .job-row.job-tile:hover .tile-logo img{
    transform:none!important;
  }

  body.jobs-page .job-tile .tile-logo span{
    font-size:13px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
  }

  body.jobs-page .job-tile .tile-source-wrap{
    max-width:calc(100% - 58px)!important;
    padding-top:0!important;
  }

  body.jobs-page .job-tile .tile-source{
    display:block!important;
    color:#ffb270!important;
    font-size:10px!important;
    line-height:1.05!important;
    font-weight:900!important;
    letter-spacing:.13em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.jobs-page .job-tile .tile-company{
    display:block!important;
    color:#7f94a6!important;
    font-size:9.5px!important;
    line-height:1.15!important;
    font-weight:750!important;
    margin-top:3px!important;
    max-width:220px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.jobs-page .job-tile .tile-new{
    margin-left:auto!important;
    height:19px!important;
    min-width:28px!important;
    padding:0 7px!important;
    border-radius:999px!important;
    background:rgba(33,235,156,.92)!important;
    color:#02150d!important;
    font-size:8px!important;
    font-weight:950!important;
    letter-spacing:.04em!important;
    box-shadow:none!important;
    text-transform:uppercase!important;
  }

  body.jobs-page .job-tile .tile-title{
    appearance:none!important;
    border:0!important;
    background:transparent!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    padding:0 48px 0 0!important;
    margin:2px 0 0!important;
    min-height:38px!important;
    max-width:100%!important;
    color:#ffffff!important;
    text-align:left!important;
    font-size:17px!important;
    line-height:1.13!important;
    font-weight:850!important;
    letter-spacing:-.025em!important;
    text-shadow:none!important;
    cursor:pointer!important;
  }

  body.jobs-page .job-tile .tile-title:hover{
    color:#fff!important;
    text-decoration:none!important;
  }

  body.jobs-page .job-tile .tile-role{
    color:#aebfce!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:700!important;
    margin:5px 0 0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.jobs-page .job-tile .tile-meta{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:8px 11px!important;
    margin:13px 0 0!important;
    padding-top:11px!important;
    padding-right:0!important;
    max-width:100%!important;
    border-top:1px solid rgba(255,255,255,.075)!important;
  }

  body.jobs-page .job-tile .tile-meta.meta-count-1{
    max-width:72%!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-pill{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
    width:auto!important;
    max-width:44%!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-pill.meta-location{
    max-width:47%!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-pill.meta-posted{
    max-width:34%!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-icon{
    flex:0 0 20px!important;
    width:20px!important;
    height:20px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:7px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.035)!important;
    color:#b7c7d5!important;
    box-shadow:none!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-icon svg{
    width:11px!important;
    height:11px!important;
    display:block!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-pill.meta-rotation .meta-icon{
    color:#ff8a22!important;
    border-color:rgba(255,122,26,.26)!important;
    background:rgba(255,122,26,.055)!important;
  }

  body.jobs-page .job-tile .tile-meta b{
    display:block!important;
    max-width:120px!important;
    min-width:0!important;
    color:#dbe8f4!important;
    font-size:9.8px!important;
    line-height:1.1!important;
    font-weight:760!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    letter-spacing:-.005em!important;
  }

  body.jobs-page .job-tile .tile-bottom{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    margin-top:12px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:100%!important;
    z-index:2!important;
  }

  body.jobs-page .job-tile .tile-category{
    height:21px!important;
    min-width:64px!important;
    max-width:112px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,122,26,.42)!important;
    background:rgba(255,122,26,.045)!important;
    color:#ffc99d!important;
    font-size:7.8px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.jobs-page .job-tile .tile-open{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:32px!important;
    min-width:104px!important;
    padding:0 13px!important;
    border-radius:10px!important;
    border:1px solid rgba(255,122,26,.66)!important;
    background:rgba(255,122,26,.060)!important;
    color:#fff!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    box-shadow:none!important;
    transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
  }

  body.jobs-page .job-tile .tile-open:hover{
    background:linear-gradient(135deg,#ff6a00,#ff8722)!important;
    border-color:#ff8722!important;
    transform:translateY(-1px)!important;
    box-shadow:0 8px 18px rgba(255,122,26,.18)!important;
  }

  body.jobs-page .job-tile.sector-wind .tile-category{
    border-color:rgba(255,122,26,.42)!important;
    color:#ffc99d!important;
    background:rgba(255,122,26,.045)!important;
  }

  body.jobs-page .job-tile.sector-fishing .tile-category{
    border-color:rgba(255,122,26,.42)!important;
    color:#ffc99d!important;
    background:rgba(255,122,26,.045)!important;
  }

  body.jobs-page .side{
    position:sticky!important;
    top:14px!important;
    align-self:start!important;
  }

  body.jobs-page .side .box{
    background:linear-gradient(180deg,rgba(4,13,22,.78),rgba(2,9,16,.90))!important;
    border-color:rgba(110,146,178,.18)!important;
    box-shadow:none!important;
  }

  body.jobs-page .side .box:hover{
    border-color:rgba(255,122,26,.28)!important;
    box-shadow:0 12px 26px rgba(0,0,0,.20)!important;
  }

  @media (max-width:1450px){
    body.jobs-page .jobs-grid-board{
      gap:10px!important;
      padding:16px!important;
    }

    body.jobs-page .job-row.job-tile{
      min-height:136px!important;
      padding:16px 14px 14px 78px!important;
    }

    body.jobs-page .job-tile .tile-logo{
      width:42px!important;
      height:42px!important;
      left:16px!important;
      top:16px!important;
      padding:6px!important;
    }

    body.jobs-page .job-tile .tile-title{
      font-size:16px!important;
      min-height:35px!important;
      padding-right:44px!important;
    }

    body.jobs-page .job-tile .tile-company{
      max-width:180px!important;
    }

    body.jobs-page .job-tile .tile-meta{
      gap:7px 9px!important;
    }

    body.jobs-page .job-tile .tile-meta .meta-icon{
      width:19px!important;
      height:19px!important;
      flex-basis:19px!important;
    }

    body.jobs-page .job-tile .tile-meta .meta-icon svg{
      width:10.5px!important;
      height:10.5px!important;
    }

    body.jobs-page .job-tile .tile-meta b{
      max-width:102px!important;
      font-size:9.2px!important;
    }

    body.jobs-page .job-tile .tile-open{
      min-width:98px!important;
      height:31px!important;
    }
  }

  @media (max-width:1240px){
    body.jobs-page .jobs-grid-board{
      grid-template-columns:1fr!important;
    }

    body.jobs-page .side{
      position:relative!important;
      top:auto!important;
    }

    body.jobs-page .job-row.job-tile{
      min-height:130px!important;
    }

    body.jobs-page .job-tile .tile-title{
      min-height:0!important;
    }

    body.jobs-page .job-tile .tile-meta .meta-pill,
    body.jobs-page .job-tile .tile-meta .meta-pill.meta-location,
    body.jobs-page .job-tile .tile-meta .meta-pill.meta-posted{
      max-width:32%!important;
    }
  }
}


/* ==========================================================
   Jobcards Clean Premium v2
   More confident card design:
   - less tiny/flat
   - better source logo presence
   - stronger title rhythm
   - cleaner bottom action row
   - still no blue/cyan sci-fi slab effects
   ========================================================== */
@media (min-width:901px){
  body.jobs-page .jobs-grid-board{
    gap:14px!important;
    padding:20px!important;
  }

  body.jobs-page .job-row.job-tile{
    min-height:154px!important;
    padding:20px 18px 17px 96px!important;
    border-radius:16px!important;
    border:1px solid rgba(151,169,188,.20)!important;
    background:
      linear-gradient(180deg,rgba(10,23,36,.98),rgba(5,14,24,.995))!important;
    box-shadow:
      0 14px 30px rgba(0,0,0,.24),
      inset 0 1px 0 rgba(255,255,255,.04)!important;
  }

  body.jobs-page .job-row.job-tile:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(255,122,26,.48)!important;
    background:
      linear-gradient(180deg,rgba(13,29,43,.99),rgba(6,16,27,1))!important;
    box-shadow:
      0 22px 44px rgba(0,0,0,.34),
      0 0 0 1px rgba(255,122,26,.07)!important;
  }

  body.jobs-page .job-row.job-tile:before,
  body.jobs-page .job-row.job-tile:after{
    display:none!important;
    content:none!important;
  }

  body.jobs-page .job-tile .tile-logo{
    left:20px!important;
    top:21px!important;
    width:54px!important;
    height:54px!important;
    padding:6px!important;
    border-radius:13px!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
    border:1px solid rgba(255,255,255,.17)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.07),
      0 12px 24px rgba(0,0,0,.24)!important;
  }

  body.jobs-page .job-tile .tile-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    filter:none!important;
  }

  body.jobs-page .job-row.job-tile:hover .tile-logo{
    border-color:rgba(255,122,26,.42)!important;
  }

  body.jobs-page .job-tile .tile-source-wrap{
    max-width:calc(100% - 70px)!important;
  }

  body.jobs-page .job-tile .tile-source{
    color:#ffac66!important;
    font-size:10.5px!important;
    letter-spacing:.145em!important;
    font-weight:950!important;
  }

  body.jobs-page .job-tile .tile-company{
    color:#8fa1b1!important;
    font-size:10px!important;
    font-weight:720!important;
    margin-top:3px!important;
  }

  body.jobs-page .job-tile .tile-new{
    height:20px!important;
    min-width:32px!important;
    right:auto!important;
    font-size:8px!important;
    background:#23eca0!important;
  }

  body.jobs-page .job-tile .tile-title{
    font-size:18.5px!important;
    line-height:1.12!important;
    font-weight:900!important;
    min-height:42px!important;
    margin-top:5px!important;
    padding-right:56px!important;
    letter-spacing:-.03em!important;
  }

  body.jobs-page .job-tile .tile-role{
    font-size:11.5px!important;
    color:#c2d1df!important;
    font-weight:750!important;
    margin-top:5px!important;
  }

  body.jobs-page .job-tile .tile-meta{
    margin-top:14px!important;
    padding-top:12px!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    gap:8px 13px!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-icon{
    width:21px!important;
    height:21px!important;
    flex-basis:21px!important;
    border-radius:7px!important;
    border-color:rgba(255,255,255,.16)!important;
    background:rgba(255,255,255,.04)!important;
    color:#c2d1df!important;
  }

  body.jobs-page .job-tile .tile-meta .meta-pill.meta-rotation .meta-icon{
    color:#ff8a22!important;
    border-color:rgba(255,122,26,.32)!important;
    background:rgba(255,122,26,.06)!important;
  }

  body.jobs-page .job-tile .tile-meta b{
    font-size:10.2px!important;
    max-width:132px!important;
    color:#e4eef8!important;
    font-weight:800!important;
  }

  body.jobs-page .job-tile .tile-bottom{
    margin-top:13px!important;
  }

  body.jobs-page .job-tile .tile-category{
    height:22px!important;
    min-width:70px!important;
    max-width:118px!important;
    border-color:rgba(255,122,26,.46)!important;
    background:rgba(255,122,26,.055)!important;
    color:#ffd1aa!important;
  }

  body.jobs-page .job-tile .tile-open{
    min-width:112px!important;
    height:34px!important;
    border-radius:10px!important;
    border-color:rgba(255,122,26,.74)!important;
    background:rgba(255,122,26,.075)!important;
    font-size:10.5px!important;
    font-weight:900!important;
  }

  body.jobs-page .job-tile .tile-open:hover{
    background:linear-gradient(135deg,#ff6a00,#ff8622)!important;
    border-color:#ff8622!important;
    box-shadow:0 9px 20px rgba(255,122,26,.20)!important;
  }

  body.jobs-page .jobs-card-board .box-head{
    padding-left:22px!important;
    padding-right:22px!important;
  }

  @media (max-width:1450px){
    body.jobs-page .jobs-grid-board{
      gap:12px!important;
      padding:18px!important;
    }

    body.jobs-page .job-row.job-tile{
      min-height:148px!important;
      padding:18px 16px 16px 86px!important;
    }

    body.jobs-page .job-tile .tile-logo{
      width:48px!important;
      height:48px!important;
      left:18px!important;
      top:19px!important;
    }

    body.jobs-page .job-tile .tile-title{
      font-size:17px!important;
      min-height:39px!important;
    }

    body.jobs-page .job-tile .tile-meta b{
      max-width:112px!important;
      font-size:9.7px!important;
    }

    body.jobs-page .job-tile .tile-open{
      min-width:104px!important;
    }
  }

  @media (max-width:1240px){
    body.jobs-page .jobs-grid-board{
      grid-template-columns:1fr!important;
    }

    body.jobs-page .job-row.job-tile{
      min-height:138px!important;
    }

    body.jobs-page .job-tile .tile-title{
      min-height:0!important;
    }
  }
}


/* ==========================================================
   Jobs Cinematic Hero v1
   Implements approved desktop mockup on jobs.php only.
   Header untouched.
   ========================================================== */
@media (min-width:901px){
  body.jobs-page .jobs-cinematic-hero{
    position:relative!important;
    min-height:545px!important;
    height:545px!important;
    max-height:545px!important;
    overflow:hidden!important;
    border-top:0!important;
    border-bottom:0!important;
    background:#020813!important;
    isolation:isolate!important;
  }

  body.jobs-page .jobs-cinematic-hero:before{
    content:""!important;
    position:absolute!important;
    inset:-24px -24px -20px -24px!important;
    background-image:url('/assets/hero.png?v=jobs-cinematic-v1')!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:72% 48%!important;
    filter:brightness(.92) contrast(1.14) saturate(1.10)!important;
    transform:none!important;
    z-index:0!important;
  }

  body.jobs-page .jobs-cinematic-hero:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:
      radial-gradient(circle at 88% 54%,rgba(255,122,26,.20),transparent 23%),
      linear-gradient(90deg,rgba(2,8,14,.98) 0%,rgba(2,8,14,.90) 35%,rgba(2,8,14,.45) 65%,rgba(2,8,14,.18) 100%),
      linear-gradient(180deg,rgba(2,8,14,.18) 0%,rgba(2,8,14,.15) 55%,rgba(2,8,14,.86) 100%)!important;
    z-index:1!important;
  }

  body.jobs-page .jobs-hero-inner{
    position:relative!important;
    z-index:3!important;
    height:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(340px,385px)!important;
    align-items:center!important;
    gap:72px!important;
    padding:58px 70px 54px!important;
    box-sizing:border-box!important;
  }

  body.jobs-page .jobs-hero-copy{
    max-width:790px!important;
    min-width:0!important;
  }

  body.jobs-page .jobs-hero-kicker{
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    margin-bottom:15px!important;
    color:#ff7a1a!important;
    text-transform:uppercase!important;
    letter-spacing:.32em!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:900!important;
  }

  body.jobs-page .jobs-hero-kicker span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#ff6a00!important;
    font-size:16px!important;
    letter-spacing:0!important;
  }

  body.jobs-page .jobs-hero-copy h1{
    margin:0 0 22px!important;
    color:#fff!important;
    font-size:78px!important;
    line-height:.94!important;
    letter-spacing:-.065em!important;
    font-weight:950!important;
    text-shadow:0 5px 22px rgba(0,0,0,.46)!important;
  }

  body.jobs-page .jobs-hero-copy h1 span{
    color:#ff6a00!important;
  }

  body.jobs-page .jobs-hero-copy p{
    max-width:660px!important;
    margin:0 0 25px!important;
    color:#e3edf7!important;
    font-size:18px!important;
    line-height:1.46!important;
    font-weight:520!important;
  }

  body.jobs-page .jobs-hero-features{
    display:flex!important;
    align-items:stretch!important;
    gap:18px!important;
    flex-wrap:wrap!important;
    margin:0 0 24px!important;
  }

  body.jobs-page .jobs-feature{
    display:flex!important;
    align-items:center!important;
    gap:13px!important;
    min-width:160px!important;
    min-height:54px!important;
    padding:10px 14px!important;
    border:1px solid rgba(145,174,203,.22)!important;
    border-radius:9px!important;
    background:rgba(3,12,22,.62)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
    backdrop-filter:blur(8px)!important;
  }

  body.jobs-page .jobs-feature-icon{
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    color:#ff7a1a!important;
    background:rgba(255,122,26,.075)!important;
    border:1px solid rgba(255,122,26,.28)!important;
  }

  body.jobs-page .jobs-feature-icon svg{
    width:19px!important;
    height:19px!important;
  }

  body.jobs-page .jobs-feature b{
    display:block!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:1.05!important;
    font-weight:850!important;
  }

  body.jobs-page .jobs-feature small{
    display:block!important;
    margin-top:3px!important;
    color:#b8c7d6!important;
    font-size:11px!important;
    line-height:1.05!important;
    font-weight:500!important;
  }

  body.jobs-page .jobs-hero-actions{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    flex-wrap:wrap!important;
  }

  body.jobs-page .jobs-primary-cta,
  body.jobs-page .jobs-secondary-cta{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:48px!important;
    border-radius:8px!important;
    padding:0 25px!important;
    text-decoration:none!important;
    text-transform:uppercase!important;
    font-size:13px!important;
    line-height:1!important;
    letter-spacing:.03em!important;
    font-weight:900!important;
    transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease!important;
  }

  body.jobs-page .jobs-primary-cta{
    background:linear-gradient(135deg,#ff6a00,#ff8a24)!important;
    color:#fff!important;
    border:1px solid rgba(255,122,26,.92)!important;
    box-shadow:0 12px 26px rgba(255,106,0,.24),inset 0 1px 0 rgba(255,255,255,.18)!important;
  }

  body.jobs-page .jobs-secondary-cta{
    background:rgba(3,12,22,.48)!important;
    border:1px solid rgba(145,174,203,.30)!important;
    color:#f2f7fb!important;
    min-width:190px!important;
  }

  body.jobs-page .jobs-secondary-cta span{
    color:#ff7a1a!important;
    margin-right:8px!important;
  }

  body.jobs-page .jobs-primary-cta:hover,
  body.jobs-page .jobs-secondary-cta:hover{
    transform:translateY(-1px)!important;
  }

  body.jobs-page .jobs-primary-cta:hover{
    box-shadow:0 15px 34px rgba(255,106,0,.32),inset 0 1px 0 rgba(255,255,255,.20)!important;
  }

  body.jobs-page .jobs-secondary-cta:hover{
    border-color:rgba(255,122,26,.45)!important;
    background:rgba(255,122,26,.06)!important;
  }

  body.jobs-page .jobs-live-card{
    justify-self:end!important;
    width:360px!important;
    min-height:310px!important;
    padding:24px 25px 22px!important;
    border-radius:18px!important;
    border:1px solid rgba(44,178,255,.66)!important;
    background:
      radial-gradient(circle at 100% 0%,rgba(44,178,255,.15),transparent 36%),
      linear-gradient(180deg,rgba(5,19,34,.83),rgba(3,12,24,.91))!important;
    box-shadow:
      0 20px 50px rgba(0,0,0,.34),
      0 0 0 1px rgba(44,178,255,.08),
      0 0 28px rgba(44,178,255,.30)!important;
    backdrop-filter:blur(12px) saturate(125%)!important;
    position:relative!important;
    overflow:hidden!important;
  }

  body.jobs-page .jobs-live-card:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:
      linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;
    background-size:22px 22px!important;
    opacity:.18!important;
    pointer-events:none!important;
  }

  body.jobs-page .jobs-live-kicker{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    color:#fff!important;
    text-transform:uppercase!important;
    letter-spacing:.08em!important;
    font-size:13px!important;
    font-weight:900!important;
    margin:0 0 25px!important;
  }

  body.jobs-page .jobs-live-kicker span{
    width:7px!important;
    height:7px!important;
    border-radius:50%!important;
    background:#23eca0!important;
    box-shadow:0 0 12px rgba(35,236,160,.65)!important;
  }

  body.jobs-page .jobs-live-numbers{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:20px!important;
    margin-bottom:18px!important;
  }

  body.jobs-page .jobs-live-numbers > div + div{
    border-left:1px solid rgba(145,174,203,.20)!important;
    padding-left:20px!important;
  }

  body.jobs-page .jobs-live-numbers strong{
    display:block!important;
    color:#fff!important;
    font-size:39px!important;
    line-height:.95!important;
    font-weight:950!important;
    letter-spacing:-.04em!important;
  }

  body.jobs-page .jobs-live-numbers strong.green{
    color:#23eca0!important;
  }

  body.jobs-page .jobs-live-numbers small{
    display:block!important;
    color:#b7c6d5!important;
    font-size:12px!important;
    margin-top:8px!important;
    font-weight:500!important;
  }

  body.jobs-page .jobs-live-chart{
    position:relative!important;
    z-index:2!important;
    height:106px!important;
    margin:0 0 18px!important;
    border-radius:10px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.06))!important;
  }

  body.jobs-page .jobs-live-chart svg{
    width:100%!important;
    height:100%!important;
    display:block!important;
  }

  body.jobs-page .jobs-live-link{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:44px!important;
    padding:0 15px!important;
    border-radius:8px!important;
    border:1px solid rgba(145,174,203,.25)!important;
    background:rgba(0,0,0,.18)!important;
    color:#ff8a22!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    letter-spacing:.045em!important;
    font-size:12px!important;
    font-weight:900!important;
  }

  body.jobs-page .jobs-live-link:hover{
    border-color:rgba(255,122,26,.45)!important;
    background:rgba(255,122,26,.055)!important;
  }

  body.jobs-page .jobs-kpi-strip{
    margin:0!important;
    padding:0 70px!important;
    min-height:96px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:0!important;
    background:linear-gradient(180deg,#03101c,#020a13)!important;
    border-top:1px solid rgba(44,178,255,.22)!important;
    border-bottom:1px solid rgba(44,178,255,.20)!important;
  }

  body.jobs-page .jobs-kpi{
    display:flex!important;
    align-items:center!important;
    gap:16px!important;
    padding:18px 28px!important;
    min-width:0!important;
    border-right:1px solid rgba(44,178,255,.22)!important;
  }

  body.jobs-page .jobs-kpi:last-child{
    border-right:0!important;
  }

  body.jobs-page .jobs-kpi-icon{
    flex:0 0 54px!important;
    width:54px!important;
    height:54px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    border:1px solid rgba(44,178,255,.45)!important;
    background:radial-gradient(circle at 50% 50%,rgba(255,122,26,.09),rgba(44,178,255,.055))!important;
    color:#ff7a1a!important;
    box-shadow:inset 0 0 0 6px rgba(44,178,255,.04),0 0 20px rgba(44,178,255,.08)!important;
  }

  body.jobs-page .jobs-kpi-icon svg{
    width:25px!important;
    height:25px!important;
  }

  body.jobs-page .jobs-kpi small{
    display:block!important;
    color:#b4c5d5!important;
    text-transform:uppercase!important;
    letter-spacing:.08em!important;
    font-size:11px!important;
    line-height:1.1!important;
    font-weight:850!important;
  }

  body.jobs-page .jobs-kpi strong{
    display:block!important;
    color:#fff!important;
    font-size:26px!important;
    line-height:1.05!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
    margin-top:4px!important;
  }

  body.jobs-page .jobs-kpi em{
    display:block!important;
    color:#b7c6d5!important;
    font-style:normal!important;
    font-size:12px!important;
    margin-top:2px!important;
  }

  body.jobs-page .jobs-news-ticker{
    min-height:54px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:18px!important;
    margin:16px 70px 22px!important;
    padding:0 17px!important;
    border:1px solid rgba(44,178,255,.25)!important;
    border-radius:9px!important;
    background:linear-gradient(180deg,rgba(5,18,31,.74),rgba(3,11,20,.88))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  }

  body.jobs-page .jobs-news-label{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    color:#ff7a1a!important;
    text-transform:uppercase!important;
    letter-spacing:.12em!important;
    font-size:13px!important;
    font-weight:950!important;
    padding-right:20px!important;
    border-right:1px solid rgba(145,174,203,.25)!important;
    white-space:nowrap!important;
  }

  body.jobs-page .jobs-news-label span{
    color:#ff7a1a!important;
    font-size:18px!important;
    letter-spacing:0!important;
  }

  body.jobs-page .jobs-news-items{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    overflow:hidden!important;
  }

  body.jobs-page .jobs-news-items a{
    min-width:0!important;
    color:#c7d4e1!important;
    text-decoration:none!important;
    font-size:12px!important;
    font-weight:550!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    padding:0 24px!important;
    border-right:1px solid rgba(145,174,203,.16)!important;
  }

  body.jobs-page .jobs-news-items a:first-child{
    padding-left:0!important;
  }

  body.jobs-page .jobs-news-open{
    color:#ff7a1a!important;
    text-decoration:none!important;
    font-size:12px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }

  /* Remove old metric strip if older CSS tries to apply. */
  body.jobs-page section.metrics{
    display:none!important;
  }

  body.jobs-page .jobs-commandbar{
    margin-top:0!important;
  }

  @media (max-width:1450px){
    body.jobs-page .jobs-cinematic-hero{
      min-height:505px!important;
      height:505px!important;
      max-height:505px!important;
    }

    body.jobs-page .jobs-hero-inner{
      grid-template-columns:minmax(0,1fr) 335px!important;
      gap:48px!important;
      padding:50px 54px!important;
    }

    body.jobs-page .jobs-hero-copy h1{
      font-size:64px!important;
    }

    body.jobs-page .jobs-hero-copy p{
      font-size:16px!important;
      max-width:600px!important;
    }

    body.jobs-page .jobs-feature{
      min-width:145px!important;
    }

    body.jobs-page .jobs-live-card{
      width:330px!important;
      min-height:292px!important;
    }

    body.jobs-page .jobs-kpi-strip{
      padding:0 54px!important;
    }

    body.jobs-page .jobs-kpi{
      padding:16px 18px!important;
      gap:13px!important;
    }

    body.jobs-page .jobs-kpi-icon{
      width:48px!important;
      height:48px!important;
      flex-basis:48px!important;
    }

    body.jobs-page .jobs-kpi strong{
      font-size:23px!important;
    }

    body.jobs-page .jobs-news-ticker{
      margin-left:54px!important;
      margin-right:54px!important;
    }
  }

  @media (max-width:1160px){
    body.jobs-page .jobs-cinematic-hero{
      height:auto!important;
      max-height:none!important;
      min-height:0!important;
    }

    body.jobs-page .jobs-hero-inner{
      grid-template-columns:1fr!important;
      padding:44px 38px 42px!important;
    }

    body.jobs-page .jobs-live-card{
      justify-self:start!important;
      width:min(420px,100%)!important;
    }

    body.jobs-page .jobs-kpi-strip{
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
      padding:0 38px!important;
    }

    body.jobs-page .jobs-kpi:nth-child(2n){
      border-right:0!important;
    }

    body.jobs-page .jobs-news-ticker{
      margin-left:38px!important;
      margin-right:38px!important;
    }
  }
}


/* ==========================================================
   Jobs Cinematic Hero v2
   Tighter match to approved mockup:
   - no clipped CTA buttons
   - hero gets correct breathing room
   - KPI strip becomes rounded glass panel, not hard table row
   - newsroom ticker closer to mockup
   - live card more premium and better positioned
   ========================================================== */
@media (min-width:901px){
  body.jobs-page .jobs-cinematic-hero{
    height:600px!important;
    min-height:600px!important;
    max-height:600px!important;
    border-bottom:0!important;
  }

  body.jobs-page .jobs-cinematic-hero:before{
    background-size:cover!important;
    background-position:70% 50%!important;
    filter:brightness(.98) contrast(1.10) saturate(1.12)!important;
  }

  body.jobs-page .jobs-cinematic-hero:after{
    background:
      radial-gradient(circle at 90% 56%,rgba(255,122,26,.24),transparent 24%),
      linear-gradient(90deg,rgba(2,8,14,.98) 0%,rgba(2,8,14,.90) 34%,rgba(2,8,14,.40) 66%,rgba(2,8,14,.12) 100%),
      linear-gradient(180deg,rgba(2,8,14,.10) 0%,rgba(2,8,14,.10) 55%,rgba(2,8,14,.66) 100%)!important;
  }

  body.jobs-page .jobs-hero-inner{
    grid-template-columns:minmax(0,1fr) 390px!important;
    gap:64px!important;
    align-items:center!important;
    padding:58px 70px 70px!important;
  }

  body.jobs-page .jobs-hero-copy{
    max-width:760px!important;
  }

  body.jobs-page .jobs-hero-kicker{
    margin-bottom:16px!important;
    font-size:13px!important;
    letter-spacing:.30em!important;
  }

  body.jobs-page .jobs-hero-copy h1{
    font-size:74px!important;
    line-height:.94!important;
    letter-spacing:-.066em!important;
    margin-bottom:22px!important;
  }

  body.jobs-page .jobs-hero-copy p{
    max-width:690px!important;
    font-size:17px!important;
    line-height:1.48!important;
    margin-bottom:24px!important;
  }

  body.jobs-page .jobs-hero-features{
    gap:18px!important;
    margin-bottom:22px!important;
  }

  body.jobs-page .jobs-feature{
    min-width:168px!important;
    min-height:55px!important;
    border-color:rgba(145,174,203,.26)!important;
    background:rgba(3,12,22,.54)!important;
    backdrop-filter:blur(10px)!important;
  }

  body.jobs-page .jobs-feature b{
    font-size:13px!important;
  }

  body.jobs-page .jobs-feature small{
    font-size:11px!important;
  }

  body.jobs-page .jobs-hero-actions{
    gap:14px!important;
  }

  body.jobs-page .jobs-primary-cta,
  body.jobs-page .jobs-secondary-cta{
    min-height:46px!important;
    border-radius:8px!important;
    padding-left:24px!important;
    padding-right:24px!important;
  }

  body.jobs-page .jobs-live-card{
    width:382px!important;
    min-height:320px!important;
    align-self:center!important;
    margin-top:16px!important;
    border-color:rgba(34,177,255,.72)!important;
    box-shadow:
      0 22px 54px rgba(0,0,0,.38),
      0 0 0 1px rgba(34,177,255,.10),
      0 0 34px rgba(34,177,255,.34)!important;
  }

  body.jobs-page .jobs-live-numbers strong{
    font-size:40px!important;
  }

  body.jobs-page .jobs-live-chart{
    height:112px!important;
    margin-bottom:18px!important;
  }

  body.jobs-page .jobs-live-link{
    min-height:45px!important;
  }

  body.jobs-page .jobs-kpi-strip{
    width:auto!important;
    margin:-48px 70px 0!important;
    padding:0!important;
    min-height:104px!important;
    border:1px solid rgba(34,177,255,.24)!important;
    border-radius:12px!important;
    overflow:hidden!important;
    position:relative!important;
    z-index:5!important;
    background:
      linear-gradient(180deg,rgba(4,18,31,.86),rgba(2,10,18,.92))!important;
    box-shadow:
      0 18px 44px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,255,255,.04)!important;
    backdrop-filter:blur(10px)!important;
  }

  body.jobs-page .jobs-kpi{
    min-height:104px!important;
    padding:20px 28px!important;
    border-right:1px solid rgba(34,177,255,.22)!important;
    background:transparent!important;
  }

  body.jobs-page .jobs-kpi-icon{
    width:58px!important;
    height:58px!important;
    flex-basis:58px!important;
    color:#ff7a1a!important;
    border-color:rgba(34,177,255,.45)!important;
    box-shadow:
      inset 0 0 0 7px rgba(34,177,255,.04),
      0 0 22px rgba(34,177,255,.10)!important;
  }

  body.jobs-page .jobs-kpi-icon svg{
    width:26px!important;
    height:26px!important;
  }

  body.jobs-page .jobs-kpi small{
    font-size:11px!important;
    color:#bac9d7!important;
  }

  body.jobs-page .jobs-kpi strong{
    font-size:27px!important;
    margin-top:4px!important;
  }

  body.jobs-page .jobs-kpi em{
    color:#c1cfdb!important;
    font-size:12px!important;
  }

  body.jobs-page .jobs-news-ticker{
    min-height:52px!important;
    margin:16px 70px 22px!important;
    border-radius:9px!important;
    border-color:rgba(34,177,255,.26)!important;
    background:linear-gradient(180deg,rgba(4,17,29,.76),rgba(2,10,18,.90))!important;
  }

  body.jobs-page .jobs-news-label{
    padding-right:22px!important;
  }

  body.jobs-page .jobs-news-items a{
    color:#cbd7e3!important;
    max-width:330px!important;
  }

  body.jobs-page .jobs-commandbar{
    margin-top:0!important;
  }

  @media (max-width:1450px){
    body.jobs-page .jobs-cinematic-hero{
      height:560px!important;
      min-height:560px!important;
      max-height:560px!important;
    }

    body.jobs-page .jobs-hero-inner{
      grid-template-columns:minmax(0,1fr) 350px!important;
      gap:48px!important;
      padding:50px 54px 64px!important;
    }

    body.jobs-page .jobs-hero-copy h1{
      font-size:62px!important;
    }

    body.jobs-page .jobs-hero-copy p{
      font-size:15.8px!important;
      max-width:620px!important;
    }

    body.jobs-page .jobs-feature{
      min-width:150px!important;
      min-height:52px!important;
      padding:9px 12px!important;
    }

    body.jobs-page .jobs-live-card{
      width:342px!important;
      min-height:300px!important;
      margin-top:12px!important;
    }

    body.jobs-page .jobs-live-numbers strong{
      font-size:36px!important;
    }

    body.jobs-page .jobs-live-chart{
      height:96px!important;
    }

    body.jobs-page .jobs-kpi-strip{
      margin-left:54px!important;
      margin-right:54px!important;
      margin-top:-42px!important;
      min-height:96px!important;
    }

    body.jobs-page .jobs-kpi{
      min-height:96px!important;
      padding:17px 18px!important;
      gap:13px!important;
    }

    body.jobs-page .jobs-kpi-icon{
      width:50px!important;
      height:50px!important;
      flex-basis:50px!important;
    }

    body.jobs-page .jobs-kpi strong{
      font-size:23px!important;
    }

    body.jobs-page .jobs-news-ticker{
      margin-left:54px!important;
      margin-right:54px!important;
      margin-top:14px!important;
    }
  }

  @media (max-width:1160px){
    body.jobs-page .jobs-kpi-strip{
      margin-top:0!important;
    }
  }
}


/* ==========================================================
   Jobs Cinematic Hero v3
   Closer to approved mockup after screenshot review:
   - remove hard overlap from KPI strip
   - hero becomes broader and less boxed
   - better vertical rhythm: hero -> KPI -> newsroom -> filters
   - live card more like reference card
   - stats row more elegant/glass instead of block/table
   ========================================================== */
@media (min-width:901px){
  body.jobs-page .page{
    overflow:visible!important;
  }

  body.jobs-page .jobs-cinematic-hero{
    height:575px!important;
    min-height:575px!important;
    max-height:575px!important;
    border-bottom:0!important;
    overflow:hidden!important;
  }

  body.jobs-page .jobs-cinematic-hero:before{
    inset:-18px!important;
    background-position:69% 48%!important;
    background-size:cover!important;
    filter:brightness(1.04) contrast(1.08) saturate(1.10)!important;
  }

  body.jobs-page .jobs-cinematic-hero:after{
    background:
      radial-gradient(circle at 88% 55%,rgba(255,122,26,.22),transparent 26%),
      linear-gradient(90deg,rgba(2,8,14,.985) 0%,rgba(2,8,14,.88) 33%,rgba(2,8,14,.37) 65%,rgba(2,8,14,.10) 100%),
      linear-gradient(180deg,rgba(2,8,14,.06) 0%,rgba(2,8,14,.05) 50%,rgba(2,8,14,.74) 100%)!important;
  }

  body.jobs-page .jobs-hero-inner{
    grid-template-columns:minmax(0,1fr) 376px!important;
    gap:62px!important;
    padding:54px 64px 92px!important;
    align-items:center!important;
  }

  body.jobs-page .jobs-hero-copy h1{
    font-size:72px!important;
    line-height:.93!important;
    margin-bottom:22px!important;
  }

  body.jobs-page .jobs-hero-copy p{
    font-size:17px!important;
    max-width:670px!important;
    margin-bottom:24px!important;
  }

  body.jobs-page .jobs-hero-features{
    margin-bottom:23px!important;
  }

  body.jobs-page .jobs-feature{
    background:rgba(3,12,22,.48)!important;
    border-color:rgba(150,178,205,.25)!important;
  }

  body.jobs-page .jobs-live-card{
    width:372px!important;
    min-height:310px!important;
    margin-top:0!important;
    transform:translateY(6px)!important;
    border-radius:16px!important;
    background:
      radial-gradient(circle at 100% 0%,rgba(44,178,255,.16),transparent 35%),
      linear-gradient(180deg,rgba(5,18,32,.82),rgba(3,11,22,.92))!important;
    box-shadow:
      0 22px 54px rgba(0,0,0,.36),
      0 0 0 1px rgba(34,177,255,.10),
      0 0 30px rgba(34,177,255,.28)!important;
  }

  body.jobs-page .jobs-live-chart{
    height:102px!important;
  }

  body.jobs-page .jobs-kpi-strip{
    margin:0 64px 0!important;
    transform:translateY(-34px)!important;
    min-height:98px!important;
    border-radius:12px!important;
    z-index:6!important;
    background:
      radial-gradient(circle at 0% 50%,rgba(34,177,255,.07),transparent 34%),
      linear-gradient(180deg,rgba(4,18,31,.84),rgba(2,10,18,.93))!important;
    border:1px solid rgba(34,177,255,.26)!important;
    box-shadow:
      0 18px 42px rgba(0,0,0,.30),
      inset 0 1px 0 rgba(255,255,255,.04)!important;
  }

  body.jobs-page .jobs-kpi{
    min-height:98px!important;
    padding:18px 25px!important;
  }

  body.jobs-page .jobs-kpi-icon{
    width:54px!important;
    height:54px!important;
    flex-basis:54px!important;
  }

  body.jobs-page .jobs-kpi strong{
    font-size:26px!important;
  }

  body.jobs-page .jobs-news-ticker{
    margin:calc(-34px + 15px) 64px 24px!important;
    min-height:52px!important;
    border-radius:9px!important;
  }

  body.jobs-page .jobs-commandbar{
    margin-top:0!important;
  }

  body.jobs-page #jobs-filters.jobs-commandbar{
    margin-left:22px!important;
    margin-right:22px!important;
  }

  @media (max-width:1450px){
    body.jobs-page .jobs-cinematic-hero{
      height:540px!important;
      min-height:540px!important;
      max-height:540px!important;
    }

    body.jobs-page .jobs-hero-inner{
      grid-template-columns:minmax(0,1fr) 342px!important;
      gap:48px!important;
      padding:48px 48px 84px!important;
    }

    body.jobs-page .jobs-hero-copy h1{
      font-size:61px!important;
    }

    body.jobs-page .jobs-hero-copy p{
      font-size:15.8px!important;
      max-width:600px!important;
    }

    body.jobs-page .jobs-feature{
      min-width:148px!important;
    }

    body.jobs-page .jobs-live-card{
      width:336px!important;
      min-height:292px!important;
    }

    body.jobs-page .jobs-live-chart{
      height:92px!important;
    }

    body.jobs-page .jobs-kpi-strip{
      margin-left:48px!important;
      margin-right:48px!important;
      transform:translateY(-32px)!important;
      min-height:92px!important;
    }

    body.jobs-page .jobs-kpi{
      min-height:92px!important;
      padding:16px 17px!important;
    }

    body.jobs-page .jobs-kpi-icon{
      width:48px!important;
      height:48px!important;
      flex-basis:48px!important;
    }

    body.jobs-page .jobs-kpi strong{
      font-size:22px!important;
    }

    body.jobs-page .jobs-news-ticker{
      margin:calc(-32px + 14px) 48px 22px!important;
    }
  }

  @media (max-width:1160px){
    body.jobs-page .jobs-cinematic-hero{
      height:auto!important;
      min-height:0!important;
      max-height:none!important;
    }

    body.jobs-page .jobs-hero-inner{
      grid-template-columns:1fr!important;
      padding:42px 38px 44px!important;
    }

    body.jobs-page .jobs-kpi-strip{
      transform:none!important;
      margin:0 38px!important;
    }

    body.jobs-page .jobs-news-ticker{
      margin:15px 38px 22px!important;
    }
  }
}


/* ==========================================================
   Jobs Cinematic Hero v4 - NO OVERLAP FIX
   Hard reset of top-section flow:
   hero -> KPI strip -> newsroom -> filters
   Nothing is allowed to sit on top of anything else.
   ========================================================== */
@media (min-width:901px){
  body.jobs-page .jobs-cinematic-hero{
    height:610px!important;
    min-height:610px!important;
    max-height:610px!important;
    overflow:hidden!important;
    margin:0!important;
    border-bottom:1px solid rgba(255,122,26,.32)!important;
  }

  body.jobs-page .jobs-hero-inner{
    height:100%!important;
    padding:56px 64px 62px!important;
    align-items:center!important;
    box-sizing:border-box!important;
  }

  body.jobs-page .jobs-hero-copy{
    padding-bottom:0!important;
  }

  body.jobs-page .jobs-hero-actions{
    position:relative!important;
    z-index:8!important;
    margin-top:0!important;
    padding-bottom:0!important;
  }

  body.jobs-page .jobs-primary-cta,
  body.jobs-page .jobs-secondary-cta{
    position:relative!important;
    z-index:9!important;
  }

  body.jobs-page .jobs-live-card{
    position:relative!important;
    z-index:7!important;
    transform:none!important;
    margin-top:0!important;
  }

  body.jobs-page .jobs-kpi-strip{
    position:relative!important;
    z-index:4!important;
    transform:none!important;
    margin:18px 64px 0!important;
    width:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    clear:both!important;
  }

  body.jobs-page .jobs-news-ticker{
    position:relative!important;
    z-index:4!important;
    transform:none!important;
    margin:16px 64px 24px!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    clear:both!important;
  }

  body.jobs-page #jobs-filters.jobs-commandbar{
    position:relative!important;
    z-index:3!important;
    margin-top:0!important;
    clear:both!important;
  }

  @media (max-width:1450px){
    body.jobs-page .jobs-cinematic-hero{
      height:575px!important;
      min-height:575px!important;
      max-height:575px!important;
    }

    body.jobs-page .jobs-hero-inner{
      padding:50px 48px 58px!important;
    }

    body.jobs-page .jobs-kpi-strip{
      transform:none!important;
      margin:18px 48px 0!important;
    }

    body.jobs-page .jobs-news-ticker{
      transform:none!important;
      margin:14px 48px 22px!important;
    }
  }

  @media (max-width:1160px){
    body.jobs-page .jobs-cinematic-hero{
      height:auto!important;
      min-height:0!important;
      max-height:none!important;
      overflow:visible!important;
    }

    body.jobs-page .jobs-hero-inner{
      padding:42px 38px 44px!important;
    }

    body.jobs-page .jobs-kpi-strip{
      margin:16px 38px 0!important;
    }

    body.jobs-page .jobs-news-ticker{
      margin:14px 38px 22px!important;
    }
  }
}