/* ============================================================
   CONSULTATION SHELL — styling. Same register as consultation-intro
   (warm, editorial, dark/gold tokens only). The ambient progress
   thread is deliberately the ONLY progress indicator in the entire
   consultation — no numbers, no "N of 6", no dot rail.
   ============================================================ */

#sTail .q-progress-top { margin-bottom: 14px; }

.consult-ambient-track {
  height: 2px;
  background: var(--hairline);
  border-radius: 999px;
  overflow: hidden;
}
.consult-ambient-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, var(--gold), var(--gold-bright));
  transition: width .6s cubic-bezier(.16,1,.3,1);
  box-shadow: 0 0 8px rgba(221,184,104,.35);
}

.consult-q-category {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 14px;
}
.consult-q-title {
  font-family: 'Bricolage Grotesque', 'Tajawal', sans-serif;
  font-size: clamp(21px, 5.2vw, 28px);
  line-height: 1.32;
  color: var(--bone);
  margin: 0 0 20px;
  font-weight: 600;
}
.consult-q-hint {
  font-size: 13px;
  color: var(--mist-dim);
  margin: -10px 0 18px;
}

/* Options inside the shell reuse the app's existing .opt styling for
   full visual continuity with the adaptive trees — no new button
   language introduced. */
#sTail .options-list .opt {
  animation: consultFadeUp .38s cubic-bezier(.16,1,.3,1) backwards;
}
#sTail .options-list .opt:nth-child(1) { animation-delay: .02s; }
#sTail .options-list .opt:nth-child(2) { animation-delay: .07s; }
#sTail .options-list .opt:nth-child(3) { animation-delay: .12s; }
#sTail .options-list .opt:nth-child(4) { animation-delay: .17s; }
#sTail .options-list .opt:nth-child(5) { animation-delay: .22s; }
#sTail .options-list .opt:nth-child(6) { animation-delay: .27s; }

@keyframes consultFadeUp {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  #sTail .options-list .opt { animation: none; }
}

.consult-continue-wrap {
  margin-top: 24px;
}