/*
 * mind.css — Eleusis mainline / rejection motif for the "For your mind" Tab B
 * figure. The cards are REAL card faces (<img data-card=…>, resolved by boot.js
 * from config.cardBase) per GUIDE_REVIEW_STANDARD §10 — never abstract tiles.
 * This file adds only the row geometry and the accepted/rejected framing;
 * colours come from the --gc-* theme vars.
 * A copy lives in every eleusis.<variant>/ folder (each ships standalone), so
 * keep the two identical.
 */

.el-line {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

/* Accepted cards extend the mainline. */
.gc-cardimg.el-ok {
  outline: 2px solid color-mix(in srgb, var(--gc-success) 60%, transparent);
  outline-offset: -2px;
  border-radius: var(--gc-card-radius);
}

/* The rejected card drops onto its own sideline below the mainline. */
.el-reject { position: relative; margin-top: 30px; margin-left: 8px; }
.el-reject::before {
  content: "";
  position: absolute; top: -24px; left: 50%;
  width: 1px; height: 20px;
  background: color-mix(in srgb, var(--gc-error) 55%, transparent);
}
.gc-cardimg.el-no {
  outline: 2px solid color-mix(in srgb, var(--gc-error) 65%, transparent);
  outline-offset: -2px;
  border-radius: var(--gc-card-radius);
  opacity: 0.8;
}
html[dir="rtl"] .el-reject::before { left: auto; right: 50%; }