/* The tarot page: one row per tarot card in three columns: the correspondent's face, one column of text (the biological card, then the Thoth reading), the Thoth card's image (development only). */
.tarot-row { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 40px; align-items: start; padding-top: 40px; border-top: 1px solid var(--border-subtle); }
.tarot-row--thoth { grid-template-columns: auto minmax(0, 1fr) minmax(180px, 300px); }
.tarot-row p, .tarot-row h3 { margin: 0; }
.tarot-row__text { max-width: 44rem; justify-self: center; width: 100%; }
.tarot-row__question { font-style: italic; }
.tarot-row__tarot { padding-top: 24px; border-top: 1px solid var(--border-subtle); }
/* The Thoth card's image, shown only in development from local/thoth/ (Tarot.thoth_image). */
.tarot-row__thoth { display: block; width: 100%; height: auto; border-radius: 8px; }
@media (max-width: 720px) {
  .tarot-row, .tarot-row--thoth { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .tarot-row__thoth-face { max-width: 260px; }
}