/* The symbol and its text share a flexible card, including at large text sizes. */
.ld-page--home .daily-card {
  aspect-ratio: auto;
  min-height: 0;
}
.ld-page--home .daily-card-inner {
  position: relative;
  display: grid;
  min-height: 720px;
}
.ld-page--home .daily-card-front {
  position: relative;
  inset: auto;
  grid-area: 1 / 1;
  min-height: 720px;
  padding: 30px 32px;
}
.ld-page--home .daily-card-back {
  position: absolute;
  inset: 0;
  grid-area: 1 / 1;
  border-radius: 16px;
}
/* The unopened card follows its portrait artwork, including narrow screens.
   After the flip, the existing flexible text face determines the card height. */
.ld-page--home .daily-card:not(.is-revealed) .daily-card-inner {
  min-height: 0;
  aspect-ratio: 2 / 3;
}
.ld-page--home .daily-card:not(.is-revealed) .daily-card-front {
  position: absolute;
  inset: 0;
  min-height: 0;
}
.ld-page--home .daily-card-back img { object-fit: cover; }
.daily-card-illustration {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  width: min(100%, 264px);
  aspect-ratio: 3 / 2;
  margin: 18px auto 17px;
}
.daily-card-illustration img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.daily-card-illustration img[hidden] { display: none; }
.ld-page--home .daily-card-question {
  margin-top: 22px;
  padding: 14px 12px;
}
.ld-page--home .daily-card-front > a {
  flex-shrink: 0;
  margin-top: 18px;
}
@media (max-width: 480px) {
  .ld-page--home .daily-card-front { padding: 28px 24px; }
  .daily-card-illustration { width: min(100%, 240px); margin-block: 15px; }
  .ld-page--home .daily-card-front h3 { font-size: 1.7rem; }
}