/* Chinese-speaker landing: intentionally mirrors the English learner landing page. */
.zh-page .language-choice-grid {
  grid-template-columns: repeat(4, 180px);
  justify-content: center;
}

.zh-page .language-card-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #ffd071;
}

.zh-page .coming-soon-label {
  color: #ffd071;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  opacity: .86;
}

.zh-page .language-choice-card.is-coming-soon {
  cursor: default;
}

.zh-page .language-choice-card.is-coming-soon .language-card-image {
  filter: saturate(.82);
}

.zh-page .language-choice-card.is-coming-soon .language-card-copy {
  opacity: .9;
}

.zh-page .footer-tagline,
.zh-page .story-footer .footer-tagline {
  color: #ffd071;
}

.zh-page .language-directory-closing {
  transform: none;
}

@media (max-width: 900px) {
  .zh-page .language-choice-grid {
    grid-template-columns: repeat(3, 180px);
  }

  .zh-page .language-directory-closing {
    align-self: stretch;
  }
}

@media (max-width: 600px) {
  .zh-page .language-directory-middle .language-choice-grid {
    grid-template-columns: repeat(2, minmax(0, 168px));
    gap: 10px;
  }
}

@media (max-width: 370px) {
  .zh-page .language-directory-middle .language-choice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
}