/* Match the reference's type families without flattening heading hierarchy. */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,900;1,900&family=Nova+Mono&display=swap');

:root {
  --font-sans: 'Inter', Arial, sans-serif;
  --font-display: 'Inter', Arial, sans-serif;
  --font-mono: 'Nova Mono', monospace;
}

html:not(#legacy-typeface) body,
html:not(#legacy-typeface) body :not(code, pre, kbd, samp) {
  font-family: var(--font-sans) !important;
}

html:not(#legacy-typeface) body :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-sans) !important;
  font-optical-sizing: auto;
}

/* Preserve component hierarchy instead of imposing one medium weight. */
html:not(#legacy-typeface) body:not(.podcast-page) main :is(h1, h2) {
  font-weight: 700;
  font-synthesis: none;
}

/* Shared family for the publication and report catalogue. */
html:not(#legacy-typeface) body.editorial-page :is(h1, h2, h3, h4),
html:not(#legacy-typeface) body .reports-main :is(h1, h2, h3, h4) {
  font-family: var(--font-sans) !important;
  font-weight: 700;
  font-synthesis: none;
}

html:not(#legacy-typeface) body.editorial-page .latest-hero h1 {
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -.035em !important;
}

html:not(#legacy-typeface) body.editorial-page .weekly-item :is(h2, h3),
html:not(#legacy-typeface) body.editorial-page .editorial-card h3,
html:not(#legacy-typeface) body.reports-page .research-latest-card h3 {
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
  letter-spacing: -.2px !important;
}

html:not(#legacy-typeface) body:is(.editorial-page, .reports-page, .business-page) .nav-logo span {
  display: inline !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -.5px !important;
}

html:not(#legacy-typeface) body:is(.editorial-page, .reports-page, .business-page) .nav-link {
  font-size: 15px;
  font-weight: 600 !important;
}

html[data-theme='light'] body:is(.editorial-page, .reports-page, .business-page) .nav {
  background: #fff !important;
  border-bottom: 1px solid #e5e6eb !important;
  backdrop-filter: none;
}
html[data-theme='light'] body:is(.editorial-page, .reports-page, .business-page) .nav :is(.nav-logo, .nav-link, .theme-toggle, .nav-mobile-btn) {
  color: #111 !important;
}
html[data-theme='dark'] body:is(.editorial-page, .reports-page, .business-page) .nav {
  background: #080808 !important;
  border-bottom: 1px solid #2b2d32 !important;
  backdrop-filter: none;
}
html[data-theme='dark'] body:is(.editorial-page, .reports-page, .business-page) .nav :is(.nav-logo, .nav-link, .theme-toggle, .nav-mobile-btn) {
  color: #f6f6f6 !important;
}

/* 51 Insights publication lockup */
html:not(#legacy-typeface) body .nav-logo .nav-wordmark,
html:not(#legacy-typeface) body .site-drawer-brand {
  display: inline-flex !important;
  align-items: center;
  gap: .2em;
  font-family: 'Sora', Inter, Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
  white-space: nowrap;
}

html:not(#legacy-typeface) body .nav-logo--insights {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}

html:not(#legacy-typeface) body .nav-logo--insights .nav-logo-img {
  display: block !important;
  width: 32px !important;
  height: 28px !important;
  flex: 0 0 auto;
  object-fit: contain;
}

html:not(#legacy-typeface) body .nav-logo .nav-wordmark > span,
html:not(#legacy-typeface) body .site-drawer-brand > span {
  display: inline !important;
  font: inherit !important;
  letter-spacing: inherit !important;
}