/* Shared question UI for all self-discovery tests. Keep test-specific
   start/result screens in their own stylesheets. */
:is(.recovery-page, .portal-test-page)
{
  --test-accent: var(--color-cyan);
  --test-ink: var(--color-white);
  --test-muted: var(--color-cyan-pale);
}

:is(.recovery-question h1, .portal-test-page .question-title)
{
  min-height: 82px;
  margin: 0 0 32px;
  color: var(--test-ink);
  font: 600 clamp(26px, 2.4vw, 34px)/1.04 "Cormorant Garamond", Georgia, serif;
  letter-spacing: -0.025em;
}

:is(.recovery-answers, .portal-test-page .answers)
{
  display: grid;
  gap: 12px;
}

/*
.recovery-answers button, 
.portal-test-page .answer-button,
.portal-test-card .answer-text
{
  min-height: 86px;
  padding: 16px 20px;
  border: 1px solid var(--color-border-soft);
  border-radius: 0;
  background: var(--card-gradient);
  color: var(--color-white);
  text-align: left;
  cursor: pointer;
}

:is(.recovery-answers button:hover, .portal-test-page .answer-button:hover, .portal-test-page .answer-button.selected)
{
  border-color: var(--test-accent);
  background: var(--color-mint-soft);
  box-shadow: 0 0 18px var(--color-mint-soft);
  transform: none;
}
  */

.portal-test-page .question-block-badge
{
  color: var(--test-muted);
}

.portal-test-page .progress-line-fill
{
  background: var(--test-accent);
}

@media (max-width: 700px)
{
  :is(.recovery-answers button, .portal-test-page .answer-button)
  {
    padding: 14px;
  }

}