.deep-analysis-nav {
  margin: 14px 0 20px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.deep-analysis-nav__track {
  display: flex;
  gap: 8px;
  width: max-content;
  min-width: 100%;
}

.deep-analysis-nav__item {
  flex: 0 0 auto;
  padding: 7px 11px;
  border: 1px solid #dce3ec;
  border-radius: 999px;
  background: #fff;
  color: #1769aa;
  font-size: 0.85rem;
  text-decoration: none;
}

.deep-analysis-nav__item:hover {
  border-color: #7eb4e6;
  background: #f8fbff;
}

.deep-analysis-nav__item.active {
  border-color: #7eb4e6;
  background: #e7f2ff;
  font-weight: 750;
}

.deep-analysis-nav__item:focus-visible {
  outline: 3px solid #7eb4e6;
  outline-offset: 2px;
}

@media (max-width: 760px) {
  .deep-analysis-nav {
    margin-right: -12px;
    padding-right: 12px;
  }
}