* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
}

body {
  background: #fff;
  color: #171717;
  font: 16px/1.5 'Proxima Nova', 'Helvetica Neue', Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

a {
  color: #171717;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {
  display: block;
  max-width: 100%;
  border: 0;
}

ul,
ol,
li {
  list-style: none;
}

input,
button {
  font: inherit;
  color: inherit;
}

.cnbc-wrap {
  width: min(1290px, calc(100% - 40px));
  margin: 0 auto;
}

.panel {
  background: #fff;
  border: 1px solid #dedede;
}

.module-link {
  color: #005594;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.module-link:hover {
  color: #2077b6;
  text-decoration: none;
}

.CNBCGlobalNav-container {
  position: sticky;
  top: 0;
  z-index: 1000;
}

.CNBCGlobalNav-globalNavigation {
  background: #001e5a;
  border-bottom: 1px solid #163b87;
}

.CNBCGlobalNav-gridContainer {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.CNBCGlobalNav-wrapper {
  min-width: 0;
  flex: 1;
}

.CNBCGlobalNav-brandRow {
  display: flex;
  align-items: center;
  gap: 14px;
}

.icon-btn {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.08);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.icon-btn img {
  width: 18px;
  height: 18px;
}

.CNBCGlobalNav-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  flex-shrink: 0;
}

.CNBCGlobalNav-logo:hover {
  text-decoration: none;
}

.CNBCGlobalNav-logoMark {
  min-width: 84px;
  height: 36px;
  border: 2px solid #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.3px;
}

.CNBCGlobalNav-logoWord {
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}

.CNBCGlobalNav-desktopNavMenu {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
}

.CNBCGlobalNav-desktopNavMenu li a {
  color: #fff;
  display: block;
  font-size: 13px;
  line-height: 34px;
  padding: 0 11px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.CNBCGlobalNav-desktopNavMenu li a:hover {
  background: #163b87;
  text-decoration: none;
}

.CNBCGlobalNav-rightNavigationWrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.CNBCGlobalNav-searchWrapper {
  width: 238px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(0, 0, 0, 0.15);
  display: flex;
}

.CNBCGlobalNav-searchWrapper button {
  width: 36px;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.CNBCGlobalNav-searchWrapper button img {
  width: 15px;
  height: 15px;
}

.CNBCGlobalNav-searchWrapper input {
  width: calc(100% - 36px);
  border: 0;
  background: transparent;
  color: #fff;
  padding: 0 10px;
  font-size: 13px;
  outline: none;
}

.CNBCGlobalNav-searchWrapper input::placeholder {
  color: rgba(255, 255, 255, 0.85);
}

.action-btn {
  height: 32px;
  padding: 0 11px;
  border: 1px solid rgba(255, 255, 255, 0.48);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.action-btn:hover {
  text-decoration: none;
}

.action-btn--solid {
  border-color: #fcb700;
  background: #fcb700;
  color: #071d39;
}

.action-btn--solid:hover {
  background: #ffd54e;
  border-color: #ffd54e;
}

.action-btn--outline:hover {
  background: rgba(255, 255, 255, 0.16);
}

.MarketsBanner-container {
  background: #fff;
  border-bottom: 1px solid #e4e9f0;
  padding: 14px 0 10px;
}

.MarketsBanner-main {
  border-top: 1px solid #747474;
  padding-top: 10px;
}

.MarketsBanner-title {
  color: #002f6c;
  font-size: 22px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: 0.36px;
  text-transform: uppercase;
}

.MarketsBanner-marketData {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.MarketCard {
  border: 1px solid #d8e0ea;
  background: #f7f9fc;
  padding: 11px 12px;
}

.MarketCard h3 {
  font-size: 15px;
  line-height: 1.25;
  font-weight: 700;
  color: #1a2f56;
}

.MarketCard p {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.45;
  color: #374f7f;
}

.MarketCard span {
  display: block;
  margin-top: 6px;
  font-size: 11px;
  letter-spacing: 0.7px;
  color: #7c889f;
  text-transform: uppercase;
}

.QuickLinks-container {
  margin-top: 10px;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.QuickLinks-desktopHeader {
  color: #414042;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.2px;
  white-space: nowrap;
}

.QuickLinks-scrollableContainer {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 4px;
}

.QuickLinks-scrollableContainer::-webkit-scrollbar {
  height: 6px;
}

.QuickLinks-scrollableContainer::-webkit-scrollbar-thumb {
  background: #cdd7e4;
}

.QuickLinks-quickLink {
  background: #edeff3;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #005594;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.15px;
  white-space: nowrap;
  height: 34px;
  padding: 0 14px;
}

.QuickLinks-quickLink:hover {
  background: #e2e8f2;
  text-decoration: none;
}

.home-shell {
  padding-top: 18px;
  padding-bottom: 34px;
  display: grid;
  gap: 22px;
}

.world-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.95fr) 360px;
  gap: 20px;
  align-items: start;
}

.hero-stack {
  display: grid;
  gap: 0;
}

.FeaturedNewsHero-container {
  border-top: 6px solid #0089d0;
  padding: 18px;
}

.hero-media {
  display: block;
  background: #f1f4f8;
  border: 1px solid #d7e0eb;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-copy {
  margin-top: 12px;
}

.hero-kicker {
  display: inline-block;
  color: #005594;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.9px;
  text-transform: uppercase;
}

.hero-title {
  margin-top: 8px;
  font-size: 49px;
  line-height: 1.03;
  letter-spacing: -0.7px;
  font-weight: 800;
}

.hero-title a:hover {
  text-decoration: underline;
}

.hero-summary {
  margin-top: 10px;
  color: #404f64;
  font-size: 20px;
  line-height: 1.5;
}

.hero-meta {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.hero-meta span {
  color: #747474;
  font-size: 11px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-weight: 700;
}

.hero-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #005594;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.hero-more img {
  width: 12px;
  height: 12px;
}

.RiverPlusBreaker-container {
  border-top: 1px solid #dedede;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.breaker-link {
  padding: 14px 14px 16px;
  border-right: 1px solid #dedede;
}

.breaker-link:last-child {
  border-right: 0;
}

.breaker-link a {
  display: block;
  font-size: 19px;
  line-height: 1.35;
  font-weight: 700;
}

.breaker-link span {
  display: block;
  margin-top: 7px;
  color: #747474;
  font-size: 11px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.latest-column {
  min-width: 0;
}

.LatestNews-isHomePage {
  background: #f7f7f7;
  border-bottom: 5px solid #002f6c;
  position: relative;
  padding: 0 16px 14px;
}

.LatestNews-header {
  border-top: 1px solid #747474;
  padding-top: 10px;
  position: relative;
}

.LatestNews-header::before {
  content: '';
  position: absolute;
  left: 0;
  top: -6px;
  width: 110px;
  height: 6px;
  background: #0089d0;
}

.LatestNews-header h2 {
  color: #002f6c;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin: 0;
}

.LatestNews-list {
  margin-top: 9px;
  max-height: 472px;
  overflow-y: auto;
  padding-right: 4px;
}

.LatestNews-item {
  border-bottom: 1px solid #dedede;
  display: flex;
  gap: 11px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.LatestNews-item:last-child {
  margin-bottom: 5px;
}

.LatestNews-item::before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fcb700;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 6px;
}

.LatestNews-container {
  min-width: 0;
}

.LatestNews-headline {
  display: block;
  color: #171717;
  font-size: 15px;
  line-height: 1.32;
  font-weight: 700;
}

.LatestNews-wrapper {
  margin-top: 5px;
}

.LatestNews-timestamp {
  color: #747474;
  display: inline-flex;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.LatestNews-button {
  margin-top: 12px;
  width: 100%;
  height: 40px;
  border: 1px solid #002f6c;
  background: #fff;
  color: #002f6c;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.LatestNews-button:hover {
  background: #002f6c;
  color: #fff;
  text-decoration: none;
}

.content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.86fr) 330px;
  gap: 20px;
  align-items: start;
}

.RiverPlus-riverPlusContainer {
  padding: 0 20px 20px;
}

.RiverPlus-title {
  border-top: 1px solid #747474;
  color: #002f6c;
  font-size: 37px;
  line-height: 1.06;
  font-weight: 800;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  padding: 16px 0 14px;
  position: relative;
}

.RiverPlus-title::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 0;
  width: 110px;
  height: 6px;
  background: #2077b6;
}

.RiverPlusCard-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 272px;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #dedede;
}

.RiverPlusCard-container:last-child {
  border-bottom: 0;
}

.RiverPlusCard-cardLeft {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.RiverPlusCard-title {
  font-size: 32px;
  line-height: 1.04;
  letter-spacing: -0.4px;
  font-weight: 800;
}

.RiverPlusCard-title a:hover {
  text-decoration: underline;
}

.RiverPlusCard-desc {
  color: #49566b;
  font-size: 16px;
  line-height: 1.55;
}

.RiverPlusCard-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.RiverPlusCard-meta span {
  color: #747474;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.RiverPlusCard-media {
  display: block;
  border: 1px solid #d6dee9;
  background: #eef2f7;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.RiverPlusCard-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rail-grid {
  display: grid;
  gap: 20px;
}

.QuoteFinder-container {
  border-top: 6px solid #002f6c;
  padding: 14px 15px 16px;
}

.QuoteFinder-title {
  color: #002f6c;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.QuoteFinder-form {
  margin-top: 12px;
  position: relative;
}

.QuoteFinder-searchInput {
  width: 100%;
  height: 40px;
  border: 0;
  border-bottom: 1px solid #071d39;
  padding: 0 42px 0 10px;
  color: #071d39;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  outline: none;
}

.QuoteFinder-searchInput::placeholder {
  color: #747474;
}

.QuoteFinder-submitBtn {
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
  height: 40px;
  border: 0;
  background: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.QuoteFinder-submitBtn img {
  width: 18px;
  height: 18px;
}

.MarketMoversPlus-container {
  border-top: 6px solid #002f6c;
  background: #f4f7fb;
  padding: 12px 15px 14px;
}

.MarketMoversPlus-header {
  color: #002f6c;
  font-size: 24px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.MarketMovers-list {
  margin-top: 10px;
  display: grid;
  gap: 8px;
}

.MarketMovers-list li {
  border: 1px dashed #bfd0e3;
  background: #fff;
  padding: 9px 10px;
}

.MarketMovers-list strong {
  display: block;
  color: #1f3359;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 700;
}

.MarketMovers-list span {
  display: block;
  margin-top: 4px;
  color: #60708a;
  font-size: 12px;
  line-height: 1.4;
}

.MarketsModule-container {
  padding: 0 20px 20px;
}

.MarketsModule-title {
  border-top: 1px solid #747474;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0 17px;
  position: relative;
}

.MarketsModule-title::before {
  content: '';
  position: absolute;
  left: 0;
  top: -6px;
  width: 110px;
  height: 6px;
  background: #fcb700;
}

.MarketsModule-title h2 {
  color: #002f6c;
  font-size: 38px;
  line-height: 1.04;
  font-weight: 800;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.MarketsModule-title h2 a {
  color: inherit;
}

.MarketsModule-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.market-table {
  border: 1px solid #d8e0ea;
}

.market-table h3 {
  background: #eef3f9;
  padding: 9px 12px;
  color: #002f6c;
  font-size: 15px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.market-table ul {
  padding: 2px 0;
}

.market-table li {
  border-top: 1px solid #e8edf4;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
}

.market-table li:first-child {
  border-top: 0;
}

.market-table a {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 600;
}

.market-table span {
  color: #60708a;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  white-space: nowrap;
}

.TrendingNowBreaker-pageRow {
  padding: 0 20px 18px;
}

.TrendingNow-container {
  display: flex;
  flex-wrap: wrap;
}

.TrendingNow-heading {
  width: 100%;
  border-top: 1px solid #747474;
  color: #002f6c;
  font-size: 32px;
  line-height: 1.06;
  font-weight: 800;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  padding-top: 18px;
  margin-bottom: 8px;
  position: relative;
}

.TrendingNow-heading::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 0;
  width: 110px;
  height: 6px;
  background: #2077b6;
}

.TrendingNow-storyContainer {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.TrendingNowItem-storyItem {
  border-left: 6px solid #f3f5f7;
  margin: 15px 0;
  padding: 0 25px 6px 14px;
}

.TrendingNowItem-number {
  color: #cfd8e2;
  display: block;
  font-size: 46px;
  line-height: 1;
  font-weight: 800;
  margin-bottom: 6px;
}

.TrendingNowItem-linkWrap {
  display: block;
  line-height: 1.25;
}

.TrendingNowItem-title {
  display: inline;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 600;
}

.VideoBreakerFeatured-pageRow {
  padding: 0 20px 20px;
}

.VideoBreakerFeatured-heading {
  border-top: 1px solid #747474;
  color: #002f6c;
  font-size: 32px;
  line-height: 1.06;
  font-weight: 800;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  padding-top: 18px;
  margin-bottom: 12px;
  position: relative;
}

.VideoBreakerFeatured-heading::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 0;
  width: 110px;
  height: 6px;
  background: #fcb700;
}

.VideoBreakerFeatured-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.video-card {
  border: 1px solid #d8e0ea;
  padding: 8px;
}

.video-card-media {
  display: block;
  background: #edf2f7;
  border: 1px solid #d8e0ea;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.video-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-card-title {
  display: block;
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 700;
}

.video-card-time {
  display: block;
  margin-top: 5px;
  color: #747474;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.TwoColumnImageDense-pageRow {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.TwoColumnImageDense-col {
  padding: 0 16px 16px;
}

.DenseColumn-head {
  border-top: 1px solid #747474;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 0 12px;
  position: relative;
}

.DenseColumn-head::before {
  content: '';
  position: absolute;
  left: 0;
  top: -6px;
  width: 90px;
  height: 6px;
  background: #2077b6;
}

.DenseColumn-head h2 {
  color: #002f6c;
  font-size: 29px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.DenseColumn-feature {
  border: 1px solid #d8e0ea;
  padding: 8px;
}

.DenseColumn-feature .media {
  display: block;
  background: #edf2f7;
  border: 1px solid #d8e0ea;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.DenseColumn-feature .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.DenseColumn-title {
  margin-top: 9px;
  font-size: 24px;
  line-height: 1.12;
  letter-spacing: -0.2px;
  font-weight: 800;
}

.DenseColumn-text {
  margin-top: 7px;
  color: #4a5a72;
  font-size: 15px;
  line-height: 1.45;
}

.DenseColumn-list {
  margin-top: 10px;
}

.DenseColumn-list li {
  border-top: 1px solid #e2e7ef;
  padding: 10px 0;
}

.DenseColumn-list li:first-child {
  border-top: 0;
}

.DenseColumn-list a {
  display: block;
  font-size: 17px;
  line-height: 1.33;
  font-weight: 700;
}

.DenseColumn-list span {
  display: block;
  margin-top: 5px;
  color: #747474;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.list-shell,
.show-shell {
  padding-top: 22px;
  padding-bottom: 34px;
}

.list-crumb,
.show-crumb {
  color: #6d7684;
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 12px;
}

.list-crumb a,
.show-crumb a {
  color: #4f6080;
}

.list-heading {
  border-top: 1px solid #747474;
  margin-bottom: 16px;
  padding-top: 16px;
  position: relative;
}

.list-heading::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 0;
  width: 110px;
  height: 6px;
  background: #0089d0;
}

.list-title {
  color: #002f6c;
  font-size: 52px;
  line-height: 1.03;
  letter-spacing: -0.7px;
  font-weight: 800;
}

.list-subtitle {
  margin-top: 8px;
  color: #5b6677;
  font-size: 18px;
  line-height: 1.45;
}

.list-grid,
.show-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.86fr) 330px;
  gap: 20px;
  align-items: start;
}

.list-main {
  padding: 0 16px 16px;
}

.list-river {
  margin-top: 6px;
}

.Card-standardBreakerCard {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 16px;
  border-top: 1px solid #dedede;
  padding: 16px 0;
}

.Card-standardBreakerCard:first-child {
  border-top: 0;
}

.Card-mediaContainer {
  display: block;
  border: 1px solid #d8e0ea;
  background: #edf2f7;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.Card-mediaContainer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Card-titleAndFooter {
  min-width: 0;
}

.Card-eyebrow {
  color: #005594;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.9px;
  text-transform: uppercase;
}

.Card-title {
  margin-top: 8px;
  font-size: 36px;
  line-height: 1.05;
  letter-spacing: -0.5px;
  font-weight: 800;
}

.Card-description {
  margin-top: 9px;
  color: #4e5d72;
  font-size: 16px;
  line-height: 1.55;
}

.Card-cardFooter {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.Card-time {
  color: #747474;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.pagination {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #dedede;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pagination a {
  min-width: 36px;
  height: 36px;
  border: 1px solid #ccd7e6;
  color: #1f3359;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  padding: 0 10px;
}

.pagination a:hover {
  border-color: #005594;
  background: #005594;
  color: #fff;
  text-decoration: none;
}

.list-side {
  display: grid;
  gap: 20px;
}

.list-side .TrendingNow-heading {
  font-size: 24px;
  letter-spacing: 0.2px;
}

.list-side .TrendingNow-storyContainer {
  grid-template-columns: 1fr;
}

.list-side .TrendingNowItem-storyItem {
  width: 100%;
  padding-right: 0;
}

.list-side .TrendingNowItem-number {
  font-size: 38px;
}

.more-in-section {
  margin-top: 2px;
  padding: 0 16px 16px;
}

.more-in-section h2 {
  border-top: 1px solid #747474;
  color: #002f6c;
  font-size: 30px;
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  padding-top: 14px;
  position: relative;
}

.more-in-section h2::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 0;
  width: 90px;
  height: 6px;
  background: #fcb700;
}

.more-grid {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.more-card {
  border: 1px solid #d8e0ea;
  padding: 8px;
}

.more-card .media {
  display: block;
  border: 1px solid #d8e0ea;
  background: #edf2f7;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.more-card .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.more-card .title {
  display: block;
  margin-top: 8px;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 700;
}

.more-card .time {
  display: block;
  margin-top: 5px;
  color: #747474;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.article-main {
  padding: 16px 18px 20px;
}

.ArticleHeader-articleHeader {
  border-top: 1px solid #747474;
  padding-top: 16px;
  position: relative;
}

.ArticleHeader-articleHeader::before {
  content: '';
  position: absolute;
  left: 0;
  top: -6px;
  width: 110px;
  height: 6px;
  background: #0089d0;
}

.ArticleHeader-eyebrow {
  display: inline-block;
  color: #005594;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.9px;
  text-transform: uppercase;
}

.ArticleHeader-headline {
  margin-top: 10px;
  color: #171717;
  font-size: 58px;
  line-height: 1.03;
  letter-spacing: -0.8px;
  font-weight: 800;
}

.ArticleHeader-authorAndShareInline {
  margin-top: 14px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.ArticleHeader-author {
  color: #495a73;
  font-size: 13px;
  line-height: 1.4;
}

.ArticleHeader-author a {
  color: #005594;
}

.ArticleHeader-datetimeDivider {
  color: #99a4b8;
  margin: 0 8px;
}

.ArticleHeader-share {
  color: #747474;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.ArticleHero-figure {
  margin-top: 16px;
  border: 1px solid #d8e0ea;
  background: #edf2f7;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.ArticleHero-figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ArticleBody-articleBody {
  margin-top: 18px;
  color: #171717;
  font-size: 20px;
  line-height: 1.9;
  word-break: break-word;
}

.ArticleBody-articleBody p {
  margin: 12px 0;
}

.ArticleBody-articleBody img {
  max-width: 100%;
  height: auto;
}

.RelatedQuotes-relatedQuotes {
  margin-top: 24px;
  border-top: 1px solid #dedede;
  padding-top: 14px;
}

.RelatedQuotes-title {
  color: #002f6c;
  font-size: 28px;
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.RelatedQuotes-list {
  margin-top: 10px;
}

.RelatedQuotes-list li {
  border-top: 1px solid #e2e7ef;
  padding: 11px 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.RelatedQuotes-list li:first-child {
  border-top: 0;
  padding-top: 0;
}

.RelatedQuotes-list a {
  min-width: 0;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
}

.RelatedQuotes-list span {
  flex-shrink: 0;
  color: #747474;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-top: 4px;
}

.SidebarArticle-sidebar {
  min-width: 0;
}

.SidebarArticle-sticky {
  position: sticky;
  top: 94px;
  display: grid;
  gap: 20px;
}

.CNBCFooter-footer {
  margin-top: 30px;
  background: #001e5a;
  color: #fff;
  padding: 34px 0 22px;
}

.CNBCFooter-wrapper {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr 1fr 1fr;
  gap: 22px;
}

.CNBCFooter-section {
  min-width: 0;
}

.CNBCFooter-logo {
  display: inline-flex;
  align-items: center;
  color: #fff;
  gap: 10px;
  margin-bottom: 10px;
}

.CNBCFooter-logo:hover {
  text-decoration: none;
}

.CNBCFooter-logoImg {
  min-width: 74px;
  height: 32px;
  border: 2px solid #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
  font-weight: 800;
}

.CNBCFooter-sectionTitle {
  color: #fff;
  font-size: 22px;
  line-height: 1.1;
  font-weight: 700;
  margin-bottom: 11px;
}

.CNBCFooter-sectionText {
  color: rgba(255, 255, 255, 0.83);
  font-size: 14px;
  line-height: 1.65;
}

.CNBCFooter-list {
  display: grid;
  gap: 8px;
}

.CNBCFooter-listItem,
.CNBCFooter-listItem a,
.CNBCFooter-sectionLink {
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
}

.CNBCFooter-sectionLink:hover,
.CNBCFooter-listItem a:hover {
  color: #fcb700;
}

.footer-link-grid {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
}

.footer-link-grid a {
  color: rgba(255, 255, 255, 0.86);
  font-size: 13px;
}

.footer-link-grid a:hover {
  color: #fcb700;
}

.CNBCFooter-border {
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.23);
}

.CNBCFooter-legal {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 12px;
  margin-bottom: 10px;
}

.CNBCFooter-legalItem {
  color: #fff;
  font-size: 13px;
  line-height: 1.4;
}

.CNBCFooter-info,
.CNBCFooter-reutersInfo {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  line-height: 1.6;
}

.CNBCFooter-info a,
.CNBCFooter-reutersInfo a {
  color: rgba(255, 255, 255, 0.86);
}

@media (max-width: 1024px) {
  .cnbc-wrap {
    width: calc(100% - 28px);
  }

  .CNBCGlobalNav-gridContainer {
    min-height: auto;
    padding: 10px 0;
    flex-wrap: wrap;
  }

  .CNBCGlobalNav-wrapper {
    width: 100%;
    flex: auto;
  }

  .CNBCGlobalNav-rightNavigationWrapper {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .CNBCGlobalNav-searchWrapper {
    width: 260px;
  }

  .CNBCGlobalNav-desktopNavMenu {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 4px;
  }

  .CNBCGlobalNav-desktopNavMenu li a {
    white-space: nowrap;
  }

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

  .world-main-grid,
  .content-grid,
  .list-grid,
  .show-grid,
  .TwoColumnImageDense-pageRow,
  .CNBCFooter-wrapper {
    grid-template-columns: 1fr;
  }

  .hero-title,
  .list-title,
  .ArticleHeader-headline {
    font-size: 44px;
    letter-spacing: -0.3px;
  }

  .RiverPlus-title,
  .MarketsModule-title h2,
  .TrendingNow-heading,
  .VideoBreakerFeatured-heading {
    font-size: 31px;
  }

  .RiverPlusCard-container,
  .Card-standardBreakerCard {
    grid-template-columns: 240px minmax(0, 1fr);
  }

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

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

  .SidebarArticle-sticky {
    position: static;
  }
}

@media (max-width: 760px) {
  .cnbc-wrap {
    width: calc(100% - 18px);
  }

  .CNBCGlobalNav-logoMark {
    min-width: 72px;
    height: 30px;
    font-size: 21px;
  }

  .CNBCGlobalNav-logoWord {
    font-size: 17px;
  }

  .CNBCGlobalNav-searchWrapper {
    width: 100%;
  }

  .action-btn {
    height: 30px;
    padding: 0 10px;
    font-size: 11px;
  }

  .QuickLinks-container {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .QuickLinks-scrollableContainer {
    width: 100%;
  }

  .MarketsBanner-marketData,
  .MarketsModule-row,
  .VideoBreakerFeatured-grid,
  .more-grid,
  .TrendingNow-storyContainer,
  .RiverPlusBreaker-container {
    grid-template-columns: 1fr;
  }

  .hero-title,
  .list-title,
  .ArticleHeader-headline {
    font-size: 34px;
    letter-spacing: 0;
  }

  .hero-summary,
  .list-subtitle,
  .ArticleBody-articleBody {
    font-size: 17px;
  }

  .RiverPlus-title,
  .MarketsModule-title h2,
  .TrendingNow-heading,
  .VideoBreakerFeatured-heading,
  .RelatedQuotes-title,
  .DenseColumn-head h2,
  .more-in-section h2 {
    font-size: 25px;
    letter-spacing: 0;
  }

  .RiverPlusCard-container,
  .Card-standardBreakerCard {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .RiverPlusCard-title,
  .Card-title,
  .DenseColumn-title {
    font-size: 27px;
    letter-spacing: 0;
  }

  .LatestNews-list {
    max-height: none;
  }

  .CNBCFooter-footer {
    padding-top: 26px;
  }

  .CNBCFooter-sectionTitle {
    font-size: 20px;
  }
}