/* Site integration only. The approved game, art and wide-screen intro remain intact. */
.jinbe-intro .challenge { margin-bottom: 0; padding-bottom: 100px; }
.jinbe-intro footer img { height: auto; max-width: 100%; }
.jinbe-intro footer nav { flex-wrap: wrap; }
@media (min-width: 1240px) {
  .jinbe-intro .cards article { display: block; }
  .jinbe-intro .guide-copy h3 { white-space: normal; text-wrap: balance; }
}
@media (min-width: 901px) and (max-width: 1239px) {
  .jinbe-intro .cards { grid-template-columns: minmax(0, 1fr); }
  .jinbe-intro .cards article { display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
  .jinbe-intro .card-art { height: 100%; min-height: 230px; }
}
@media (max-width: 900px) {
  .jinbe-intro section { padding: 48px 20px; }
  .jinbe-intro .cards { grid-template-columns: minmax(0, 1fr); max-width: 540px; margin-inline: auto; gap: 22px; }
  .jinbe-intro .cards article { display: grid; grid-template-columns: minmax(0, 1fr); }
  .jinbe-intro .opening p { font-size: 15px; }
  .jinbe-intro .challenge { padding-bottom: 64px; }
  .jinbe-intro .challenge br { display: none; }
  .jinbe-intro footer { padding: 30px 20px calc(30px + env(safe-area-inset-bottom)); }
  .jinbe-intro footer nav { gap: 16px 24px; margin-inline: 0; font-size: 15px; }
}