/* The section row under the header: the DS tabs with the header's own divider.
   Same rule as the community's .eb-section-row (community.css), kept here so help
   does not load the whole community stylesheet for four lines. */
.eb-section-row {
  background: var(--eb-header-bg);
  border-bottom: 1px solid var(--eb-header-border);
}

.eb-section-row .eb-tabs {
  margin-top: 0 !important;
  border-bottom: 0;
}

/* Chips, as the community defines them (community.css). Help uses them for popular
   searches. Tap target raised to 44px for phones. */
.eb-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--eb-space-2);
}

.eb-chip {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 var(--eb-space-3);
  background: #f4f6f9;
  color: var(--eb-gray-800);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.eb-chip:hover {
  background: var(--eb-gray-200);
  color: var(--eb-gray-900);
}