/* The light navigation uses the same neutral surface in every state. */
.site-header .languages-toggle:hover,
.site-header .languages-toggle[aria-expanded="true"],
.site-header .languages-toggle:focus-visible {
  color: #1d1d1f;
  background: #e8e8ed;
}
.site-header .language-navigation a:hover,
.site-header .language-navigation a:focus-visible {
  color: #1d1d1f;
  background: #e8e8ed;
}

/* Approach names sit outside the illustrations and their content cards. */
.home-page .comparison-option {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.home-page .comparison-option-label {
  display: block;
  margin: 0 0 14px;
  padding-inline: 6px;
  color: #1d1d1f;
  font: 600 1.125rem/1.35 var(--font);
  letter-spacing: -.018em;
}
.home-page .comparison-option-label::before,
.home-page .comparison-option-label::after { content: none; }
.home-page .comparison-option > .comparison-card { flex: 1; }
.home-page .comparison-card .home-compare-quick { margin-top: 0; }

/* Alternate locales share the homepage's quiet hover treatment. */
.locale-page .locale-other { border: 0; }
.locale-page .locale-other .language-list a:hover,
.locale-page .locale-other .language-list a:focus-visible {
  color: #1d1d1f;
  background: #e8e8ed;
  box-shadow: none;
}
@media (max-width: 699px) {
  .home-page .comparison-option-label { font-size: 1rem; margin-bottom: 12px; }
  .home-page .comparison-card-pair { gap: 28px; }
}