/* Review-my-info modal — read-only snapshot of the user's discovery
   answers, grouped by stage. Shared across the SPA's user-menu trigger
   and the pathway resource page's user-menu trigger so both surfaces
   render the same thing without a redirect to the dashboard. */

.modal.info-review-modal { max-width: 760px; max-height: min(82vh, 720px); padding: 0; display: flex; flex-direction: column; overflow: hidden; }
.info-review-head { padding: 1.35rem 1.5rem 1rem; border-bottom: 1px solid var(--border, #d9d3c7); }
.info-review-head h3 { margin: 0 0 0.35rem; font-size: 1.125rem; }
.info-review-head p { margin: 0; max-width: 42rem; }
.info-review-body { padding: 1.25rem 1.5rem; overflow: auto; min-height: 0; }
.info-review-empty { padding: 1.25rem; border: 1px dashed var(--border, #d9d3c7); border-radius: 8px; background: var(--surface, #fff); color: var(--text-muted, #56586a); font-size: 0.9375rem; text-align: center; }
.info-review-actions { padding: 1rem 1.5rem 1.25rem; border-top: 1px solid var(--border, #d9d3c7); background: #fff; }

.answer-stage { padding: 1rem 0; border-bottom: 1px solid var(--border, #d9d3c7); }
.answer-stage:first-child { padding-top: 0; }
.answer-stage:last-child { padding-bottom: 0; border-bottom: none; }
.answer-stage-name { font-size: 0.8125rem; font-weight: 600; color: var(--text-subtle, #8686a0); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.75rem; }
.answer-row { padding: 0.5rem 0; }
.answer-q { font-size: 0.875rem; color: var(--text-subtle, #8686a0); margin-bottom: 0.125rem; }
.answer-a { font-size: 0.9375rem; color: var(--text, #1f2338); line-height: 1.5; }

@media (max-width: 600px) {
  .modal-backdrop:has(.info-review-modal) .modal { max-width: none; width: 100%; height: 100%; max-height: none; border-radius: 0; }
}