.research-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 26px;
  padding: 0 clamp(20px, 4vw, 56px);
  border-bottom: 1px solid var(--hairline-2);
  background: var(--paper-soft);
  font: 14px/1.4 var(--sans);
}
.research-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--ink-2);
  text-decoration: none;
  text-underline-offset: 5px;
}
.research-nav a:first-child { font-weight: 600; }
.research-nav a:hover, .research-nav a[aria-current] {
  color: var(--rust);
  text-decoration: underline;
}
.research-nav a:focus-visible, .investor-context a:focus-visible {
  outline: 2px solid var(--rust);
  outline-offset: 4px;
}
.hero .investor-context, .investor-context {
  margin: 18px 0;
  max-width: 75ch;
  font: 15px/1.6 var(--sans);
  color: var(--ink-2);
}
.investor-context span { font-weight: 500; }
.investor-context a { color: var(--rust); text-underline-offset: 3px; }
.research-table-scroll { max-width: 100%; overflow-x: auto; }
.research-table-scroll:focus-visible { outline: 2px solid var(--rust); outline-offset: 3px; }
/* Keep the existing dashboard tab scroller inside the viewport. Its flex
   intrinsic width previously expanded the entire page on narrow screens. */
@media (max-width: 1080px) {
  .dashboard .toolbar { min-width: 0; }
  .dashboard .toolbar > .tabs {
    min-width: 0;
    width: calc(100% + clamp(20px, 4vw, 56px) + clamp(20px, 4vw, 56px));
    max-width: calc(100% + clamp(20px, 4vw, 56px) + clamp(20px, 4vw, 56px));
  }
}
@media (max-width: 760px) {
  .research-nav { gap: 0 18px; font-size: 13px; }
  .hero .investor-context { font-size: 14px; }
}