/* ============================================================
   KALVARO: Discuss My Project journey additions
   Only classes that do not exist in components.css. Tokens only,
   no raw colour values.
   ============================================================ */

/* Steps of the journey: one visible at a time */
.journey-step[hidden] { display: none; }
.journey-step { animation: journey-step-in var(--dur-panel) var(--ease-out); }
@keyframes journey-step-in {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: none; }
}

/* Plain fieldset/legend so grouped controls need no inline resets */
.fieldset-plain { border: none; padding: 0; margin: 0; min-width: 0; }
.legend-plain { padding: 0; display: block; width: 100%; }

/* Icon tile used on the project-type choice cards */
.choice__media--icon {
  display: grid;
  place-items: center;
  background: var(--color-surface-inverse);
  color: var(--color-text-inverse-secondary);
}

/* Compact answer options (DMP-004 and DMP-005): choice cards without media */
.option-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
@media (max-width: 560px) { .option-grid { grid-template-columns: minmax(0, 1fr); } }
.choice--option .choice__body { padding: var(--space-4) var(--space-5); }

/* Visible reason shown while Continue is not yet available */
.journey__reason {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  margin-top: var(--space-4);
  font-size: var(--text-small);
  color: var(--color-text-secondary);
  line-height: var(--lh-base);
}
.journey__reason svg { flex: none; margin-top: 2px; color: var(--color-action-text); }
.journey__reason[hidden] { display: none; }

/* Review summary (DMP-008) */
.review-section {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-6);
  background: var(--color-surface);
}
.review-section + .review-section { margin-top: var(--space-5); }
.review-section__head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--space-5);
  margin-bottom: var(--space-5);
}
.review-section__head h3 { font-size: 1rem; }
.review-list { display: grid; gap: var(--space-3); margin: 0; }
.review-list > div {
  display: grid;
  grid-template-columns: minmax(0, 190px) minmax(0, 1fr);
  gap: var(--space-2) var(--space-6);
  font-size: var(--text-small);
}
@media (max-width: 560px) { .review-list > div { grid-template-columns: minmax(0, 1fr); } }
.review-list dt { color: var(--color-text-muted); }
.review-list dd { margin: 0; color: var(--color-text); overflow-wrap: anywhere; }

/* Confirmation mini-steps (DMP-009) */
.next-steps { list-style: none; padding: 0; display: grid; gap: var(--space-5); counter-reset: none; }
.next-steps li { display: flex; gap: var(--space-4); align-items: flex-start; font-size: var(--text-small); line-height: var(--lh-base); }