/* Animated headline bubble, matching the reference pale-green surface. */
.home-page .hero #hero-title .word-bubble {
  padding: .04em .3em .08em;
  border: 1px solid var(--headline-bubble-border);
  border-radius: 999px;
  background: var(--headline-bubble-background);
  box-shadow: none;
  color: var(--carbon);
  -webkit-text-stroke: 0;
  paint-order: normal;
}

.home-page .hero #hero-title .headline-first {
  margin-bottom: 0;
}

.home-page .hero #hero-title .word-window {
  height: 1.16em;
  line-height: 1.16;
  overflow: visible;
}

.home-page .hero #localization-word,
.home-page .hero #hero-title .hero-word-measure {
  line-height: 1.16;
  overflow: visible;
}

.home-page .headline-last {
  margin-top: .04em;
}

/* Active language uses the exact same neutral surface as a hovered label. */
.home-page .language-list li {
  transition: background-color 240ms ease;
}

.home-page .language-list li.is-current {
  background: #e8e8ed;
  border: 0;
  box-shadow: none;
}

@media (max-width: 699px) {
  .home-page .hero #hero-title .headline-first {
    gap: .12em;
    margin-bottom: 0;
  }

  .home-page .headline-last {
    margin: .12em auto 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .language-list li { transition: none; }
}