/*
  Offshore Hub unified site shell v1.
  One external contract for page width, header, hero, footer, colors and panel rhythm.
  Page files should only choose content and hero image; size and chrome live here.
*/

:root{
  --oh-shell-width:min(1680px, calc(100vw - 24px));
  --oh-header-h:78px;
  --oh-hero-h:360px;
  --oh-page-bg:#02080d;
  --oh-surface:#020b13;
  --oh-panel:#061522;
  --oh-panel-2:#03101a;
  --oh-line:#008ed1;
  --oh-line-soft:rgba(120,166,205,.18);
  --oh-line-mid:rgba(45,78,105,.52);
  --oh-text:#f5f8fc;
  --oh-muted:#a7bacb;
  --oh-orange:#ff7417;
  --oh-orange-2:#ff8a22;
  --oh-green:#22e5a2;
  --oh-radius:8px;
  --oh-gap:14px;
  --oh-side-w:340px;
  --oh-hero-overlay-x:linear-gradient(90deg,rgba(2,7,13,.95) 0%,rgba(2,7,13,.80) 29%,rgba(2,7,13,.33) 56%,rgba(2,7,13,.08) 80%,rgba(2,7,13,0) 100%);
  --oh-hero-overlay-y:linear-gradient(180deg,rgba(2,7,13,.04) 0%,rgba(2,7,13,.26) 100%);
}

/* v20: final news dashboard containment pass, placed last so old news CSS cannot override it. */
@media (min-width:1100px){
  html body.news-dashboard-page .newsroom-v1{
    width:100%!important;
    max-width:100%!important;
    padding:0 24px 30px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  html body.news-dashboard-page .newsroom-layout-v1{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:14px 0 0!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 300px!important;
    gap:14px!important;
    align-items:start!important;
    overflow:visible!important;
  }

  html body.news-dashboard-page .newsroom-main-v1{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  html body.news-dashboard-page .newsroom-side-v1{
    width:300px!important;
    min-width:300px!important;
    max-width:300px!important;
    min-height:0!important;
    display:grid!important;
    gap:12px!important;
    align-self:start!important;
    position:sticky!important;
    top:92px!important;
    overflow:visible!important;
  }

  html body.news-dashboard-page .newsroom-side-v1 > section,
  html body.news-dashboard-page .newsroom-side-v1 > .side-panel,
  html body.news-dashboard-page .newsroom-side-v1 .oh-market-panel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  html body.news-dashboard-page .newsroom-side-v1 .oh-market-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 14px!important;
  }

  html body.news-dashboard-page .newsroom-side-v1 .oh-market-metrics strong{
    font-size:25px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
    word-break:normal!important;
  }

  html body.news-dashboard-page .newsroom-side-v1 .oh-market-metrics small,
  html body.news-dashboard-page .newsroom-side-v1 .oh-market-metrics span{
    font-size:11px!important;
    line-height:1.18!important;
  }

  html body.news-dashboard-page .newsroom-side-v1 .oh-market-chart{
    height:72px!important;
    margin-top:8px!important;
  }

  html body.news-dashboard-page .newsroom-card-grid-v1{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (min-width:1500px){
  html body.news-dashboard-page .newsroom-layout-v1{
    grid-template-columns:minmax(0,1fr) 320px!important;
  }

  html body.news-dashboard-page .newsroom-side-v1{
    width:320px!important;
    min-width:320px!important;
    max-width:320px!important;
  }
}

/* v23: final winning page-card icon cleanup. */
html body .info-grid .info-card .ico,
html body .why-grid .ico,
html body .contact-method .ico,
html body .sector-grid .sector-card .ico{
  position:relative!important;
  overflow:hidden!important;
  text-indent:-999px!important;
  white-space:nowrap!important;
  display:grid!important;
  place-items:center!important;
  color:var(--oh-orange,var(--orange,#ff6a00))!important;
}

html body .info-grid .info-card .ico:before,
html body .why-grid .ico:before,
html body .contact-method .ico:before,
html body .sector-grid .sector-card .ico:before{
  content:"â€¢"!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  text-indent:0!important;
  color:var(--oh-orange,var(--orange,#ff6a00))!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
}

html body .info-grid .info-card:nth-child(1) .ico:before,
html body .sector-grid .sector-card:nth-child(1) .ico:before{
  content:"âš¡"!important;
}

html body .info-grid .info-card:nth-child(2) .ico:before,
html body .why-grid > div:nth-child(2) .ico:before,
html body .sector-grid .sector-card:nth-child(2) .ico:before{
  content:"â†—"!important;
}

html body .info-grid .info-card:nth-child(3) .ico:before,
html body .why-grid > div:nth-child(3) .ico:before,
html body .sector-grid .sector-card:nth-child(3) .ico:before{
  content:"âœ“"!important;
}

html body .why-grid > div:nth-child(4) .ico:before{
  content:"â˜…"!important;
}

/* v22: replace raw text utility icons in page cards with clean symbols. */
html body .info-grid .info-card .ico,
html body .why-grid .ico,
html body .contact-method .ico,
html body .sector-grid .sector-card .ico{
  position:relative!important;
  overflow:hidden!important;
  text-indent:-999px!important;
  white-space:nowrap!important;
  display:grid!important;
  place-items:center!important;
  color:var(--oh-orange,var(--orange,#ff6a00))!important;
}

html body .info-grid .info-card .ico:before,
html body .why-grid .ico:before,
html body .contact-method .ico:before,
html body .sector-grid .sector-card .ico:before{
  content:"â€¢"!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  text-indent:0!important;
  color:var(--oh-orange,var(--orange,#ff6a00))!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
}

html body .info-grid .info-card:nth-child(1) .ico:before,
html body .sector-grid .sector-card:nth-child(1) .ico:before{
  content:"âš¡"!important;
}

html body .info-grid .info-card:nth-child(2) .ico:before,
html body .why-grid > div:nth-child(2) .ico:before,
html body .sector-grid .sector-card:nth-child(2) .ico:before{
  content:"â†—"!important;
}

html body .info-grid .info-card:nth-child(3) .ico:before,
html body .why-grid > div:nth-child(3) .ico:before,
html body .sector-grid .sector-card:nth-child(3) .ico:before{
  content:"âœ“"!important;
}

html body .why-grid > div:nth-child(4) .ico:before{
  content:"â˜…"!important;
}

/* v17: shared hero feature chips must never clip or overlap text. */
html body .hero .features{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  gap:12px 18px!important;
  max-width:760px!important;
}

html body .hero .features .feat{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:10px!important;
  min-width:0!important;
  width:auto!important;
  flex:0 1 clamp(170px,24vw,230px)!important;
  min-height:48px!important;
  padding:8px 13px!important;
  border:1px solid rgba(37,96,141,.72)!important;
  border-radius:6px!important;
  background:linear-gradient(180deg,rgba(6,24,39,.58),rgba(3,14,24,.52))!important;
  overflow:hidden!important;
}

html body .hero .features .feat .ic,
html body .hero .features .feat > .ic{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--oh-orange,var(--orange,#ff6a00))!important;
  font-size:13px!important;
  line-height:1!important;
  margin:0!important;
  overflow:hidden!important;
  text-indent:-999px!important;
  white-space:nowrap!important;
  position:relative!important;
}

html body .hero .features .feat .ic:before,
html body .hero .features .feat > .ic:before{
  content:"â€º"!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  text-indent:0!important;
  color:var(--oh-orange,var(--orange,#ff6a00))!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
}

html body .hero .features .feat:nth-child(2) .ic:before{
  content:"â€¢"!important;
  font-size:16px!important;
}

html body .hero .features .feat:nth-child(3) .ic:before{
  content:"âœ“"!important;
  font-size:15px!important;
}

html body .hero .features .feat > div:not(.ic){
  min-width:0!important;
  display:block!important;
}

html body .hero .features .feat b,
html body .hero .features .feat small{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  text-overflow:clip!important;
}

html body .hero .features .feat b{
  color:#fff!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:900!important;
  margin:0 0 2px!important;
}

html body .hero .features .feat small{
  color:#b9c9d8!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:700!important;
}

@media (max-width:700px){
  html body .hero .features{
    display:grid!important;
    grid-template-columns:1fr!important;
    max-width:none!important;
  }
  html body .hero .features .feat{
    flex-basis:auto!important;
    width:100%!important;
  }
}

/* v19: news dashboard side rail follows Jobs proportions and market numbers never wrap. */
@media (min-width:1100px){
  html body.news-dashboard-page .newsroom-v1{
    padding-left:24px!important;
    padding-right:24px!important;
    max-width:none!important;
  }

  html body.news-dashboard-page .newsroom-layout-v1{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 340px!important;
    gap:16px!important;
    align-items:start!important;
  }

  html body.news-dashboard-page .newsroom-main-v1{
    min-width:0!important;
    width:100%!important;
  }

  html body.news-dashboard-page .newsroom-side-v1{
    min-width:0!important;
    width:340px!important;
    max-width:340px!important;
    display:grid!important;
    gap:12px!important;
  }

  html body.news-dashboard-page .newsroom-side-v1 .oh-market-panel{
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
}

html body .oh-market-panel .oh-market-metrics{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

html body .oh-market-panel .oh-market-metrics > div,
html body .oh-market-panel .oh-market-metrics strong,
html body .oh-market-panel .oh-market-metrics small,
html body .oh-market-panel .oh-market-metrics span{
  min-width:0!important;
}

html body .oh-market-panel .oh-market-metrics strong{
  white-space:nowrap!important;
  overflow:visible!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  letter-spacing:-.02em!important;
}

html body.news-dashboard-page .newsroom-side-v1 .oh-market-metrics{
  gap:14px 20px!important;
}

html body.news-dashboard-page .newsroom-side-v1 .oh-market-metrics strong{
  font-size:26px!important;
  line-height:1!important;
}

html body.news-dashboard-page .newsroom-side-v1 .oh-market-chart{
  height:76px!important;
  margin-top:8px!important;
}

/* v10: final cascade lock. All desktop pages use the Jobs geometry and sharper section lines. */
@media (min-width:901px){
  :root{
    --oh-shell-width:min(1680px, calc(100vw - 24px));
    --oh-header-h:78px;
    --oh-hero-h:360px;
    --oh-side-w:340px;
    --oh-gap:14px;
    --oh-radius:4px;
    --oh-section-line:rgba(120,166,205,.22);
  }

  html body .page,
  html body .site-shell,
  html body.jobs-page > .oh-real-header,
  html body.jobs-page > .jobs-page-main,
  html body.jobs-page > footer.oh-reference-footer{
    width:var(--oh-shell-width)!important;
    max-width:var(--oh-shell-width)!important;
    margin:0 auto!important;
    border-left:1px solid var(--oh-line)!important;
    border-right:1px solid var(--oh-line)!important;
    border-radius:0!important;
    background:var(--oh-surface)!important;
    overflow:hidden!important;
  }

  html body .oh-real-header{
    height:var(--oh-header-h)!important;
    min-height:var(--oh-header-h)!important;
    max-height:var(--oh-header-h)!important;
    border-bottom:1px solid var(--oh-line)!important;
    border-radius:0!important;
  }

  html body .page > section.hero,
  html body.jobs-page .page > section.hero.jobs-as-news-hero,
  html body.jobs-page .jobs-page-main > .container > section.hero-enterprise,
  html body.news-page .page > section.hero.article-hero,
  html body.news-dashboard-page .page .newsroom-v1 > section.newsroom-hero-v1,
  html body.about-page .page > section.hero,
  html body.contact-page .page > section.hero,
  html body.legal-page .legal-hero{
    width:100%!important;
    max-width:100%!important;
    height:var(--oh-hero-h)!important;
    min-height:var(--oh-hero-h)!important;
    max-height:var(--oh-hero-h)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid var(--oh-line)!important;
    border-radius:0!important;
    overflow:hidden!important;
    background-color:#020912!important;
    background-size:100% 100%,100% 100%,cover!important;
    background-position:center center,center center,center center!important;
    background-repeat:no-repeat,no-repeat,no-repeat!important;
  }

  html body.home-index:not(.about-page):not(.contact-page):not(.news-page):not(.jobs-page) .page > section.hero{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero1.png?v=oh-shell-v10-home')!important;
  }

  html body.jobs-page .page > section.hero.jobs-as-news-hero,
  html body.jobs-page .jobs-page-main > .container > section.hero-enterprise{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero2.png?v=oh-shell-v10-jobs')!important;
  }

  html body.news-dashboard-page .page .newsroom-v1 > section.newsroom-hero-v1,
  html body.news-page .page > section.hero.article-hero{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero3.png?v=oh-shell-v10-news')!important;
  }

  html body.about-page .page > section.hero{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero4.png?v=oh-shell-v10-about')!important;
  }

  html body.contact-page .page > section.hero,
  html body.legal-page .legal-hero{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero5.png?v=oh-shell-v10-contact')!important;
  }

  html body .page > section.hero::before,
  html body .page > section.hero::after,
  html body .legal-hero::before,
  html body .legal-hero::after{
    content:none!important;
    display:none!important;
  }

  html body .page > section.hero > .hero-inner,
  html body.jobs-page .page > section.hero.jobs-as-news-hero > .hero-inner,
  html body.jobs-page .jobs-page-main > .container > section.hero-enterprise > .hero-copy,
  html body.news-page .page > section.hero.article-hero > .hero-inner,
  html body.news-dashboard-page .page .newsroom-v1 > section.newsroom-hero-v1,
  html body.legal-page .legal-hero > .legal-hero-inner{
    width:100%!important;
    max-width:100%!important;
    height:var(--oh-hero-h)!important;
    min-height:var(--oh-hero-h)!important;
    max-height:var(--oh-hero-h)!important;
    margin:0!important;
    padding:42px 54px!important;
    display:grid!important;
    grid-template-columns:minmax(0,760px)!important;
    align-items:center!important;
    justify-content:start!important;
    gap:0!important;
  }

  html body .page > section.hero .stat-card,
  html body .page > section.hero .hero-card,
  html body .page > section.hero .hero-live-card,
  html body .page > section.hero .market-card,
  html body .page > section.hero aside,
  html body.news-dashboard-page .newsroom-overview-v1,
  html body.legal-page .legal-hero .hero-card{
    display:none!important;
  }

  html body main.jobs-mock-layout,
  html body main.oh-page-side-layout,
  html body .newsroom-layout-v1,
  html body.news-page.news-article-page .article-shell,
  html body.legal-page .legal-wrap{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:14px 24px 12px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(300px,var(--oh-side-w))!important;
    gap:var(--oh-gap)!important;
    align-items:start!important;
    border-top:1px solid var(--oh-section-line)!important;
    background:var(--oh-surface)!important;
  }

  html body .oh-main-column,
  html body .jobs-left-column,
  html body .newsroom-main-v1,
  html body.news-page.news-article-page .article-layout,
  html body.legal-page .legal-card{
    min-width:0!important;
    width:100%!important;
  }

  html body .side,
  html body .oh-page-side,
  html body .newsroom-side-v1,
  html body .sidebar,
  html body.legal-page .legal-wrap > aside{
    width:100%!important;
    max-width:var(--oh-side-w)!important;
    display:grid!important;
    gap:var(--oh-gap)!important;
    align-self:start!important;
  }

  html body .box,
  html body .panel,
  html body .side-panel,
  html body .legal-card,
  html body .toc,
  html body .info-card,
  html body .feature-card,
  html body .mini-card,
  html body .contact-method,
  html body .legal-section,
  html body .newsroom-filter-v1,
  html body .newsroom-list-head-v1,
  html body .newsroom-story-card-v1,
  html body .newsroom-feature-card-v1,
  html body .oh-main-column > .page-shell,
  html body .oh-main-column > .home-block,
  html body .oh-main-column > .home-cta,
  html body .oh-page-side > section,
  html body .oh-page-side > .box,
  html body .newsroom-side-v1 > section,
  html body .newsroom-side-v1 .side-panel,
  html body .sidebar .side-panel,
  html body.jobs-page .jobs-page-summary,
  html body.jobs-page .jobs-page-listing{
    border:1px solid var(--oh-section-line)!important;
    border-radius:var(--oh-radius)!important;
    background:linear-gradient(180deg,rgba(5,18,29,.82),rgba(3,12,19,.88))!important;
    box-shadow:none!important;
  }

  html body .newsroom-filter-v1,
  html body .news-command,
  html body .news-toolbar,
  html body .jobs-commandbar,
  html body .jobs-search-studio{
    border-left:1px solid var(--oh-section-line)!important;
    border-right:1px solid var(--oh-section-line)!important;
    border-top:1px solid var(--oh-section-line)!important;
    border-bottom:1px solid var(--oh-section-line)!important;
    border-radius:var(--oh-radius)!important;
    background:linear-gradient(180deg,rgba(5,18,29,.82),rgba(3,12,19,.88))!important;
  }

  html body .section,
  html body .page-shell,
  html body .home-block,
  html body .home-cta,
  html body .metrics,
  html body .newsroom-v1,
  html body .newsroom-layout-v1,
  html body .article-shell{
    border-radius:0!important;
  }

  html body .oh-market-panel .box-head,
  html body .newsroom-side-v1 h3,
  html body .side-panel h3,
  html body .box-title{
    color:var(--oh-orange)!important;
    font-size:13px!important;
    line-height:1.1!important;
    font-weight:900!important;
    text-transform:uppercase!important;
  }

  html body input,
  html body select,
  html body textarea,
  html body button,
  html body .pill,
  html body .studio-tab,
  html body .studio-rotation button{
    border-radius:4px!important;
  }

  html body .oh-market-chart{
    height:82px!important;
  }
}

/* v9: one source of truth for desktop page chrome. Jobs remains the reference. */
@media (min-width:901px){
  :root{
    --oh-shell-width:min(1680px, calc(100vw - 24px));
    --oh-header-h:78px;
    --oh-hero-h:360px;
    --oh-side-w:340px;
    --oh-gap:14px;
  }

  html body .page,
  html body .site-shell,
  html body.jobs-page > .oh-real-header,
  html body.jobs-page > .jobs-page-main,
  html body.jobs-page > footer.oh-reference-footer{
    width:var(--oh-shell-width)!important;
    max-width:var(--oh-shell-width)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border-left:1px solid var(--oh-line)!important;
    border-right:1px solid var(--oh-line)!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:var(--oh-surface)!important;
  }

  html body .oh-real-header{
    height:var(--oh-header-h)!important;
    min-height:var(--oh-header-h)!important;
    max-height:var(--oh-header-h)!important;
  }

  html body.home-index:not(.about-page):not(.contact-page):not(.news-page):not(.jobs-page) .page > section.hero,
  html body.jobs-page .page > section.hero.jobs-as-news-hero,
  html body.jobs-page .jobs-page-main > .container > section.hero-enterprise,
  html body.news-page .page > section.hero.article-hero,
  html body.news-dashboard-page .page .newsroom-v1 > section.newsroom-hero-v1,
  html body.about-page .page > section.hero,
  html body.contact-page .page > section.hero,
  html body.legal-page .legal-hero{
    width:100%!important;
    max-width:100%!important;
    height:var(--oh-hero-h)!important;
    min-height:var(--oh-hero-h)!important;
    max-height:var(--oh-hero-h)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid var(--oh-line)!important;
    border-radius:0!important;
    overflow:hidden!important;
    background-color:#020912!important;
    background-size:100% 100%,100% 100%,cover!important;
    background-position:center center,center center,center center!important;
    background-repeat:no-repeat,no-repeat,no-repeat!important;
  }

  html body.home-index:not(.about-page):not(.contact-page):not(.news-page):not(.jobs-page) .page > section.hero{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero1.png?v=oh-shell-v9-home')!important;
  }

  html body.jobs-page .page > section.hero.jobs-as-news-hero,
  html body.jobs-page .jobs-page-main > .container > section.hero-enterprise{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero2.png?v=oh-shell-v9-jobs')!important;
  }

  html body.news-dashboard-page .page .newsroom-v1 > section.newsroom-hero-v1,
  html body.news-page .page > section.hero.article-hero{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero3.png?v=oh-shell-v9-news')!important;
  }

  html body.about-page .page > section.hero{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero4.png?v=oh-shell-v9-about')!important;
  }

  html body.contact-page .page > section.hero,
  html body.legal-page .legal-hero{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero5.png?v=oh-shell-v9-contact')!important;
  }

  html body .page > section.hero::before,
  html body .page > section.hero::after,
  html body .legal-hero::before,
  html body .legal-hero::after{
    content:none!important;
    display:none!important;
  }

  html body .page > section.hero > .hero-inner,
  html body.jobs-page .page > section.hero.jobs-as-news-hero > .hero-inner,
  html body.jobs-page .jobs-page-main > .container > section.hero-enterprise > .hero-copy,
  html body.news-page .page > section.hero.article-hero > .hero-inner,
  html body.news-dashboard-page .page .newsroom-v1 > section.newsroom-hero-v1,
  html body.legal-page .legal-hero > .legal-hero-inner{
    width:100%!important;
    max-width:100%!important;
    height:var(--oh-hero-h)!important;
    min-height:var(--oh-hero-h)!important;
    max-height:var(--oh-hero-h)!important;
    margin:0!important;
    padding:42px 54px!important;
    display:grid!important;
    grid-template-columns:minmax(0,760px)!important;
    align-items:center!important;
    justify-content:start!important;
    gap:0!important;
  }

  html body .page > section.hero .stat-card,
  html body .page > section.hero .hero-card,
  html body .page > section.hero .hero-live-card,
  html body .page > section.hero .market-card,
  html body .page > section.hero aside,
  html body.news-dashboard-page .newsroom-overview-v1,
  html body.legal-page .legal-hero .hero-card{
    display:none!important;
  }

  html body main.jobs-mock-layout,
  html body main.oh-page-side-layout,
  html body .newsroom-layout-v1,
  html body.news-page.news-article-page .article-shell{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:14px 24px 12px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(300px,var(--oh-side-w))!important;
    gap:var(--oh-gap)!important;
    align-items:start!important;
    border-top:1px solid var(--oh-line-soft)!important;
    background:var(--oh-surface)!important;
  }

  html body .oh-main-column,
  html body .jobs-left-column,
  html body .newsroom-main-v1,
  html body.news-page.news-article-page .article-layout{
    min-width:0!important;
    width:100%!important;
  }

  html body .side,
  html body .oh-page-side,
  html body .newsroom-side-v1,
  html body .sidebar{
    width:100%!important;
    max-width:var(--oh-side-w)!important;
    display:grid!important;
    gap:var(--oh-gap)!important;
    align-self:start!important;
  }

  html body .oh-page-side .box,
  html body .side .box,
  html body .newsroom-side-v1 > section,
  html body .newsroom-side-v1 .side-panel,
  html body .sidebar .side-panel{
    margin:0!important;
    padding:16px!important;
    border:1px solid var(--oh-line-soft)!important;
    border-radius:var(--oh-radius)!important;
    background:linear-gradient(180deg,rgba(7,22,34,.88),rgba(3,12,19,.94))!important;
    box-shadow:none!important;
  }

  html body .oh-main-column > .page-shell,
  html body .oh-main-column > .home-block,
  html body .oh-main-column > .home-cta,
  html body .newsroom-main-v1,
  html body.news-page.news-article-page .article-layout,
  html body.jobs-page .jobs-page-summary,
  html body.jobs-page .jobs-page-listing{
    border:1px solid var(--oh-line-soft)!important;
    border-radius:var(--oh-radius)!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body .newsroom-filter-v1,
  html body .news-command,
  html body .news-toolbar{
    border-top:1px solid var(--oh-line-soft)!important;
    border-bottom:1px solid var(--oh-line-soft)!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body .oh-market-panel .box-head,
  html body .newsroom-side-v1 h3,
  html body .side-panel h3,
  html body .box-title{
    color:var(--oh-orange)!important;
    font-size:13px!important;
    line-height:1.1!important;
    font-weight:900!important;
    text-transform:uppercase!important;
  }

  html body .oh-market-chart{
    height:82px!important;
  }
}

html,
body{
  background:var(--oh-page-bg)!important;
  color:var(--oh-text)!important;
  font-family:Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:0!important;
}

html body *,
html body *::before,
html body *::after{
  box-sizing:border-box;
  letter-spacing:0!important;
}

html body .page,
html body .site-shell,
html body.jobs-page > .oh-real-header,
html body.jobs-page > .jobs-page-main,
html body.jobs-page > .oh-reference-footer{
  width:var(--oh-shell-width)!important;
  max-width:var(--oh-shell-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  background:var(--oh-surface)!important;
  border-left:1px solid var(--oh-line)!important;
  border-right:1px solid var(--oh-line)!important;
  overflow:hidden!important;
}

html body .oh-real-header{
  height:var(--oh-header-h)!important;
  min-height:var(--oh-header-h)!important;
  max-height:var(--oh-header-h)!important;
  border-bottom:1px solid var(--oh-line)!important;
  background:rgba(2,9,15,.96)!important;
}

html body.jobs-page > .jobs-page-main{
  border-top:0!important;
  border-bottom:0!important;
  overflow:hidden!important;
}

html body.jobs-page > .jobs-page-main > .container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

html body .oh-real-inner{
  width:100%!important;
  max-width:none!important;
  height:var(--oh-header-h)!important;
  min-height:var(--oh-header-h)!important;
  padding:0 40px!important;
  display:flex!important;
  align-items:center!important;
}

html body .oh-real-logo img{
  width:184px!important;
  max-height:48px!important;
  object-fit:contain!important;
}

html body .oh-real-nav{
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
}

html body .oh-real-nav a{
  height:var(--oh-header-h)!important;
  min-width:102px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:0 18px!important;
  border-left:1px solid rgba(120,166,205,.18)!important;
  color:#e8f0f7!important;
  font-weight:850!important;
  font-size:14px!important;
}

html body .oh-real-nav a.active,
html body .oh-real-nav a:hover{
  color:var(--oh-orange)!important;
}

html body .oh-real-nav a.active::after{
  height:3px!important;
  background:var(--oh-orange)!important;
  box-shadow:0 0 18px rgba(255,116,23,.65)!important;
}

html body .oh-real-actions{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

html body .oh-real-lang,
html body .oh-real-live,
html body .oh-real-cta{
  min-height:44px!important;
  height:44px!important;
  border-radius:8px!important;
}

html body .oh-real-live{
  border:1px solid rgba(0,153,255,.62)!important;
  background:rgba(2,16,28,.70)!important;
}

html body .oh-real-cta{
  min-width:154px!important;
  background:linear-gradient(135deg,var(--oh-orange),var(--oh-orange-2))!important;
  box-shadow:0 12px 28px rgba(255,116,23,.24)!important;
}

html body .page > section.hero,
html body.jobs-page .page > section.hero.jobs-as-news-hero,
html body.jobs-page .jobs-page-main > .container > section.hero-enterprise,
html body.news-page .page > section.hero.article-hero,
html body.news-dashboard-page .page .newsroom-v1 > section.newsroom-hero-v1,
html body.legal-page .legal-hero{
  height:var(--oh-hero-h)!important;
  min-height:var(--oh-hero-h)!important;
  max-height:var(--oh-hero-h)!important;
  margin:0!important;
  overflow:hidden!important;
  border-top:0!important;
  border-bottom:1px solid var(--oh-line)!important;
  background-color:#020912!important;
  background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),var(--oh-page-hero-image)!important;
  background-size:100% 100%,100% 100%,cover!important;
  background-position:center center,center center,center center!important;
  background-repeat:no-repeat,no-repeat,no-repeat!important;
}

html body .page > section.hero > .hero-inner,
html body.jobs-page .page > section.hero.jobs-as-news-hero > .hero-inner,
html body.jobs-page .jobs-page-main > .container > section.hero-enterprise > .hero-copy,
html body.news-page .page > section.hero.article-hero > .hero-inner,
html body.news-dashboard-page .page .newsroom-v1 > section.newsroom-hero-v1,
html body.legal-page .legal-hero > .legal-hero-inner{
  height:var(--oh-hero-h)!important;
  min-height:var(--oh-hero-h)!important;
  max-height:var(--oh-hero-h)!important;
  width:100%!important;
  max-width:none!important;
  padding:42px 54px!important;
  display:grid!important;
  grid-template-columns:minmax(0,760px)!important;
  align-items:center!important;
  justify-content:start!important;
  gap:0!important;
}

html body .page > section.hero .stat-card,
html body .page > section.hero .hero-card,
html body .page > section.hero .hero-live-card,
html body .page > section.hero .market-card,
html body .page > section.hero aside,
html body.jobs-page .jobs-page-main > .container > section.hero-enterprise .hero-media,
html body.jobs-page .jobs-page-main > .container > section.hero-enterprise .jobs-search-panel,
html body.news-dashboard-page .newsroom-overview-v1,
html body.legal-page .legal-hero .hero-card{
  display:none!important;
}

html body .page > section.hero h1,
html body.jobs-page .jobs-page-main > .container > section.hero-enterprise h1,
html body.news-dashboard-page .newsroom-hero-v1 h1,
html body.legal-page .legal-hero h1{
  max-width:760px!important;
  margin:0 0 14px!important;
  color:var(--oh-text)!important;
  font-size:clamp(44px,4.05vw,58px)!important;
  line-height:.91!important;
  font-weight:900!important;
  text-shadow:0 14px 40px rgba(0,0,0,.38)!important;
}

html body .page > section.hero p,
html body.jobs-page .jobs-page-main > .container > section.hero-enterprise p,
html body.news-dashboard-page .newsroom-hero-v1 p,
html body.legal-page .legal-hero p{
  max-width:650px!important;
  margin:0 0 22px!important;
  color:#edf5fb!important;
  font-size:15px!important;
  line-height:1.43!important;
  font-weight:750!important;
}

html body .eyebrow,
html body .newsroom-kicker-v1{
  color:var(--oh-orange)!important;
  font-size:12px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}

html body .box,
html body .panel,
html body .side-panel,
html body .legal-card,
html body .toc,
html body .info-card,
html body .feature-card,
html body .newsroom-filter-v1,
html body .newsroom-list-head-v1,
html body .newsroom-story-card-v1,
html body .newsroom-feature-card-v1{
  border:1px solid var(--oh-line-soft)!important;
  border-radius:var(--oh-radius)!important;
  background:linear-gradient(180deg,rgba(5,22,36,.70),rgba(3,13,24,.62))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}

html body .main,
html body.jobs-page main.jobs-mock-layout,
html body.jobs-page .jobs-page-main .jobs-page-summary,
html body.jobs-page .jobs-page-main .jobs-page-listing,
html body.news-dashboard-page .newsroom-layout-v1,
html body .oh-page-side-layout,
html body .page-shell,
html body.legal-page .legal-wrap{
  width:var(--oh-shell-width)!important;
  max-width:var(--oh-shell-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

html body.jobs-page main.jobs-mock-layout,
html body.news-dashboard-page .newsroom-layout-v1,
html body .oh-page-side-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,var(--oh-side-w))!important;
  gap:var(--oh-gap)!important;
  align-items:start!important;
  padding:14px 24px 12px!important;
  box-sizing:border-box!important;
}

html body.news-dashboard-page .newsroom-v1{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:var(--oh-surface)!important;
}

html body.news-dashboard-page .newsroom-layout-v1{
  border-top:1px solid var(--oh-line-soft)!important;
}

html body.news-dashboard-page .newsroom-main-v1{
  min-width:0!important;
  display:grid!important;
  gap:var(--oh-gap)!important;
}

html body.news-dashboard-page .newsroom-feature-grid-v1,
html body.news-dashboard-page .newsroom-overview-v1{
  display:none!important;
}

html body.news-dashboard-page .newsroom-filter-v1,
html body.news-dashboard-page .newsroom-list-head-v1{
  margin:0!important;
  padding:18px!important;
  border-radius:var(--oh-radius)!important;
}

html body.news-dashboard-page .newsroom-filter-v1{
  display:grid!important;
  grid-template-columns:1.25fr repeat(4,minmax(150px,.7fr)) auto!important;
  gap:14px!important;
  align-items:end!important;
}

html body.news-dashboard-page .newsroom-filter-v1 label{
  color:#8fb3ce!important;
  font-size:10px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}

html body.news-dashboard-page .newsroom-filter-v1 input,
html body.news-dashboard-page .newsroom-filter-v1 select{
  min-height:40px!important;
  border-radius:6px!important;
  border:1px solid var(--oh-line-mid)!important;
  background:#020b13!important;
  color:#f4f8fc!important;
  font-size:13px!important;
  font-weight:800!important;
}

html body.news-dashboard-page .newsroom-card-grid-v1{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:var(--oh-gap)!important;
}

html body.news-dashboard-page .newsroom-story-card-v1{
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:148px 1fr!important;
}

html body.news-dashboard-page .newsroom-story-card-v1 img{
  width:100%!important;
  height:148px!important;
  object-fit:cover!important;
  filter:saturate(.92) contrast(1.04) brightness(.78)!important;
}

html body.news-dashboard-page .newsroom-story-card-v1 div{
  padding:14px!important;
}

html body.news-dashboard-page .newsroom-story-card-v1 h3{
  margin:8px 0!important;
  color:var(--oh-text)!important;
  font-size:17px!important;
  line-height:1.12!important;
  font-weight:850!important;
}

html body.news-dashboard-page .newsroom-story-card-v1 p{
  color:#b9cad8!important;
  font-size:12.5px!important;
  line-height:1.38!important;
  font-weight:600!important;
}

html body.news-dashboard-page .newsroom-story-card-v1 b{
  color:var(--oh-orange)!important;
  font-size:12px!important;
  font-weight:900!important;
}

html body.news-dashboard-page .newsroom-side-v1{
  display:grid!important;
  gap:var(--oh-gap)!important;
}

html body.news-dashboard-page .newsroom-side-v1 > section,
html body.news-dashboard-page .newsroom-side-v1 > .side-panel{
  margin:0!important;
  padding:18px!important;
  border-radius:var(--oh-radius)!important;
  border:1px solid var(--oh-line-soft)!important;
  background:linear-gradient(180deg,rgba(5,22,36,.70),rgba(3,13,24,.62))!important;
}

html body.news-dashboard-page .newsroom-side-v1 h3{
  margin:0 0 12px!important;
  color:var(--oh-orange)!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}

html body.news-page.news-article-page .article-shell{
  width:var(--oh-shell-width)!important;
  max-width:var(--oh-shell-width)!important;
  margin:0 auto!important;
  padding:14px 24px 12px!important;
}

html body.news-page.news-article-page .article-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,var(--oh-side-w))!important;
  gap:var(--oh-gap)!important;
  align-items:start!important;
}

html body.news-page.news-article-page .article-card,
html body.news-page.news-article-page .article-layout > aside.sidebar > .side-panel{
  border-radius:var(--oh-radius)!important;
  border:1px solid var(--oh-line-soft)!important;
  background:linear-gradient(180deg,rgba(5,22,36,.70),rgba(3,13,24,.62))!important;
}

html body.news-page.news-article-page .article-cover{
  margin:0 0 18px!important;
}

html body.news-page.news-article-page .article-cover img{
  height:320px!important;
}

html body.news-page.news-article-page .article-card p{
  color:#c8d6e1!important;
  font-size:15px!important;
  line-height:1.58!important;
  font-weight:600!important;
}

html body .oh-main-column{
  min-width:0!important;
  display:grid!important;
  gap:var(--oh-gap)!important;
}

html body .oh-main-column > .page-shell,
html body .oh-main-column > .home-block,
html body .oh-main-column > .home-cta,
html body .oh-main-column > section{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

html body .oh-main-column > .page-shell,
html body .oh-main-column > .home-block{
  padding-top:0!important;
}

html body .oh-main-column .section-intro{
  margin-bottom:14px!important;
}

html body .oh-main-column > .page-shell,
html body .oh-main-column > .home-block,
html body .oh-main-column > .home-cta,
html body .oh-main-column > section,
html body .oh-page-side > .box,
html body .oh-page-side > section{
  border-color:var(--oh-line-soft)!important;
  background:linear-gradient(180deg,rgba(5,22,36,.70),rgba(3,13,24,.62))!important;
  border-radius:var(--oh-radius)!important;
}

html body .oh-main-column > .home-cta{
  padding:22px 24px!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  border:1px solid var(--oh-line-soft)!important;
  background:
    radial-gradient(circle at 86% 8%,rgba(255,116,23,.14),transparent 28%),
    linear-gradient(180deg,rgba(5,22,36,.74),rgba(3,13,24,.66))!important;
}

html body .oh-main-column > .home-cta h2{
  margin:0 0 4px!important;
  font-size:22px!important;
  line-height:1.05!important;
}

html body .oh-main-column > .home-cta p{
  margin:0!important;
  color:var(--oh-muted)!important;
  font-size:13px!important;
  line-height:1.35!important;
}

html body .oh-main-column > .home-cta .cta{
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:0 18px!important;
  border-radius:8px!important;
}

html body.about-page .about-side-layout .copy-layout,
html body.contact-page .contact-side-layout .contact-layout{
  gap:var(--oh-gap)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,340px)!important;
}

html body.about-page .about-side-layout .copy-layout > article,
html body.contact-page .contact-side-layout .contact-layout > article{
  min-width:0!important;
}

html body.about-page .about-side-layout .copy-layout > aside .oh-market-panel,
html body.contact-page .contact-side-layout .contact-layout > aside .oh-market-panel{
  display:none!important;
}

html body.about-page .about-side-layout .copy-layout > aside,
html body.contact-page .contact-side-layout .contact-layout > aside{
  background:linear-gradient(180deg,rgba(5,22,36,.58),rgba(3,13,24,.52))!important;
}

html body.about-page .about-side-layout .info-grid,
html body.contact-page .contact-side-layout .info-grid{
  gap:var(--oh-gap)!important;
}

html body.about-page .about-side-layout .about-story-block,
html body.contact-page .contact-side-layout .contact-company-info{
  display:none!important;
}

html body.about-page .about-side-layout .about-story,
html body.contact-page .contact-side-layout .company-info-card{
  padding:24px!important;
}

html body.about-page .about-side-layout .about-story-image{
  display:none!important;
}

html body.about-page .about-side-layout .about-story-inner{
  display:block!important;
}

html body.about-page .about-side-layout .copy-panel h2,
html body.contact-page .contact-side-layout .section-intro h2{
  font-size:28px!important;
  line-height:1.08!important;
  margin:0 0 12px!important;
}

html body.about-page .about-side-layout p,
html body.contact-page .contact-side-layout p{
  color:#c8d6e1!important;
  font-size:14px!important;
  line-height:1.5!important;
}

html body .oh-page-side{
  display:grid!important;
  gap:var(--oh-gap)!important;
}

html body .oh-page-side .box{
  padding:18px!important;
}

html body .oh-page-side .box-title,
html body .oh-page-side .box-title span{
  color:var(--oh-orange)!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}

html body .oh-page-side .cat-list,
html body .oh-page-side .source-grid{
  display:grid!important;
  gap:8px!important;
}

html body .oh-page-side .cat,
html body .oh-page-side .source-row{
  min-height:42px!important;
  padding:9px 10px!important;
  border:1px solid rgba(120,166,205,.12)!important;
  border-radius:8px!important;
  background:rgba(2,12,20,.38)!important;
}

html body .oh-page-side .cat b,
html body .oh-page-side .source-row strong{
  font-size:13px!important;
  color:#eef6fc!important;
}

html body .oh-page-side .cat span,
html body .oh-page-side .source-row span{
  font-size:12px!important;
  color:var(--oh-muted)!important;
}

html body.jobs-page .jobs-page-main .jobs-page-summary,
html body.jobs-page .jobs-page-main .jobs-page-listing{
  width:auto!important;
  max-width:none!important;
  margin:14px 24px!important;
  padding:0!important;
}

html body.legal-page .legal-wrap{
  display:grid!important;
  grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(300px,var(--oh-side-w))!important;
  gap:var(--oh-gap)!important;
  padding:14px 24px 12px!important;
  box-sizing:border-box!important;
}

html body .side,
html body .oh-page-side,
html body .newsroom-side-v1,
html body .sidebar,
html body.legal-page .legal-wrap > aside:last-child{
  position:sticky!important;
  top:calc(var(--oh-header-h) + 18px)!important;
  align-self:start!important;
}

html body .oh-reference-footer{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  border-top:1px solid rgba(120,166,205,.18)!important;
  background:
    radial-gradient(circle at 50% -12%,rgba(255,116,23,.08),transparent 32%),
    linear-gradient(180deg,rgba(6,23,36,.82),rgba(2,10,17,.96))!important;
}

html body .page > .oh-reference-footer,
html body .site-shell > .oh-reference-footer,
html body footer.oh-reference-footer.notranslate,
html body.jobs-page > footer.oh-reference-footer.notranslate{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  border-top:1px solid rgba(120,166,205,.18)!important;
  background:
    radial-gradient(circle at 50% -12%,rgba(255,116,23,.08),transparent 32%),
    linear-gradient(180deg,rgba(6,23,36,.82),rgba(2,10,17,.96))!important;
}

html body .oh-reference-footer .oh-ref-top{
  max-width:var(--oh-shell-width)!important;
  margin:0 auto!important;
  padding:34px 54px 28px!important;
}

html body .page > .oh-reference-footer .oh-ref-top,
html body .site-shell > .oh-reference-footer .oh-ref-top,
html body footer.oh-reference-footer.notranslate .oh-ref-top{
  max-width:var(--oh-shell-width)!important;
  margin:0 auto!important;
  padding:34px 54px 28px!important;
}

html body .oh-reference-footer .oh-ref-sources,
html body .oh-reference-footer .oh-ref-bottom{
  max-width:var(--oh-shell-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

html body .page > .oh-reference-footer .oh-ref-sources,
html body .page > .oh-reference-footer .oh-ref-bottom,
html body .site-shell > .oh-reference-footer .oh-ref-sources,
html body .site-shell > .oh-reference-footer .oh-ref-bottom,
html body footer.oh-reference-footer.notranslate .oh-ref-sources,
html body footer.oh-reference-footer.notranslate .oh-ref-bottom{
  max-width:var(--oh-shell-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media (max-width:1180px){
  :root{
    --oh-shell-width:calc(100vw - 18px);
    --oh-side-w:320px;
  }

  html body .oh-real-inner{
    padding:0 18px!important;
  }

  html body .oh-real-nav a{
    min-width:auto!important;
    padding:0 12px!important;
  }

  html body.jobs-page main.jobs-mock-layout,
  html body.news-dashboard-page .newsroom-layout-v1,
  html body .oh-page-side-layout,
  html body.legal-page .legal-wrap{
    grid-template-columns:1fr!important;
  }

  html body .side,
  html body .oh-page-side,
  html body .newsroom-side-v1,
  html body .sidebar,
  html body.legal-page .legal-wrap > aside:last-child{
    position:relative!important;
    top:auto!important;
  }
}

@media (max-width:900px){
  :root{
    --oh-shell-width:100%;
    --oh-header-h:auto;
    --oh-hero-h:520px;
  }

  html body .page,
  html body .site-shell,
  html body.jobs-page > .oh-real-header,
  html body.jobs-page > .jobs-page-main,
  html body.jobs-page > .oh-reference-footer{
    border-left:0!important;
    border-right:0!important;
  }

  html body .page > section.hero > .hero-inner,
  html body.jobs-page .page > section.hero.jobs-as-news-hero > .hero-inner,
  html body.jobs-page .jobs-page-main > .container > section.hero-enterprise > .hero-copy,
  html body.news-dashboard-page .page .newsroom-v1 > section.newsroom-hero-v1,
  html body.legal-page .legal-hero > .legal-hero-inner{
    padding:40px 22px!important;
  }
}

@media (min-width:901px){
  html body .page,
  html body .site-shell,
  html body.jobs-page > .oh-real-header,
  html body.jobs-page > .jobs-page-main,
  html body.jobs-page > footer.oh-reference-footer{
    width:var(--oh-shell-width)!important;
    max-width:var(--oh-shell-width)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border-left:1px solid var(--oh-line)!important;
    border-right:1px solid var(--oh-line)!important;
    border-radius:0!important;
    background:var(--oh-surface)!important;
    overflow:hidden!important;
  }

  html body .oh-real-header{
    height:var(--oh-header-h)!important;
    min-height:var(--oh-header-h)!important;
    max-height:var(--oh-header-h)!important;
  }

  html body.home-index:not(.about-page):not(.contact-page):not(.news-page):not(.jobs-page) .page > section.hero,
  html body.jobs-page .page > section.hero.jobs-as-news-hero,
  html body.jobs-page .jobs-page-main > .container > section.hero-enterprise,
  html body.news-page .page > section.hero.article-hero,
  html body.news-dashboard-page .page .newsroom-v1 > section.newsroom-hero-v1,
  html body.about-page .page > section.hero,
  html body.contact-page .page > section.hero,
  html body.legal-page .legal-hero{
    height:var(--oh-hero-h)!important;
    min-height:var(--oh-hero-h)!important;
    max-height:var(--oh-hero-h)!important;
    margin:0!important;
    border-radius:0!important;
    border-bottom:1px solid var(--oh-line)!important;
    overflow:hidden!important;
    background-color:#020912!important;
    background-size:100% 100%,100% 100%,cover!important;
    background-position:center center,center center,center center!important;
    background-repeat:no-repeat,no-repeat,no-repeat!important;
  }

  html body.home-index:not(.about-page):not(.contact-page):not(.news-page):not(.jobs-page) .page > section.hero{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero1.png?v=shell-lock-home')!important;
  }

  html body.jobs-page .page > section.hero.jobs-as-news-hero,
  html body.jobs-page .jobs-page-main > .container > section.hero-enterprise{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero2.png?v=shell-lock-jobs')!important;
  }

  html body.news-dashboard-page .page .newsroom-v1 > section.newsroom-hero-v1,
  html body.news-page .page > section.hero.article-hero{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero3.png?v=shell-lock-news')!important;
  }

  html body.about-page .page > section.hero{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero4.png?v=shell-lock-about')!important;
  }

  html body.contact-page .page > section.hero,
  html body.legal-page .legal-hero{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero5.png?v=shell-lock-contact')!important;
  }

  html body.legal-page .legal-hero::before,
  html body.legal-page .legal-hero::after,
  html body .page > section.hero::before,
  html body .page > section.hero::after{
    content:none!important;
    display:none!important;
    background:none!important;
  }

  html body .page > section.hero > .hero-inner,
  html body.jobs-page .page > section.hero.jobs-as-news-hero > .hero-inner,
  html body.jobs-page .jobs-page-main > .container > section.hero-enterprise > .hero-copy,
  html body.news-page .page > section.hero.article-hero > .hero-inner,
  html body.news-dashboard-page .page .newsroom-v1 > section.newsroom-hero-v1,
  html body.legal-page .legal-hero > .legal-hero-inner{
    height:var(--oh-hero-h)!important;
    min-height:var(--oh-hero-h)!important;
    max-height:var(--oh-hero-h)!important;
    padding:42px 54px!important;
    display:grid!important;
    grid-template-columns:minmax(0,760px)!important;
    align-items:center!important;
    justify-content:start!important;
  }

  html body .page > section.hero .stat-card,
  html body .page > section.hero .hero-card,
  html body .page > section.hero .hero-live-card,
  html body .page > section.hero .market-card,
  html body .page > section.hero aside,
  html body .hero .stat-card,
  html body .hero .hero-card,
  html body .hero .hero-live-card,
  html body .hero aside.stat-card,
  html body.news-dashboard-page .newsroom-overview-v1,
  html body.legal-page .legal-hero .hero-card,
  html body.jobs-page .jobs-page-main > .container > section.hero-enterprise .jobs-search-panel{
    display:none!important;
  }

  html body .section,
  html body .metrics,
  html body .news-command,
  html body .news-toolbar,
  html body .article-shell,
  html body .page-shell,
  html body .home-block,
  html body .home-cta{
    max-width:none!important;
  }

  html body main.jobs-mock-layout,
  html body main.oh-page-side-layout,
  html body .newsroom-layout-v1,
  html body .legal-wrap,
  html body .article-shell{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  html body .metrics{
    width:var(--oh-shell-width)!important;
    max-width:var(--oh-shell-width)!important;
    margin:0 auto!important;
    border-left:1px solid var(--oh-line)!important;
    border-right:1px solid var(--oh-line)!important;
    border-top:0!important;
    border-bottom:1px solid var(--oh-line-soft)!important;
    background:rgba(3,13,23,.74)!important;
  }

  html body .features{
    display:flex!important;
    gap:34px!important;
    flex-wrap:wrap!important;
    margin-top:22px!important;
  }

  html body .features .feat{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    color:#eff7fd!important;
    font-size:14px!important;
    font-weight:800!important;
  }

  html body .features .feat b{
    font-size:14px!important;
    color:#fff!important;
  }

  html body .features .feat small{
    color:#b8c8d6!important;
    font-size:12px!important;
  }

  html body .features .feat .ic,
  html body .features .ic{
    width:18px!important;
    height:18px!important;
    display:inline-grid!important;
    place-items:center!important;
    color:var(--oh-orange)!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
}

/* v7: final shared shell lock. Jobs is the visual contract for every desktop page. */
@media (min-width:901px){
  html body{
    min-width:0!important;
    overflow-x:hidden!important;
  }

  html body .page,
  html body .site-shell,
  html body.jobs-page > .oh-real-header,
  html body.jobs-page > .jobs-page-main,
  html body.jobs-page > .oh-reference-footer{
    width:var(--oh-shell-width)!important;
    max-width:var(--oh-shell-width)!important;
    margin:0 auto!important;
    border-left:1px solid var(--oh-line)!important;
    border-right:1px solid var(--oh-line)!important;
    border-radius:0!important;
    overflow:hidden!important;
  }

  html body .page > .oh-real-header,
  html body .site-shell > .oh-real-header,
  html body.jobs-page > .oh-real-header{
    width:100%!important;
    max-width:100%!important;
  }

  html body .page > section,
  html body .site-shell > section,
  html body .page > main,
  html body .site-shell > main,
  html body .newsroom-v1,
  html body.jobs-page .jobs-page-main > .container,
  html body.jobs-page .jobs-page-main > .container > section,
  html body.jobs-page .jobs-page-main > .container > main{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  html body.jobs-page .jobs-page-main > .container,
  html body.news-dashboard-page .newsroom-v1{
    padding:0!important;
    background:var(--oh-surface)!important;
  }

  html body main.jobs-mock-layout,
  html body main.oh-page-side-layout,
  html body .newsroom-layout-v1,
  html body.news-page.news-article-page .article-shell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(300px,var(--oh-side-w))!important;
    gap:var(--oh-gap)!important;
    width:100%!important;
    max-width:100%!important;
    padding:14px 24px 12px!important;
    margin:0!important;
    align-items:start!important;
    border-top:1px solid var(--oh-line-soft)!important;
    background:var(--oh-surface)!important;
  }

  html body.legal-page .legal-wrap{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:14px 24px 12px!important;
    grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(300px,var(--oh-side-w))!important;
    border-top:1px solid var(--oh-line-soft)!important;
    background:var(--oh-surface)!important;
  }

  html body .oh-main-column,
  html body .jobs-left-column,
  html body .newsroom-main-v1,
  html body .article-layout,
  html body.legal-page .legal-card{
    min-width:0!important;
  }

  html body .side,
  html body .oh-page-side,
  html body .newsroom-side-v1,
  html body .sidebar,
  html body.legal-page .legal-wrap > aside:last-child{
    width:100%!important;
    max-width:var(--oh-side-w)!important;
    justify-self:stretch!important;
  }

  html body .page-shell,
  html body .home-block,
  html body .home-cta,
  html body .section,
  html body .news-command,
  html body .news-toolbar,
  html body .newsroom-feature-grid-v1,
  html body .newsroom-filter-v1,
  html body .newsroom-topics-v1,
  html body .newsroom-list-head-v1,
  html body .newsroom-card-grid-v1,
  html body .read-next-section{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  html body .page > section.hero,
  html body.jobs-page .page > section.hero.jobs-as-news-hero,
  html body.jobs-page .jobs-page-main > .container > section.hero-enterprise,
  html body.news-page .page > section.hero.article-hero,
  html body.news-dashboard-page .page .newsroom-v1 > section.newsroom-hero-v1,
  html body.about-page .page > section.hero,
  html body.contact-page .page > section.hero,
  html body.legal-page .legal-hero{
    width:100%!important;
    max-width:100%!important;
    height:var(--oh-hero-h)!important;
    min-height:var(--oh-hero-h)!important;
    max-height:var(--oh-hero-h)!important;
    margin:0!important;
    border-radius:0!important;
    border-top:0!important;
    border-bottom:1px solid var(--oh-line)!important;
    overflow:hidden!important;
  }

  html body .page > section.hero > .hero-inner,
  html body.jobs-page .jobs-page-main > .container > section.hero-enterprise > .hero-copy,
  html body.news-dashboard-page .newsroom-hero-v1 > .newsroom-hero-copy-v1,
  html body.news-page .page > section.hero.article-hero > .hero-inner,
  html body.legal-page .legal-hero > .legal-hero-inner{
    width:100%!important;
    max-width:100%!important;
    height:var(--oh-hero-h)!important;
    min-height:var(--oh-hero-h)!important;
    max-height:var(--oh-hero-h)!important;
    padding:42px 54px!important;
  }

  html body.news-dashboard-page .newsroom-hero-v1{
    display:grid!important;
    grid-template-columns:minmax(0,760px)!important;
    align-items:center!important;
  }

  html body .metrics{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
}

/* v8: unify non-jobs pages to the Jobs interface rhythm without touching page markup. */
@media (min-width:901px){
  html body .oh-page-side-layout,
  html body .newsroom-layout-v1,
  html body .legal-wrap{
    color:var(--oh-text)!important;
  }

  html body .oh-page-side-layout > .oh-main-column,
  html body .newsroom-main-v1,
  html body .legal-card,
  html body.news-page.news-article-page .article-layout{
    background:transparent!important;
    border:1px solid var(--oh-line-soft)!important;
    border-radius:var(--oh-radius)!important;
    padding:16px!important;
    box-shadow:none!important;
  }

  html body .oh-page-side .box,
  html body .side .box,
  html body .newsroom-side-v1 > section,
  html body .newsroom-side-v1 .side-panel,
  html body .legal-side-rail,
  html body .legal-side-rail .side-panel,
  html body .sidebar .side-panel{
    background:linear-gradient(180deg,rgba(7,22,34,.92),rgba(3,12,19,.95))!important;
    border:1px solid var(--oh-line-soft)!important;
    border-radius:var(--oh-radius)!important;
    padding:16px!important;
    box-shadow:none!important;
  }

  html body .oh-market-panel{
    overflow:hidden!important;
  }

  html body .oh-market-panel .box-head,
  html body .newsroom-side-v1 h3,
  html body .side-panel h3,
  html body .box-title{
    font-size:13px!important;
    line-height:1.1!important;
    font-weight:900!important;
    letter-spacing:0!important;
    color:var(--oh-orange)!important;
    text-transform:uppercase!important;
  }

  html body .oh-market-metrics{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px 18px!important;
    margin:16px 0 12px!important;
  }

  html body .oh-market-metrics strong{
    font-size:28px!important;
    line-height:1!important;
    color:#fff!important;
  }

  html body .oh-market-metrics small,
  html body .oh-market-metrics span{
    color:#aabccc!important;
    font-size:12px!important;
    font-weight:750!important;
  }

  html body .oh-market-chart{
    height:82px!important;
    margin-top:6px!important;
    border-top:1px solid rgba(120,166,205,.13)!important;
  }

  html body .newsroom-feature-grid-v1{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin-bottom:10px!important;
  }

  html body .newsroom-feature-card-v1,
  html body .newsroom-story-card-v1,
  html body .feature-card,
  html body .mini-card,
  html body .contact-method,
  html body .legal-section{
    border:1px solid var(--oh-line-soft)!important;
    border-radius:var(--oh-radius)!important;
    background:linear-gradient(180deg,rgba(5,18,29,.88),rgba(3,12,19,.92))!important;
    box-shadow:none!important;
  }

  html body .newsroom-filter-v1,
  html body .news-command,
  html body .news-toolbar{
    display:grid!important;
    grid-template-columns:2fr repeat(4,minmax(150px,1fr)) auto auto!important;
    gap:10px!important;
    align-items:end!important;
    padding:14px 0!important;
    margin:0 0 12px!important;
    background:transparent!important;
    border:0!important;
    border-top:1px solid var(--oh-line-soft)!important;
    border-bottom:1px solid var(--oh-line-soft)!important;
    border-radius:0!important;
  }

  html body .newsroom-field-v1 span,
  html body .studio-field span,
  html body .sort span,
  html body label > span{
    color:#8fb2ca!important;
    font-size:10px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
  }

  html body .newsroom-field-v1 input,
  html body .newsroom-field-v1 select,
  html body .newsroom-list-head-v1 select,
  html body input,
  html body select,
  html body textarea{
    min-height:38px!important;
    border-radius:6px!important;
    border:1px solid rgba(120,166,205,.25)!important;
    background:#020b13!important;
    color:#f5f8fc!important;
    font-family:Manrope,Inter,system-ui,sans-serif!important;
    font-size:13px!important;
    font-weight:800!important;
  }

  html body .newsroom-filter-v1 button,
  html body .cta,
  html body .search-btn,
  html body .post-job-submit{
    min-height:42px!important;
    border-radius:7px!important;
    background:linear-gradient(135deg,var(--oh-orange),var(--oh-orange-2))!important;
    color:#fff!important;
    font-weight:900!important;
    box-shadow:0 14px 28px rgba(255,116,23,.22)!important;
  }

  html body .newsroom-topics-v1,
  html body .studio-popular,
  html body .popular{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    flex-wrap:wrap!important;
    padding:10px 0 0!important;
    border:0!important;
  }

  html body .newsroom-topics-v1 a,
  html body .studio-popular a,
  html body .popular a,
  html body .pill{
    min-height:30px!important;
    border-radius:6px!important;
    border:1px solid rgba(120,166,205,.22)!important;
    background:rgba(7,22,34,.72)!important;
    color:#d9e6ef!important;
    font-size:12px!important;
    font-weight:850!important;
    padding:7px 12px!important;
  }

  html body .newsroom-card-grid-v1{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }

  html body .newsroom-story-card-v1{
    min-height:0!important;
    overflow:hidden!important;
  }

  html body .newsroom-story-card-v1 img{
    height:118px!important;
    object-fit:cover!important;
  }

  html body .newsroom-story-card-v1 h3,
  html body .newsroom-feature-card-v1 h2,
  html body .home-block h2,
  html body .legal-section h2{
    color:#fff!important;
    line-height:1.05!important;
    font-weight:900!important;
    letter-spacing:0!important;
  }

  html body .newsroom-story-card-v1 p,
  html body .newsroom-feature-card-v1 p,
  html body .home-block p,
  html body .legal-section p,
  html body .contact-copy p{
    color:#b8c8d6!important;
    line-height:1.48!important;
    font-weight:650!important;
  }

  html body .newsroom-list-head-v1,
  html body .section-intro,
  html body .box-head{
    display:flex!important;
    align-items:end!important;
    justify-content:space-between!important;
    gap:16px!important;
    margin:0 0 12px!important;
  }

  html body .newsroom-list-head-v1 h2,
  html body .box-title,
  html body .section-intro h2{
    margin:0!important;
  }
}

/* v10-end: final override after all legacy blocks. */
@media (min-width:901px){
  :root{
    --oh-shell-width:min(1680px, calc(100vw - 24px));
    --oh-header-h:78px;
    --oh-hero-h:360px;
    --oh-side-w:340px;
    --oh-gap:14px;
    --oh-radius:4px;
    --oh-section-line:rgba(120,166,205,.22);
  }

  html body .page,
  html body .site-shell,
  html body.jobs-page > .oh-real-header,
  html body.jobs-page > .jobs-page-main,
  html body.jobs-page > footer.oh-reference-footer{
    width:var(--oh-shell-width)!important;
    max-width:var(--oh-shell-width)!important;
    margin:0 auto!important;
    border-left:1px solid var(--oh-line)!important;
    border-right:1px solid var(--oh-line)!important;
    border-radius:0!important;
    background:var(--oh-surface)!important;
    overflow:hidden!important;
  }

  html body .oh-real-header{
    height:var(--oh-header-h)!important;
    min-height:var(--oh-header-h)!important;
    max-height:var(--oh-header-h)!important;
    border-bottom:1px solid var(--oh-line)!important;
    border-radius:0!important;
  }

  html body .page > section.hero,
  html body.jobs-page .page > section.hero.jobs-as-news-hero,
  html body.jobs-page .jobs-page-main > .container > section.hero-enterprise,
  html body.news-page .page > section.hero.article-hero,
  html body.news-dashboard-page .page .newsroom-v1 > section.newsroom-hero-v1,
  html body.about-page .page > section.hero,
  html body.contact-page .page > section.hero,
  html body.legal-page .legal-hero{
    width:100%!important;
    max-width:100%!important;
    height:var(--oh-hero-h)!important;
    min-height:var(--oh-hero-h)!important;
    max-height:var(--oh-hero-h)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid var(--oh-line)!important;
    border-radius:0!important;
    overflow:hidden!important;
    background-color:#020912!important;
    background-size:100% 100%,100% 100%,cover!important;
    background-position:center center,center center,center center!important;
    background-repeat:no-repeat,no-repeat,no-repeat!important;
  }

  html body.home-index:not(.about-page):not(.contact-page):not(.news-page):not(.jobs-page) .page > section.hero{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero1.png?v=oh-shell-v10-home')!important;
  }

  html body.jobs-page .page > section.hero.jobs-as-news-hero,
  html body.jobs-page .jobs-page-main > .container > section.hero-enterprise{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero2.png?v=oh-shell-v10-jobs')!important;
  }

  html body.news-dashboard-page .page .newsroom-v1 > section.newsroom-hero-v1,
  html body.news-page .page > section.hero.article-hero{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero3.png?v=oh-shell-v10-news')!important;
  }

  html body.about-page .page > section.hero{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero4.png?v=oh-shell-v10-about')!important;
  }

  html body.contact-page .page > section.hero,
  html body.legal-page .legal-hero{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero5.png?v=oh-shell-v10-contact')!important;
  }

  html body .page > section.hero::before,
  html body .page > section.hero::after,
  html body .legal-hero::before,
  html body .legal-hero::after{
    content:none!important;
    display:none!important;
  }

  html body .page > section.hero > .hero-inner,
  html body.jobs-page .page > section.hero.jobs-as-news-hero > .hero-inner,
  html body.jobs-page .jobs-page-main > .container > section.hero-enterprise > .hero-copy,
  html body.news-page .page > section.hero.article-hero > .hero-inner,
  html body.news-dashboard-page .page .newsroom-v1 > section.newsroom-hero-v1,
  html body.legal-page .legal-hero > .legal-hero-inner{
    width:100%!important;
    max-width:100%!important;
    height:var(--oh-hero-h)!important;
    min-height:var(--oh-hero-h)!important;
    max-height:var(--oh-hero-h)!important;
    margin:0!important;
    padding:42px 54px!important;
    display:grid!important;
    grid-template-columns:minmax(0,760px)!important;
    align-items:center!important;
    justify-content:start!important;
    gap:0!important;
  }

  html body .page > section.hero .stat-card,
  html body .page > section.hero .hero-card,
  html body .page > section.hero .hero-live-card,
  html body .page > section.hero .market-card,
  html body .page > section.hero aside,
  html body.news-dashboard-page .newsroom-overview-v1,
  html body.legal-page .legal-hero .hero-card{
    display:none!important;
  }

  html body main.jobs-mock-layout,
  html body main.oh-page-side-layout,
  html body .newsroom-layout-v1,
  html body.news-page.news-article-page .article-shell,
  html body.legal-page .legal-wrap{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:14px 24px 12px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(300px,var(--oh-side-w))!important;
    gap:var(--oh-gap)!important;
    align-items:start!important;
    border-top:1px solid var(--oh-section-line)!important;
    background:var(--oh-surface)!important;
  }

  html body .oh-main-column,
  html body .jobs-left-column,
  html body .newsroom-main-v1,
  html body.news-page.news-article-page .article-layout,
  html body.legal-page .legal-card{
    min-width:0!important;
    width:100%!important;
  }

  html body .side,
  html body .oh-page-side,
  html body .newsroom-side-v1,
  html body .sidebar,
  html body.legal-page .legal-wrap > aside{
    width:100%!important;
    max-width:var(--oh-side-w)!important;
    display:grid!important;
    gap:var(--oh-gap)!important;
    align-self:start!important;
  }

  html body .box,
  html body .panel,
  html body .side-panel,
  html body .legal-card,
  html body .toc,
  html body .info-card,
  html body .feature-card,
  html body .mini-card,
  html body .contact-method,
  html body .legal-section,
  html body .newsroom-filter-v1,
  html body .newsroom-list-head-v1,
  html body .newsroom-story-card-v1,
  html body .newsroom-feature-card-v1,
  html body .oh-main-column > .page-shell,
  html body .oh-main-column > .home-block,
  html body .oh-main-column > .home-cta,
  html body .oh-page-side > section,
  html body .oh-page-side > .box,
  html body .newsroom-side-v1 > section,
  html body .newsroom-side-v1 .side-panel,
  html body .sidebar .side-panel,
  html body.jobs-page .jobs-page-summary,
  html body.jobs-page .jobs-page-listing{
    border:1px solid var(--oh-section-line)!important;
    border-radius:var(--oh-radius)!important;
    background:linear-gradient(180deg,rgba(5,18,29,.82),rgba(3,12,19,.88))!important;
    box-shadow:none!important;
  }

  html body .newsroom-filter-v1,
  html body .news-command,
  html body .news-toolbar,
  html body .jobs-commandbar,
  html body .jobs-search-studio{
    border:1px solid var(--oh-section-line)!important;
    border-radius:var(--oh-radius)!important;
    background:linear-gradient(180deg,rgba(5,18,29,.82),rgba(3,12,19,.88))!important;
  }

  html body .section,
  html body .page-shell,
  html body .home-block,
  html body .home-cta,
  html body .metrics,
  html body .newsroom-v1,
  html body .newsroom-layout-v1,
  html body .article-shell{
    border-radius:0!important;
  }

  html body input,
  html body select,
  html body textarea,
  html body button,
  html body .pill,
  html body .studio-tab,
  html body .studio-rotation button{
    border-radius:4px!important;
  }
}

/* v11: index follows Jobs layout while keeping its own hero image and content. */
@media (min-width:901px){
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .page > section.hero.jobs-as-news-hero{
    background-image:var(--oh-hero-overlay-x),var(--oh-hero-overlay-y),url('/assets/Hero/hero1.png?v=oh-shell-v11-index')!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-news-strip,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-news-hub,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-news-more{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:14px 24px!important;
    border-top:1px solid var(--oh-section-line)!important;
    border-bottom:0!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
    background:var(--oh-surface)!important;
    box-shadow:none!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-news-shell,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-news-more > .box,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .sector-block,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .live-jobs-list,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .why-news-clean,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .quick-search,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .why-clean,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-board{
    border:1px solid var(--oh-section-line)!important;
    border-radius:4px!important;
    background:linear-gradient(180deg,rgba(5,18,29,.82),rgba(3,12,19,.88))!important;
    box-shadow:none!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-news-lead,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-news-side-card,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-news-mini,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .sector-card{
    border:1px solid var(--oh-section-line)!important;
    border-radius:4px!important;
    background:rgba(2,12,20,.48)!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-news-hub,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-news-more{
    display:none!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-news-strip{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    min-height:48px!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-news-ticker{
    min-width:0!important;
    display:flex!important;
    gap:18px!important;
    overflow:hidden!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-news-ticker a{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    color:#d7e5ef!important;
    font-size:13px!important;
    font-weight:800!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .sector-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:var(--oh-gap)!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-side-layout{
    border-top:1px solid var(--oh-section-line)!important;
  }
}

/* v12: index becomes a compact Jobs-style dashboard. */
@media (min-width:901px){
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) main.home-side-layout{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    grid-template-columns:minmax(0,1fr) minmax(300px,var(--oh-side-w))!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) main.home-side-layout .oh-main-column{
    min-width:0!important;
    overflow:hidden!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .sector-block,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .why-news-clean,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) main.home-side-layout .home-cta{
    display:none!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .live-jobs-list{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:16px!important;
    overflow:hidden!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-board{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:14px!important;
    overflow:hidden!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-list,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .jobs-card-list.home-jobs-card-list,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .jobs-grid-board.home-jobs-card-list{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    overflow:hidden!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-list .job-tile{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:238px!important;
    padding:16px!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-list .tile-title{
    min-height:46px!important;
    font-size:18px!important;
    line-height:1.08!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-list .tile-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin-top:12px!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-list .meta-pill{
    min-width:0!important;
    max-width:100%!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-list .meta-pill b{
    max-width:120px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-page-side{
    display:grid!important;
    gap:var(--oh-gap)!important;
    max-width:var(--oh-side-w)!important;
    overflow:hidden!important;
  }
}

@media (min-width:1500px){
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-list,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .jobs-card-list.home-jobs-card-list,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .jobs-grid-board.home-jobs-card-list{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* v13: index aligns with Jobs page density. */
@media (min-width:901px){
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-news-strip{
    display:none!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) main.home-side-layout{
    margin-top:0!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .live-jobs-list{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .live-jobs-list > .section-intro{
    display:none!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-board{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:14px!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-list,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .jobs-card-list.home-jobs-card-list,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .jobs-grid-board.home-jobs-card-list{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-list .job-tile{
    min-height:243px!important;
    padding:16px 14px!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-list .tile-title{
    min-height:42px!important;
    font-size:17px!important;
    line-height:1.08!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-list .tile-logo{
    max-width:112px!important;
  }
}

/* v14: balanced index dashboard, not only job cards. */
@media (min-width:901px){
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-news-strip{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    min-height:48px!important;
    padding:12px 24px!important;
    border-top:1px solid var(--oh-section-line)!important;
    border-bottom:1px solid var(--oh-section-line)!important;
    background:var(--oh-surface)!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-news-strip b{
    color:var(--oh-orange)!important;
    font-size:12px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-news-ticker{
    min-width:0!important;
    flex:1 1 auto!important;
    display:flex!important;
    gap:18px!important;
    overflow:hidden!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-news-ticker a{
    min-width:0!important;
    max-width:33%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    color:#d7e5ef!important;
    font-size:13px!important;
    font-weight:800!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-main-column{
    display:grid!important;
    gap:var(--oh-gap)!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .live-jobs-list{
    order:1!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .sector-block{
    order:2!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:16px!important;
    overflow:hidden!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .sector-block .section-intro{
    margin:0 0 12px!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .sector-block .section-intro h2{
    font-size:22px!important;
    line-height:1.08!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .sector-block .section-intro p{
    font-size:13px!important;
    line-height:1.4!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .sector-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .sector-card{
    min-height:142px!important;
    padding:14px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .sector-card .ico{
    display:none!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .sector-card h3{
    margin:0 0 6px!important;
    font-size:18px!important;
    line-height:1.05!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .sector-card p{
    margin:0 0 10px!important;
    color:#b8c8d6!important;
    font-size:12px!important;
    line-height:1.35!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .why-news-clean,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) main.home-side-layout .home-cta,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-news-hub,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-news-more{
    display:none!important;
  }
}

/* v15: fuller index dashboard pass, still aligned with Jobs. */
@media (min-width:901px){
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .page{
    background:var(--oh-surface)!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) main.home-side-layout{
    padding-top:14px!important;
    padding-bottom:14px!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-board > .box-head{
    align-items:center!important;
    padding:0 0 12px!important;
    margin:0 0 12px!important;
    border-bottom:1px solid var(--oh-section-line)!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-board .box-title{
    font-size:20px!important;
    line-height:1.05!important;
    color:#fff!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-board .box-title span{
    color:var(--oh-orange)!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-board .jobs-board-sub{
    margin:4px 0 0!important;
    color:#9fb5c8!important;
    font-size:12px!important;
    font-weight:700!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-list .tile-top{
    min-height:44px!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-list .tile-logo{
    width:112px!important;
    height:36px!important;
    margin:0 0 12px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-list .tile-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:left center!important;
    filter:none!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-list .tile-source-wrap{
    display:none!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-list .tile-new{
    top:14px!important;
    right:14px!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-list .tile-category{
    font-size:10px!important;
    letter-spacing:0!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-list .tile-open{
    font-size:11px!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .home-jobs-card-board .pager{
    margin-top:12px!important;
    padding-top:10px!important;
    border-top:1px solid var(--oh-section-line)!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .sector-block{
    background:transparent!important;
    border:1px solid var(--oh-section-line)!important;
    border-radius:4px!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .sector-card{
    background:
      linear-gradient(180deg,rgba(4,16,27,.78),rgba(2,10,18,.82))!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .sector-card:hover{
    border-color:rgba(255,116,23,.55)!important;
    transform:none!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-page-side > .box,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-page-side > section{
    padding:16px!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-page-side .cat-list{
    display:grid!important;
    gap:8px!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-page-side .cat,
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-page-side .source-row{
    border-radius:4px!important;
    min-height:40px!important;
    background:rgba(2,12,20,.42)!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-market-panel{
    min-height:0!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-market-panel .oh-market-metrics{
    margin:14px 0 10px!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .oh-market-panel .oh-market-chart{
    height:76px!important;
  }
}

/* v16: latest news module on index, compact Jobs-style. */
@media (min-width:901px){
  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .index-news-latest{
    order:3!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:16px!important;
    border:1px solid var(--oh-section-line)!important;
    border-radius:4px!important;
    background:linear-gradient(180deg,rgba(5,18,29,.82),rgba(3,12,19,.88))!important;
    overflow:hidden!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .index-news-latest .section-intro{
    margin:0 0 12px!important;
    padding:0 0 12px!important;
    border-bottom:1px solid var(--oh-section-line)!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .index-news-latest .section-intro h2{
    margin:0 0 4px!important;
    color:#fff!important;
    font-size:22px!important;
    line-height:1.08!important;
    font-weight:900!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .index-news-latest .section-intro p{
    margin:0!important;
    color:#9fb5c8!important;
    font-size:13px!important;
    line-height:1.4!important;
    font-weight:700!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .index-news-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .index-news-card{
    min-width:0!important;
    min-height:245px!important;
    display:grid!important;
    grid-template-rows:96px 1fr!important;
    color:inherit!important;
    text-decoration:none!important;
    border:1px solid var(--oh-section-line)!important;
    border-radius:4px!important;
    background:rgba(2,12,20,.48)!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .index-news-image{
    width:100%!important;
    height:96px!important;
    overflow:hidden!important;
    background:#03111c!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .index-news-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    filter:brightness(.72) saturate(.92) contrast(1.05)!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .index-news-body{
    min-width:0!important;
    padding:12px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .index-news-card .oh-news-chip{
    align-self:flex-start!important;
    color:var(--oh-orange)!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:900!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .index-news-card h3{
    margin:0!important;
    color:#fff!important;
    font-size:15px!important;
    line-height:1.12!important;
    font-weight:900!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .index-news-card p{
    margin:0!important;
    color:#aec0cf!important;
    font-size:11.5px!important;
    line-height:1.35!important;
    font-weight:650!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .index-news-card .oh-news-meta{
    margin-top:auto!important;
    display:flex!important;
    gap:10px!important;
    color:#8fb2ca!important;
    font-size:10px!important;
    font-weight:800!important;
  }
}

/* v21: final winning news dashboard containment pass. */
@media (min-width:1100px){
  html body.news-dashboard-page .newsroom-v1{
    width:100%!important;
    max-width:100%!important;
    padding:0 24px 30px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  html body.news-dashboard-page .newsroom-layout-v1{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:14px 0 0!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 300px!important;
    gap:14px!important;
    align-items:start!important;
    overflow:visible!important;
  }

  html body.news-dashboard-page .newsroom-main-v1{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  html body.news-dashboard-page .newsroom-side-v1{
    width:300px!important;
    min-width:300px!important;
    max-width:300px!important;
    display:grid!important;
    gap:12px!important;
    align-self:start!important;
    position:sticky!important;
    top:92px!important;
    overflow:visible!important;
  }

  html body.news-dashboard-page .newsroom-side-v1 > section,
  html body.news-dashboard-page .newsroom-side-v1 > .side-panel,
  html body.news-dashboard-page .newsroom-side-v1 .oh-market-panel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  html body.news-dashboard-page .newsroom-side-v1 .oh-market-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 14px!important;
  }

  html body.news-dashboard-page .newsroom-side-v1 .oh-market-metrics strong{
    font-size:25px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
    word-break:normal!important;
  }

  html body.news-dashboard-page .newsroom-side-v1 .oh-market-metrics small,
  html body.news-dashboard-page .newsroom-side-v1 .oh-market-metrics span{
    font-size:11px!important;
    line-height:1.18!important;
  }

  html body.news-dashboard-page .newsroom-side-v1 .oh-market-chart{
    height:72px!important;
    margin-top:8px!important;
  }

  html body.news-dashboard-page .newsroom-card-grid-v1{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (min-width:1500px){
  html body.news-dashboard-page .newsroom-layout-v1{
    grid-template-columns:minmax(0,1fr) 320px!important;
  }

  html body.news-dashboard-page .newsroom-side-v1{
    width:320px!important;
    min-width:320px!important;
    max-width:320px!important;
  }
}

/* v24: final EOF page-card icon cleanup, appended after all legacy overrides. */
html body .info-grid .info-card .ico,
html body .why-grid .ico,
html body .contact-method .ico,
html body .sector-grid .sector-card .ico{
  position:relative!important;
  overflow:hidden!important;
  text-indent:-999px!important;
  white-space:nowrap!important;
  display:grid!important;
  place-items:center!important;
  color:var(--oh-orange,var(--orange,#ff6a00))!important;
}

html body .info-grid .info-card .ico:before,
html body .why-grid .ico:before,
html body .contact-method .ico:before,
html body .sector-grid .sector-card .ico:before{
  content:"•"!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  text-indent:0!important;
  color:var(--oh-orange,var(--orange,#ff6a00))!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
}

html body .info-grid .info-card:nth-child(1) .ico:before,
html body .sector-grid .sector-card:nth-child(1) .ico:before{
  content:"?"!important;
}

html body .info-grid .info-card:nth-child(2) .ico:before,
html body .why-grid > div:nth-child(2) .ico:before,
html body .sector-grid .sector-card:nth-child(2) .ico:before{
  content:"?"!important;
}

html body .info-grid .info-card:nth-child(3) .ico:before,
html body .why-grid > div:nth-child(3) .ico:before,
html body .sector-grid .sector-card:nth-child(3) .ico:before{
  content:"?"!important;
}

html body .why-grid > div:nth-child(4) .ico:before{
  content:"?"!important;
}

/* v25: ASCII-only final icon override. */
html body .info-grid .info-card .ico:before,
html body .why-grid .ico:before,
html body .contact-method .ico:before,
html body .sector-grid .sector-card .ico:before{
  content:">"!important;
}

html body .info-grid .info-card:nth-child(1) .ico:before,
html body .sector-grid .sector-card:nth-child(1) .ico:before{
  content:"+"!important;
}

html body .info-grid .info-card:nth-child(2) .ico:before,
html body .why-grid > div:nth-child(2) .ico:before,
html body .sector-grid .sector-card:nth-child(2) .ico:before{
  content:">"!important;
}

html body .info-grid .info-card:nth-child(3) .ico:before,
html body .why-grid > div:nth-child(3) .ico:before,
html body .sector-grid .sector-card:nth-child(3) .ico:before{
  content:"v"!important;
}

html body .why-grid > div:nth-child(4) .ico:before{
  content:"*"!important;
}

/* v26: publication consistency pass across dashboard, info and legal pages. */
html body .page{
  border-color:#008ed1!important;
  background:#020912!important;
}

html body .box,
html body .panel,
html body .side-panel,
html body .legal-card,
html body .toc,
html body .info-card,
html body .feature-card,
html body .mini-card,
html body .contact-method,
html body .newsroom-filter-v1,
html body .newsroom-list-head-v1,
html body .newsroom-story-card-v1,
html body .newsroom-feature-card-v1{
  border-radius:4px!important;
  box-shadow:none!important;
}

html body :is(.cta,.searchbtn,.legal-btn.primary,.newsroom-filter-v1 button,.contact-form button,.home-hero-actions .cta){
  border-radius:6px!important;
  min-height:42px!important;
  font-weight:900!important;
}

html body :is(.ghost-btn,.legal-btn,.orange-link,.panel-btn){
  border-radius:6px!important;
}

@media (min-width:901px){
  html body.legal-page .legal-hero{
    height:360px!important;
    min-height:360px!important;
    max-height:360px!important;
    border-bottom:1px solid var(--oh-section-line,#008ed1)!important;
    overflow:hidden!important;
    background-image:
      linear-gradient(90deg,rgba(2,7,13,.96) 0%,rgba(2,7,13,.82) 35%,rgba(2,7,13,.30) 62%,rgba(2,7,13,.06) 100%),
      url('/assets/Hero/hero5.png?v=legal-publication-hero')!important;
    background-size:100% 100%,cover!important;
    background-position:center center,center center!important;
  }

  html body.legal-page.terms-page .legal-hero,
  html body.legal-page.privacy-page .legal-hero,
  html body.legal-page.disclaimer-page .legal-hero{
    background-image:
      linear-gradient(90deg,rgba(2,7,13,.96) 0%,rgba(2,7,13,.82) 35%,rgba(2,7,13,.30) 62%,rgba(2,7,13,.06) 100%),
      url('/assets/Hero/hero5.png?v=legal-publication-hero')!important;
  }

  html body.legal-page .legal-hero:before,
  html body.legal-page .legal-hero:after{
    display:none!important;
    content:none!important;
  }

  html body.legal-page .legal-hero > .legal-hero-inner{
    height:100%!important;
    padding:42px 54px!important;
    display:grid!important;
    grid-template-columns:minmax(0,760px) 320px!important;
    gap:34px!important;
    align-items:center!important;
  }

  html body.legal-page .legal-hero h1{
    font-size:62px!important;
    line-height:.96!important;
    letter-spacing:-.04em!important;
    margin:0 0 14px!important;
  }

  html body.legal-page .legal-hero p{
    max-width:760px!important;
    font-size:17px!important;
    line-height:1.42!important;
    font-weight:750!important;
  }

  html body.legal-page .legal-hero .notice{
    display:none!important;
  }

  html body.legal-page .legal-wrap{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:14px 24px 18px!important;
    display:grid!important;
    grid-template-columns:260px minmax(0,1fr) 320px!important;
    gap:14px!important;
    align-items:start!important;
    border-top:1px solid var(--oh-section-line,#008ed1)!important;
    background:var(--oh-surface,#020912)!important;
  }

  html body.legal-page .toc,
  html body.legal-page .legal-side-rail{
    position:sticky!important;
    top:92px!important;
    max-width:none!important;
  }

  html body.legal-page .legal-card{
    min-width:0!important;
    padding:18px 24px!important;
  }

  html body.legal-page .legal-section{
    padding:20px 0!important;
    border-bottom:1px solid rgba(120,166,205,.17)!important;
  }

  html body.legal-page .legal-section h2{
    font-size:24px!important;
    line-height:1.12!important;
    margin-bottom:10px!important;
  }

  html body.legal-page .legal-section p,
  html body.legal-page .legal-section li{
    font-size:14px!important;
    line-height:1.62!important;
    font-weight:650!important;
  }
}

html body.legal-page .stat-ico{
  position:relative!important;
  overflow:hidden!important;
  text-indent:-999px!important;
  border-radius:4px!important;
}

html body.legal-page .stat-ico:before{
  content:unset!important;
}

html body.legal-page .stat-row:nth-of-type(1) .stat-ico:after,
html body.legal-page .stat-row:nth-of-type(2) .stat-ico:after,
html body.legal-page .stat-row:nth-of-type(3) .stat-ico:after{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  text-indent:0!important;
  color:var(--oh-orange,var(--orange,#ff6a00))!important;
  font-weight:900!important;
  font-size:14px!important;
}

html body.legal-page .stat-row:nth-of-type(1) .stat-ico:after{content:"1"!important;}
html body.legal-page .stat-row:nth-of-type(2) .stat-ico:after{content:"2"!important;}
html body.legal-page .stat-row:nth-of-type(3) .stat-ico:after{content:"3"!important;}

@media (min-width:901px){
  html body.news-dashboard-page .newsroom-filter-v1{
    padding:14px 16px!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(140px,.72fr)) auto!important;
    gap:10px!important;
    align-items:end!important;
  }

  html body.news-dashboard-page .newsroom-filter-v1 .newsroom-reset-v1{
    grid-column:1/-1!important;
    justify-self:start!important;
    margin:0!important;
    padding:0!important;
    font-size:11px!important;
    line-height:1!important;
  }

  html body.news-dashboard-page .newsroom-filter-v1 input,
  html body.news-dashboard-page .newsroom-filter-v1 select{
    height:42px!important;
  }

  html body.news-dashboard-page .newsroom-topics-v1{
    padding:10px 16px!important;
    min-height:0!important;
  }
}

/* v27: stronger publication visual unification, Jobs is the visual baseline. */
@media (min-width:901px){
  html body.about-page .hero h1,
  html body.contact-page .hero h1,
  html body.news-dashboard-page .newsroom-hero-v1 h1,
  html body.legal-page .legal-hero h1{
    font-size:clamp(46px,3.8vw,58px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
    max-width:820px!important;
  }

  html body.about-page .hero,
  html body.contact-page .hero,
  html body.news-dashboard-page .newsroom-hero-v1,
  html body.legal-page .legal-hero{
    height:350px!important;
    min-height:350px!important;
    max-height:350px!important;
  }

  html body.about-page .hero-inner,
  html body.contact-page .hero-inner{
    padding-top:38px!important;
    padding-bottom:36px!important;
  }
}

html body.about-page .section-intro,
html body.contact-page .section-intro,
html body.news-dashboard-page .newsroom-list-head-v1,
html body.legal-page .legal-section:first-child{
  background:linear-gradient(180deg,rgba(5,18,29,.82),rgba(3,12,19,.88))!important;
  border:1px solid var(--oh-section-line,#12304a)!important;
  border-radius:4px!important;
  padding:16px 18px!important;
}

html body.about-page .section-intro h2,
html body.contact-page .section-intro h2,
html body.news-dashboard-page .newsroom-list-head-v1 h2,
html body.legal-page .legal-section h2{
  color:#f4f8fb!important;
  font-size:clamp(22px,2vw,30px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  font-weight:900!important;
  margin:0 0 8px!important;
}

html body.about-page .section-intro h2 span,
html body.contact-page .section-intro h2 span,
html body.news-dashboard-page .newsroom-list-head-v1 h2 span,
html body.legal-page .legal-section h2 span{
  color:var(--oh-orange,var(--orange,#ff6a00))!important;
}

html body.about-page .section-intro .eyebrow,
html body.contact-page .section-intro .eyebrow,
html body.news-dashboard-page .newsroom-kicker-v1,
html body.legal-page .eyebrow{
  font-size:11px!important;
  letter-spacing:.08em!important;
  margin-bottom:8px!important;
}

html body.about-page .info-grid,
html body.contact-page .info-grid,
html body.legal-page .mini-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  border:1px solid var(--oh-section-line,#12304a)!important;
  border-radius:4px!important;
  overflow:hidden!important;
  background:rgba(2,12,20,.42)!important;
}

html body.about-page .info-card,
html body.contact-page .info-card,
html body.legal-page .mini-card{
  border:0!important;
  border-right:1px solid var(--oh-section-line,#12304a)!important;
  border-radius:0!important;
  background:transparent!important;
  padding:18px 18px 16px!important;
  min-height:0!important;
}

html body.about-page .info-card:last-child,
html body.contact-page .info-card:last-child,
html body.legal-page .mini-card:last-child{
  border-right:0!important;
}

html body.about-page .info-card h3,
html body.contact-page .info-card h3,
html body.legal-page .mini-card b{
  color:#fff!important;
  font-size:16px!important;
  line-height:1.15!important;
  margin:0 0 8px!important;
  font-weight:900!important;
}

html body.about-page .info-card p,
html body.contact-page .info-card p,
html body.legal-page .mini-card span{
  color:#b8cad8!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:650!important;
}

html body .info-grid .info-card .ico,
html body .why-grid .ico,
html body .contact-method .ico,
html body .sector-grid .sector-card .ico,
html body.legal-page .stat-ico{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:4px!important;
  border:1px solid rgba(255,106,0,.65)!important;
  background:rgba(255,106,0,.055)!important;
  position:relative!important;
  overflow:hidden!important;
  text-indent:-999px!important;
}

html body .info-grid .info-card .ico:before,
html body .why-grid .ico:before,
html body .contact-method .ico:before,
html body .sector-grid .sector-card .ico:before,
html body.legal-page .stat-ico:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:7px!important;
  height:7px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:2px!important;
  background:var(--oh-orange,var(--orange,#ff6a00))!important;
  box-shadow:0 0 10px rgba(255,106,0,.35)!important;
  text-indent:0!important;
}

html body.about-page .copy-layout,
html body.contact-page .contact-layout{
  gap:14px!important;
}

html body.about-page .copy-panel h2,
html body.contact-page .contact-company-info h2,
html body.contact-page .company-info-card h2{
  color:#f4f8fb!important;
  font-size:28px!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}

html body.about-page .copy-panel h2 span,
html body.contact-page .contact-company-info h2 span{
  color:var(--oh-orange,var(--orange,#ff6a00))!important;
}

html body.news-dashboard-page .newsroom-filter-v1{
  background:linear-gradient(180deg,rgba(5,18,29,.82),rgba(3,12,19,.88))!important;
}

html body.news-dashboard-page .newsroom-filter-v1 .newsroom-reset-v1{
  justify-self:end!important;
  grid-column:auto!important;
  align-self:center!important;
}

@media (max-width:900px){
  html body.about-page .info-grid,
  html body.contact-page .info-grid,
  html body.legal-page .mini-grid{
    grid-template-columns:1fr!important;
  }
  html body.about-page .info-card,
  html body.contact-page .info-card,
  html body.legal-page .mini-card{
    border-right:0!important;
    border-bottom:1px solid var(--oh-section-line,#12304a)!important;
  }
}

/* v28: publication fixes for legal hero imagery, market metrics and lingering glow/icon artifacts. */
html body .oh-market-panel .oh-market-metrics > div{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:3px!important;
  align-content:start!important;
  min-width:0!important;
}

html body .oh-market-panel .oh-market-metrics strong,
html body .oh-market-panel .oh-market-metrics small,
html body .oh-market-panel .oh-market-metrics span{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
}

html body .oh-market-panel .oh-market-metrics strong{
  white-space:nowrap!important;
}

html body.legal-page .legal-side-rail .stat-ico:before,
html body.legal-page .legal-side-rail .stat-ico:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:7px!important;
  height:7px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:2px!important;
  background:var(--oh-orange,var(--orange,#ff6a00))!important;
  box-shadow:0 0 10px rgba(255,106,0,.35)!important;
  text-indent:0!important;
}

html body .info-card:before,
html body .contact-method:before,
html body .feature-card:before{
  display:none!important;
  content:none!important;
}

@media (min-width:901px){
  html body.legal-page .legal-hero{
    position:relative!important;
    isolation:isolate!important;
    background:#020912!important;
  }

  html body.legal-page .legal-hero:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    background:url('/assets/Hero/hero5.png?v=legal-hero-visible-v28') center center/cover no-repeat!important;
    filter:brightness(.82) contrast(1.08) saturate(1.05)!important;
    opacity:.95!important;
  }

  html body.legal-page .legal-hero:after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:linear-gradient(90deg,rgba(2,7,13,.96) 0%,rgba(2,7,13,.83) 36%,rgba(2,7,13,.38) 63%,rgba(2,7,13,.08) 100%)!important;
  }

  html body.legal-page .legal-hero > .legal-hero-inner{
    position:relative!important;
    z-index:2!important;
  }

  html body.legal-page .legal-hero .hero-card{
    display:none!important;
  }

  html body.legal-page .legal-hero h1{
    max-width:760px!important;
  }
}
