﻿/* Offshore Hub public interface core.
   This file contains only shared primitives. Page-specific styling lives in page CSS;
   header lives in oh-shared-header.css; final alignment lives in oh-interface-registry.css. */

:root{
  --oh-bg:#01070d;
  --oh-page:#020b13;
  --oh-panel:#061522;
  --oh-panel-2:#03111d;
  --oh-line:#0091ce;
  --oh-line-soft:rgba(117,157,190,.22);
  --oh-border:rgba(57,126,174,.38);
  --oh-orange:#ff7417;
  --oh-orange-2:#ff9a2f;
  --oh-cyan:#20d7ff;
  --oh-green:#20e895;
  --oh-text:#f5f9fd;
  --oh-muted:#b8c7d8;
  --oh-soft:#93a8ba;
  --oh-font:Manrope,Inter,"Segoe UI",Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--oh-bg)}
body{
  margin:0;
  background:radial-gradient(circle at 50% -20%,rgba(8,35,55,.42),transparent 36%),var(--oh-bg);
  color:var(--oh-text);
  font-family:var(--oh-font);
  font-weight:500;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit}

.goog-te-banner-frame.skiptranslate,
.goog-te-gadget,
.skiptranslate{display:none!important}
body{top:0!important}

.page,
.site-shell,
.newsroom-v1,
.article-publication-page{
  width:min(1680px,calc(100vw - 72px));
  margin:0 auto;
  background:linear-gradient(180deg,rgba(2,11,19,.98),rgba(1,8,14,.99));
  border-left:1px solid rgba(0,145,206,.78);
  border-right:1px solid rgba(0,145,206,.78);
  overflow:hidden;
}

.hero.jobs-as-news-hero,
.legal-hero.jobs-as-news-hero,
.article-publication-hero.jobs-as-news-hero,
.newsroom-hero-v1.jobs-as-news-hero{
  position:relative;
  isolation:isolate;
  min-height:420px;
  overflow:hidden;
  background:#020912;
  border-bottom:1px solid rgba(0,145,206,.78);
}

.hero.jobs-as-news-hero::before,
.legal-hero.jobs-as-news-hero::before,
.article-publication-hero.jobs-as-news-hero::before,
.newsroom-hero-v1.jobs-as-news-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:var(--hero-image);
  background-size:cover;
  background-position:66% 50%;
  background-repeat:no-repeat;
  filter:brightness(.82) contrast(1.1) saturate(1.04);
}

.hero.jobs-as-news-hero::after,
.legal-hero.jobs-as-news-hero::after,
.article-publication-hero.jobs-as-news-hero::after,
.newsroom-hero-v1.jobs-as-news-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(1,7,12,.98) 0%,rgba(1,7,12,.9) 32%,rgba(1,7,12,.48) 62%,rgba(1,7,12,.08) 100%),linear-gradient(180deg,rgba(1,7,12,.04),rgba(1,7,12,.66));
}

.hero-inner,
.legal-hero-inner,
.article-publication-hero-inner{
  position:relative;
  z-index:1;
  min-height:420px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,330px);
  gap:34px;
  align-items:center;
  padding:52px 56px 62px;
}

.eyebrow,
.oh-kicker,
.newsroom-kicker-v1{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  color:var(--oh-orange);
  font-size:13px;
  font-weight:840;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.eyebrow::before,
.oh-kicker::before,
.newsroom-kicker-v1::before{
  content:"";
  width:18px;
  height:2px;
  background:var(--oh-orange);
}

.hero h1,
.legal-hero h1,
.article-publication-hero h1,
.newsroom-hero-v1 h1{
  margin:0 0 16px;
  color:#f6f9fe;
  font-size:clamp(44px,4.6vw,78px);
  font-weight:840;
  line-height:.96;
  letter-spacing:0;
}

.hero h1 span,
.legal-hero h1 span,
.article-publication-hero h1 span,
.newsroom-hero-v1 h1 span{
  color:var(--oh-orange);
}

.hero p,
.legal-hero p,
.article-publication-hero p,
.newsroom-hero-v1 p{
  max-width:740px;
  margin:0;
  color:#d8e6f2;
  font-size:16px;
  font-weight:700;
  line-height:1.48;
}

.features,
.hero-badges,
.newsroom-trust-v1,
.newsroom-hero-badges-v1{
  display:flex;
  flex-wrap:wrap;
  gap:22px;
  margin-top:26px;
}

.feat,
.hero-badge,
.newsroom-trust-v1 span,
.newsroom-hero-badges-v1 span{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-width:0;
  color:#eef7ff;
}

.feat b,
.feat small{
  display:block;
  line-height:1.16;
}

.feat small{
  color:#d0deea;
  font-size:13px;
}

.home-hero-actions,
.hero-actions,
.legal-cta,
.article-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
  margin-bottom:18px;
}

.cta,
.ghost-btn,
.searchbtn,
.toolbar-submit,
.panel-btn,
.legal-btn,
.side-link-v1,
.orange-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:38px;
  border-radius:8px;
  font-size:13px;
  font-weight:820;
  line-height:1;
  letter-spacing:0;
  text-decoration:none;
}

.cta,
.searchbtn,
.toolbar-submit,
.legal-btn.primary{
  padding:0 16px;
  border:1px solid rgba(255,116,23,.82);
  background:linear-gradient(180deg,#ff8c24,#ff6900);
  color:#fff;
  box-shadow:0 12px 28px rgba(255,106,0,.18);
}

.ghost-btn,
.panel-btn,
.legal-btn,
.side-link-v1{
  padding:0 16px;
  border:1px solid rgba(57,126,174,.42);
  background:#03111d;
  color:#eef7ff;
}

.orange-link{
  color:var(--oh-orange);
}

.oh-btn-arrow::before{
  content:none;
}

.main,
.oh-page-side-layout,
.jobs-mock-layout,
.home-side-layout,
.newsroom-layout-v1,
.article-publication-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,340px);
  gap:14px;
  align-items:start;
  width:min(1630px,calc(100vw - 108px));
  margin:14px auto;
}

.box,
.side-panel,
.page-shell,
.home-block,
.legal-card,
.toc,
.newsroom-filter-v1,
.newsroom-list-head-v1,
.article-publication-body,
.article-publication-panel,
.article-publication-card{
  border:1px solid var(--oh-border);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(5,20,32,.94),rgba(2,13,22,.96));
  box-shadow:none;
}

.box,
.side-panel,
.home-block{
  padding:18px;
}

.box-head,
.section-intro,
.newsroom-list-head-v1{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  padding-bottom:12px;
  margin-bottom:12px;
  border-bottom:1px solid var(--oh-line-soft);
}

.box-title{
  color:#fff;
  font-size:16px;
  font-weight:840;
  letter-spacing:0;
  text-transform:uppercase;
}

.box-title span,
.section-intro span{
  color:var(--oh-orange);
}

.cat-list,
.tools-list{
  display:grid;
  gap:8px;
}

.cat,
.tool{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  min-height:38px;
  padding:7px 8px;
  border:1px solid rgba(57,126,174,.22);
  border-radius:8px;
  background:rgba(2,13,24,.46);
  color:#eef7ff;
}

.cat b,
.tool b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  font-weight:780;
}

.cat .count,
.tool span:last-child{
  color:#fff;
  font-size:13px;
  font-weight:840;
}

.oh-market-panel .box-head{
  align-items:center;
}

.market-period{
  min-height:30px;
  padding:0 11px;
  border:1px solid rgba(57,126,174,.42);
  border-radius:7px;
  background:#03111d;
  color:#eef7ff;
  font-size:12px;
  font-weight:760;
}

.oh-market-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 18px;
  padding:8px 0 12px;
}

.oh-market-metrics div{
  min-width:0;
  padding:8px 0;
  border-bottom:1px solid rgba(117,157,190,.18);
}

.oh-market-metrics strong{
  display:block;
  color:#fff;
  font-size:28px;
  font-weight:840;
  line-height:1;
}

.oh-market-metrics strong.green,
.oh-market-metrics .green{
  color:var(--oh-green);
}

.oh-market-metrics small,
.oh-market-metrics span{
  display:block;
  margin-top:4px;
  color:#aebfd0;
  font-size:12px;
  font-weight:700;
}

.oh-market-chart{
  height:120px;
  overflow:hidden;
}

.oh-market-chart svg{
  width:100%;
  height:100%;
}

.oh-market-chart .grid-line{
  fill:none;
  stroke:rgba(117,157,190,.15);
  stroke-width:1;
}

.oh-market-chart .area{
  fill:rgba(255,116,23,.22);
}

.oh-market-chart .trend{
  fill:none;
  stroke:#ff7417;
  stroke-width:4;
  stroke-linecap:round;
}

.oh-market-chart .glow{
  stroke:rgba(255,116,23,.32);
  stroke-width:10;
  filter:blur(4px);
}

.oh-market-chart .nodes circle{
  fill:#ff9a2f;
}

.oh-market-chart .nodes .last{
  fill:#ffd28a;
}

.stat-card.oh-live-card-vector{
  position:relative;
  align-self:center;
  justify-self:end;
  width:min(100%,330px);
  padding:18px 20px;
  overflow:hidden;
  border:1px solid rgba(255,116,23,.48);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(13,24,30,.92),rgba(6,13,20,.94));
  box-shadow:0 20px 48px rgba(0,0,0,.34);
}

.stat-card.oh-live-card-vector .live{
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--oh-orange);
  font-size:12px;
  font-weight:840;
  text-transform:uppercase;
}

.stat-card.oh-live-card-vector .stat-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:18px;
}

.stat-card.oh-live-card-vector .stat-grid strong{
  display:block;
  color:#fff;
  font-size:34px;
  font-weight:840;
  line-height:1;
}

.stat-card.oh-live-card-vector .stat-grid strong.green{
  color:var(--oh-green);
}

.stat-card.oh-live-card-vector .stat-grid small{
  display:block;
  margin-top:5px;
  color:#aebfd0;
  font-size:11px;
  font-weight:760;
  line-height:1.15;
  text-transform:uppercase;
}

.oh-live-mini-chart{
  height:112px;
  margin:16px 0 12px;
  overflow:hidden;
}

.oh-live-mini-chart svg{
  width:100%;
  height:100%;
}

.oh-live-mini-chart .oh-grid-line{
  fill:none;
  stroke:rgba(117,157,190,.16);
  stroke-width:1;
}

.oh-live-mini-chart .oh-area{
  fill:url(#ohLiveAreaFill);
}

.oh-live-mini-chart .oh-trend{
  fill:none;
  stroke-linecap:round;
}

.oh-live-mini-chart .oh-glow{
  stroke:rgba(255,116,23,.30);
  stroke-width:10;
  filter:blur(4px);
}

.oh-live-mini-chart .oh-core{
  stroke:url(#ohLiveLineStroke);
  stroke-width:4;
}

.oh-live-mini-chart .oh-nodes circle{
  fill:#ff9a2f;
}

.oh-live-mini-chart .oh-nodes .last{
  fill:#ffd28a;
}

.metrics{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  min-height:72px;
  margin:0;
  border-bottom:1px solid rgba(0,145,206,.45);
  background:rgba(3,16,27,.94);
  overflow:hidden;
}

.metric{
  min-width:0;
  min-height:72px;
  display:flex;
  align-items:center;
  gap:15px;
  padding:0 26px;
  border-right:1px solid rgba(0,145,206,.28);
}

.metric:last-child{
  border-right:0;
}

.metric small{
  display:block;
  margin:0 0 4px;
  color:#9fb7cd;
  font-size:10px;
  font-weight:840;
  line-height:1;
  text-transform:uppercase;
}

.metric strong{
  display:inline;
  color:#fff;
  font-size:22px;
  font-weight:840;
  line-height:1;
}

.oh-news-strip{
  min-height:48px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:0 24px;
  border-bottom:1px solid rgba(0,145,206,.42);
  background:#03111d;
}

.oh-news-strip b{
  color:var(--oh-orange);
  font-size:13px;
  font-weight:840;
  text-transform:uppercase;
}

.oh-news-ticker{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.oh-news-ticker a{
  min-width:0;
  overflow:hidden;
  color:#d5e2ee;
  font-size:13px;
  font-weight:760;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.oh-main-column{
  min-width:0;
  display:grid;
  gap:14px;
}

.home-block{
  min-width:0;
}

.section-intro h2{
  margin:0;
  color:#fff;
  font-size:26px;
  font-weight:840;
  line-height:1.08;
}

.section-intro p{
  max-width:760px;
  margin:5px 0 0;
  color:#b9c8d7;
  font-size:13px;
  font-weight:560;
  line-height:1.4;
}

.card-grid,
.sector-grid,
.index-news-grid,
.why-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.feature-card,
.index-news-card,
.oh-news-mini{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(57,126,174,.34);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(5,20,32,.88),rgba(2,13,22,.94));
}

.feature-card{
  display:block;
  padding:18px;
}

.feature-card h3{
  margin:12px 0 7px;
  color:#fff;
  font-size:18px;
  line-height:1.15;
}

.feature-card p{
  margin:0 0 14px;
  color:#b9c8d7;
  font-size:13px;
  line-height:1.45;
}

.index-news-card{
  display:grid;
  grid-template-rows:126px minmax(0,1fr);
}

.index-news-image,
.oh-news-mini-img{
  overflow:hidden;
  border-bottom:1px solid rgba(57,126,174,.28);
}

.index-news-image img,
.oh-news-mini-img img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.index-news-body{
  min-width:0;
  padding:14px;
}

.index-news-body h3{
  margin:7px 0 8px;
  color:#fff;
  font-size:17px;
  font-weight:760;
  line-height:1.18;
}

.index-news-body p{
  margin:0;
  color:#bfd3e2;
  font-size:13px;
  line-height:1.5;
  font-weight:520;
}

.oh-news-chip{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:0 8px;
  border:1px solid rgba(255,116,23,.40);
  border-radius:999px;
  background:rgba(255,116,23,.08);
  color:#ffad72;
  font-size:10px;
  font-weight:820;
  text-transform:uppercase;
}

.oh-news-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:11px;
  color:#94aabe;
  font-size:11px;
}

.why-news-clean{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:14px;
}

.why-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.why-grid > div{
  min-width:0;
  padding:13px;
  border:1px solid rgba(57,126,174,.24);
  border-radius:8px;
  background:rgba(2,13,24,.42);
}

.why-grid b{
  display:block;
  margin:8px 0 6px;
  color:#fff;
}

.why-grid p{
  margin:0;
  color:#b9c8d7;
  font-size:13px;
  line-height:1.42;
}

.quick-search-form{
  display:grid;
  gap:12px;
}

.field{
  min-height:40px;
  width:100%;
  border:1px solid rgba(57,126,174,.42);
  border-radius:8px;
  background:#03111d;
  color:#fff;
  padding:0 13px;
}

.quick-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.pill{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border:1px solid rgba(57,126,174,.32);
  border-radius:8px;
  color:#dff2ff;
  font-size:12px;
}

.home-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:20px 22px;
  border:1px solid rgba(255,116,23,.34);
  border-radius:8px;
  background:linear-gradient(90deg,rgba(255,116,23,.12),rgba(3,16,27,.92) 34%,rgba(3,16,27,.96));
}

.home-cta h2{
  margin:0 0 5px;
  color:#fff;
  font-size:26px;
  line-height:1.12;
}

.home-cta p{
  margin:0;
  color:#b9c8d7;
  font-size:13px;
}

.oh-reference-footer{
  width:min(1680px,calc(100vw - 72px));
  margin:24px auto 0;
  border:1px solid rgba(57,126,174,.38);
  border-bottom:0;
  background:linear-gradient(180deg,rgba(6,23,37,.94),rgba(2,12,21,.98));
  color:#d8e6f2;
}

.oh-ref-top{
  display:grid;
  grid-template-columns:minmax(280px,1.15fr) minmax(180px,.75fr) minmax(320px,1fr);
  gap:34px;
  padding:34px 46px 30px;
}

.oh-ref-logo img{
  width:250px;
  height:auto;
}

.oh-ref-brand p,
.oh-ref-alert p,
.oh-ref-lock{
  color:#c5d4e2;
  font-size:14px;
  line-height:1.55;
}

.oh-ref-socials{
  display:flex;
  gap:10px;
  margin-top:18px;
}

.oh-ref-socials a{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid rgba(57,126,174,.42);
  border-radius:8px;
  background:#03111d;
}

.oh-ref-socials svg{
  width:18px;
  height:18px;
  fill:#f4f8fc;
}

.oh-ref-nav,
.oh-ref-alert{
  border-left:1px solid rgba(117,157,190,.20);
  padding-left:28px;
}

.oh-ref-nav h3,
.oh-ref-alert h3{
  margin:0 0 16px;
  color:#fff;
  font-size:16px;
  font-weight:840;
  text-transform:uppercase;
}

.oh-ref-nav a{
  display:block;
  margin:0 0 13px;
  color:#dce8f5;
  font-size:14px;
}

.oh-ref-form{
  display:grid;
  grid-template-columns:1fr 44px;
  gap:10px;
  margin:14px 0;
}

.oh-ref-form input{
  height:42px;
  border:1px solid rgba(57,126,174,.42);
  border-radius:8px;
  background:#03111d;
  color:#fff;
  padding:0 13px;
}

.oh-ref-form button{
  border:1px solid rgba(255,116,23,.82);
  border-radius:8px;
  background:linear-gradient(180deg,#ff8c24,#ff6900);
  color:#fff;
}

.oh-ref-form button::before{
  content:"->";
  font-weight:900;
}

.oh-ref-sources{
  border-top:1px solid rgba(117,157,190,.18);
  border-bottom:1px solid rgba(117,157,190,.18);
  padding:20px 46px;
}

.oh-ref-source-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-bottom:18px;
  color:#fff;
  font-size:13px;
  font-weight:840;
  letter-spacing:.24em;
}

.oh-ref-source-title i{
  width:52px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--oh-orange));
}

.oh-ref-source-title i:last-child{
  background:linear-gradient(90deg,var(--oh-orange),transparent);
}

.oh-ref-source-row{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:center;
  gap:0;
}

.source-logo{
  min-height:56px;
  display:grid;
  place-items:center;
  padding:0 18px;
  border-right:1px solid rgba(117,157,190,.20);
}

.source-logo:last-child{
  border-right:0;
}

.source-logo img{
  max-width:150px;
  max-height:42px;
  object-fit:contain;
}

.source-logo--personalhuset img{
  filter:brightness(0) invert(1);
  opacity:.9;
}

.source-logo-stack{
  display:grid;
  place-items:center;
  gap:3px;
}

.source-logo-stack small{
  color:#e9f2fb;
  font-size:10px;
  font-weight:800;
}

.oh-ref-bottom{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:26px;
  align-items:center;
  padding:18px 46px;
  color:#b9c8d7;
  font-size:13px;
}

.oh-ref-copy{
  display:flex;
  align-items:center;
  gap:12px;
}

.oh-ref-shield{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid rgba(32,232,149,.58);
  border-radius:8px;
  color:var(--oh-green);
}

.oh-ref-legal{
  display:flex;
  gap:20px;
}

.oh-ref-status{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:0 16px;
  border:1px solid rgba(57,126,174,.36);
  border-radius:999px;
  background:#03111d;
}

.oh-ref-status i,
.dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--oh-green);
  box-shadow:0 0 12px rgba(32,232,149,.72);
}

@media(max-width:1280px){
  .page,
  .site-shell,
  .newsroom-v1,
  .article-publication-page,
  .oh-reference-footer{
    width:min(1540px,calc(100vw - 36px));
  }

  .main,
  .oh-page-side-layout,
  .jobs-mock-layout,
  .home-side-layout,
  .newsroom-layout-v1,
  .article-publication-shell{
    width:min(1500px,calc(100vw - 54px));
  }
}

@media(max-width:1180px){
  .page,
  .site-shell,
  .newsroom-v1,
  .article-publication-page,
  .oh-reference-footer{
    width:100%;
  }

  .hero-inner,
  .legal-hero-inner,
  .article-publication-hero-inner,
  .main,
  .oh-page-side-layout,
  .jobs-mock-layout,
  .home-side-layout,
  .newsroom-layout-v1,
  .article-publication-shell{
    grid-template-columns:1fr;
  }

  .main,
  .oh-page-side-layout,
  .jobs-mock-layout,
  .home-side-layout,
  .newsroom-layout-v1,
  .article-publication-shell{
    width:calc(100vw - 28px);
  }

  .metrics,
  .oh-news-ticker,
  .card-grid,
  .sector-grid,
  .index-news-grid,
  .why-grid,
  .why-news-clean{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .stat-card.oh-live-card-vector{
    justify-self:start;
  }

  .oh-ref-top,
  .oh-ref-source-row,
  .oh-ref-bottom{
    grid-template-columns:1fr;
  }

  .oh-ref-nav,
  .oh-ref-alert,
  .source-logo{
    border-left:0;
    border-right:0;
    padding-left:0;
  }
}

@media(max-width:760px){
  .hero-inner,
  .legal-hero-inner,
  .article-publication-hero-inner{
    padding:42px 18px 34px;
  }

  .hero h1,
  .legal-hero h1,
  .article-publication-hero h1,
  .newsroom-hero-v1 h1{
    font-size:40px;
  }

  .features,
  .hero-badges,
  .newsroom-trust-v1,
  .newsroom-hero-badges-v1{
    display:grid;
    gap:12px;
  }

  .metrics,
  .oh-news-strip,
  .oh-news-ticker,
  .card-grid,
  .sector-grid,
  .index-news-grid,
  .why-grid,
  .why-news-clean{
    grid-template-columns:1fr;
  }

  .metric{
    border-right:0;
    border-bottom:1px solid rgba(0,145,206,.24);
  }

  .oh-news-strip,
  .home-cta{
    padding-left:18px;
    padding-right:18px;
  }

  .home-cta{
    align-items:flex-start;
    flex-direction:column;
  }

  .oh-ref-top,
  .oh-ref-sources,
  .oh-ref-bottom{
    padding-left:18px;
    padding-right:18px;
  }
}

body.home-index .index-news-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

body.home-index .index-news-latest{
  padding:16px;
}

body.home-index .index-news-card{
  grid-template-rows:112px minmax(0,1fr);
}

body.home-index .index-news-image{
  height:112px;
}

body.home-index .index-news-body h3{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

body.home-index .index-news-body p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

body.home-index :is(.home-block,.box,.side-panel){
  scroll-margin-top:92px;
}

body.news-dashboard-page :is(.newsroom-story-card-v1,.side-panel) img,
body.news-article-page :is(.article-publication-card,.side-panel) img{
  max-height:220px;
  object-fit:cover;
}

body.news-article-page .article-publication-body :is(figure,img){
  max-width:100%;
}

body.news-article-page .article-publication-body figure img{
  max-height:300px;
  object-fit:cover;
}
