/* Extracted from inline style block: jobs.php#jobs-match-other-pages-v23 */
/* Jobs top now uses the same hero / metric pattern as Index-News-About.
   Old jobs-cinematic blocks are replaced in markup, and this CSS only tunes the shared classes. */
@media (min-width:901px){
  body.jobs-page .jobs-as-news-hero{
    position:relative !important;
    min-height:0 !important;
    height:auto !important;
    background:#020912 !important;
    border-bottom:1px solid rgba(255,106,0,.50) !important;
    overflow:hidden !important;
  }

  body.jobs-page .jobs-as-news-hero::before{
    content:"" !important;
    position:absolute !important;
    inset:-70px !important;
    background-image:var(--hero-image) !important;
    background-position:72% 50% !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    filter:brightness(.76) contrast(1.12) saturate(1.08) !important;
    transform:scale(1.02) !important;
  }

  body.jobs-page .jobs-as-news-hero::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:
      linear-gradient(90deg,rgba(1,7,12,.98) 0%,rgba(2,8,14,.88) 40%,rgba(2,8,14,.50) 68%,rgba(2,8,14,.16) 100%),
      linear-gradient(180deg,rgba(2,8,14,.08),rgba(2,8,14,.78)) !important;
  }

  body.jobs-page .jobs-as-news-hero .hero-inner{
    position:relative !important;
    z-index:2 !important;
    max-width:var(--wrap,1480px) !important;
    margin:0 auto !important;
    padding:74px 34px 62px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 330px !important;
    gap:42px !important;
    align-items:center !important;
  }

  body.jobs-page .jobs-as-news-hero .eyebrow{
    color:var(--orange2,#ff8a22) !important;
    text-transform:uppercase !important;
    font-size:12px !important;
    letter-spacing:.12em !important;
    margin:0 0 14px !important;
    font-weight:950 !important;
  }
  body.jobs-page .jobs-as-news-hero .eyebrow::before{
    content:"—" !important;
    margin-right:12px !important;
    color:var(--orange,#ff6a00) !important;
  }

  body.jobs-page .jobs-as-news-hero h1{
    font-size:clamp(42px,4.05vw,70px) !important;
    line-height:.94 !important;
    margin:0 0 18px !important;
    letter-spacing:-.06em !important;
    text-shadow:0 4px 0 rgba(0,0,0,.18) !important;
    max-width:1040px !important;
  }
  body.jobs-page .jobs-as-news-hero h1 span{color:var(--orange2,#ff8a22) !important;}

  body.jobs-page .jobs-as-news-hero p{
    font-size:18px !important;
    line-height:1.55 !important;
    margin:0 0 26px !important;
    max-width:760px !important;
    color:#dce9f6 !important;
    font-weight:650 !important;
  }

  body.jobs-page .jobs-as-news-hero .hero-actions{
    display:flex !important;
    gap:14px !important;
    flex-wrap:wrap !important;
  }

  body.jobs-page .jobs-as-news-hero .stat-card{
    width:100% !important;
    border:1px solid rgba(255,106,0,.62) !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(5,23,38,.88),rgba(2,11,19,.84)) !important;
    padding:22px !important;
    box-shadow:0 20px 58px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.045) !important;
  }
  body.jobs-page .jobs-as-news-hero .stat-card .live{
    color:var(--orange2,#ff8a22) !important;
    font-size:12px !important;
    text-transform:uppercase !important;
    letter-spacing:.10em !important;
    margin-bottom:18px !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
  }
  body.jobs-page .jobs-as-news-hero .stat-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:14px !important;
  }
  body.jobs-page .jobs-as-news-hero .stat-grid strong{
    font-size:36px !important;
    display:block !important;
    letter-spacing:-.045em !important;
  }
  body.jobs-page .jobs-as-news-hero .stat-grid small{
    font-size:10px !important;
    color:#c3d3e2 !important;
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
  }

  body.jobs-page .jobs-live-mini-chart{
    height:54px !important;
    margin:16px 0 12px !important;
    border-radius:10px !important;
    overflow:hidden !important;
  }
  body.jobs-page .jobs-live-mini-chart svg{display:block !important;width:100% !important;height:100% !important;}
  body.jobs-page .jobs-live-mini-chart .grid-line{stroke:rgba(144,183,216,.16) !important;stroke-width:1 !important;}
  body.jobs-page .jobs-live-mini-chart .area{fill:url(#jobsV23Area) !important;}
  body.jobs-page .jobs-live-mini-chart .trend.glow{stroke:url(#jobsV23Line) !important;stroke-width:8 !important;fill:none !important;filter:url(#jobsV23Glow) !important;opacity:.55 !important;}
  body.jobs-page .jobs-live-mini-chart .trend.core{stroke:url(#jobsV23Line) !important;stroke-width:3.2 !important;fill:none !important;}
  body.jobs-page .jobs-live-mini-chart .nodes circle{fill:#ffb35b !important;opacity:.95 !important;}
  body.jobs-page .jobs-live-mini-chart .nodes circle.last{fill:#fff2cb !important;}

  body.jobs-page .jobs-metrics-match{
    max-width:var(--wrap,1480px) !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(5,1fr) !important;
    border:1px solid rgba(255,106,0,.34) !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
    background:linear-gradient(180deg,rgba(7,24,38,.92),rgba(4,16,27,.92)) !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }
  body.jobs-page .jobs-metrics-match .metric{
    min-height:72px !important;
    display:flex !important;
    gap:16px !important;
    align-items:center !important;
    padding:14px 20px !important;
    border-right:1px solid rgba(255,106,0,.19) !important;
    background:transparent !important;
  }
  body.jobs-page .jobs-metrics-match .metric:last-child{border-right:0 !important;}
  body.jobs-page .jobs-metrics-match .micon{
    width:36px !important;height:36px !important;border:2px solid rgba(255,106,0,.92) !important;border-radius:11px !important;display:grid !important;place-items:center !important;color:var(--orange2,#ff8a22) !important;font-size:18px !important;flex:0 0 auto !important;
  }
  body.jobs-page .jobs-metrics-match .metric small{display:block !important;text-transform:uppercase !important;color:#b9c8d8 !important;font-size:10px !important;letter-spacing:.08em !important;}
  body.jobs-page .jobs-metrics-match .metric strong{font-size:26px !important;margin-right:6px !important;color:#fff !important;letter-spacing:-.035em !important;}

  body.jobs-page .jobs-news-ticker-match{
    max-width:var(--wrap,1480px) !important;
    margin:18px auto 18px !important;
    width:calc(100% - 68px) !important;
  }

  body.jobs-page .jobs-commandbar{margin-top:0 !important;}
}
@media(max-width:1120px){
  body.jobs-page .jobs-as-news-hero .hero-inner{grid-template-columns:1fr !important;}
  body.jobs-page .jobs-as-news-hero .stat-card{max-width:420px !important;}
  body.jobs-page .jobs-metrics-match{grid-template-columns:repeat(2,1fr) !important;}
}