/* One-page examination layout; title and body type stay with each design. */
.im-tests { --test-line: var(--border, var(--line, #e5e7eb)); }
.im-tests .im-test-list { display: grid; }
.im-tests .im-test {
  display: grid;
  grid-template-columns: minmax(0, .34fr) minmax(0, .66fr);
  align-items: center;
  gap: clamp(28px, 4vw, 56px);
  padding-block: 28px;
  scroll-margin-top: 28px;
}
.im-tests .im-test:first-child { padding-top: 0; }
.im-tests .im-test + .im-test { border-top: 1px solid var(--test-line); }
.im-tests .im-test .im-test-art { width: 100%; max-width: 350px; margin: 0 auto; aspect-ratio: 4 / 3; }
.im-tests .im-test .im-test-art img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: contain; }
/* Match visible artwork to EEG's 555px height within the shared 1200 × 900 assets. */
.im-tests .im-test:not(#test-eeg) .im-test-art img { transform: scale(var(--test-art-scale, 1)); }
.im-tests #test-hrv { --test-art-scale: .72930355; } /* 555 / 761 */
.im-tests #test-psychological,
.im-tests #test-developmental,
.im-tests #test-language { --test-art-scale: .61666667; } /* 555 / 900 */
.im-tests #test-cat { --test-art-scale: .61735261; } /* 555 / 899 */
.im-tests .im-test .im-test-copy { min-width: 0; margin: 0; }
.im-tests .im-test .im-test-copy h2 { margin: 0 0 18px; }
.im-tests .im-test .im-test-label { margin: 0 0 12px; }
.im-tests .im-test-copy p { margin: 0; }
.im-tests .im-test-copy p + p { margin-top: 12px; }
.im-tests .im-test--text-only { grid-template-columns: minmax(0, 1fr); }
.im-tests .im-test--text-only .im-test-copy { max-width: 680px; }
.im-tests .im-tests-note { margin: 24px 0 0; }

@media (max-width: 700px) {
  .im-tests .im-test { grid-template-columns: minmax(0, 1fr); gap: 18px; padding-block: 28px; }
  .im-tests .im-test .im-test-art { width: 78%; max-width: 280px; }
  .im-tests .im-test .im-test-copy h2 { margin-bottom: 14px; }
  .im-tests .im-tests-note { margin-top: 16px; }
}