/* Keep spacing consistent when Services is wrapped in a dropdown. */
header,
.bg-slate-800.text-white.py-2.px-4.text-sm {
  font-family: Arial, sans-serif;
  line-height: 1.5;
}

header button,
header a {
  font-family: inherit;
}

header nav.space-x-8 {
  gap: clamp(20px, 2.2vw, 32px);
  align-items: center;
}

header nav.space-x-8 > :not([hidden]),
header nav.space-x-8 > :not([hidden]) ~ :not([hidden]) {
  margin-left: 0;
  margin-right: 0;
  flex-shrink: 0;
  white-space: nowrap;
}

header nav.space-x-8 > a,
header nav.space-x-8 > button,
header nav.space-x-8 .sc-services-trigger {
  display: inline-flex;
  align-items: center;
  line-height: 1.5;
}

header .sc-services-menu > .sc-services-trigger {
  gap: 8px;
}

header .sc-services-menu > .sc-services-trigger::after {
  flex-shrink: 0;
}