/* Shared product-family navigation, including the GT500 customizer pages. */
.family-nav {
  position: static;
  inset: auto;
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  gap: 8px;
  margin: 24px max(6vw, 24px) 0;
  padding: 0;
  border: 0;
  background: transparent;
  font: 500 14px/1.5 Manrope, Arial, sans-serif;
  letter-spacing: normal;
}
.family-nav a {
  display: flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  padding: 12px 16px;
  border: 1px solid #cad6df;
  border-radius: 4px;
  background: #f3f7fa;
  color: #122b43;
  font: inherit;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.family-nav a span {
  font: inherit;
  letter-spacing: normal;
}
.family-nav a:hover {
  background: #e5eef5;
  border-color: #8da6ba;
}
.family-nav a[aria-current="page"] {
  background: #112c43;
  color: #fff;
  border-color: #112c43;
}
.family-nav a:focus-visible {
  outline: 3px solid #0676d8;
  outline-offset: 3px;
}
.gt500-page .family-nav {
  margin: 24px 0 32px;
}
@media (max-width: 560px) {
  .family-nav a {
    min-height: 44px;
    padding: 9px 12px;
  }
}
@media print {
  .family-nav { display: none !important; }
}