/* Reach Pass 3 — scoped Growth Journey refinement */

#growthView,
#evidenceView,
#reviewsView{
  --journey-rail:color-mix(in srgb,var(--vf-accent,#1f5e3e) 28%,var(--vf-border,#c8d2cc));
  --journey-soft:color-mix(in srgb,var(--vf-accent-soft,#e8f1eb) 72%,var(--vf-surface-content,#fff));
}

#growthView .segmented{margin-bottom:var(--vf-space-5,20px)}

.growth-journey-goal{
  position:relative;
  overflow:hidden;
  padding:22px 24px;
  border-left:4px solid var(--vf-accent,#1f5e3e);
  box-shadow:0 4px 14px rgba(22,50,40,.045);
}
.growth-journey-goal--completed{border-left-color:#6f8d7e;background:color-mix(in srgb,var(--journey-soft) 46%,var(--vf-surface-content,#fff))}
.growth-journey-goal--archived{border-left-color:var(--vf-border-strong,#aebbb4);background:color-mix(in srgb,var(--vf-surface-subtle,#f5f6f3) 58%,var(--vf-surface-content,#fff))}
.growth-goal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.growth-goal-heading h3{margin-top:5px}
.growth-card-kicker,.evidence-story-type,.review-event-date,.review-chapter>span{
  display:block;
  color:var(--vf-text-secondary,#52645c);
  font-size:11px;
  font-weight:800;
  letter-spacing:.075em;
  line-height:1.35;
  text-transform:uppercase;
}
.growth-card-arrow{color:var(--vf-accent,#1f5e3e);font-size:22px;line-height:1;transition:transform 140ms ease}
.growth-journey-goal:hover .growth-card-arrow{transform:translateX(3px)}
.growth-goal-path{display:flex;flex-wrap:wrap;gap:8px 22px;padding-top:4px;color:var(--vf-text-secondary,#52645c);font-size:13px;font-weight:650}
.growth-goal-path span+span{position:relative}
.growth-goal-path span+span:before{content:"";position:absolute;left:-12px;top:50%;width:3px;height:3px;border-radius:50%;background:var(--vf-border-strong,#aebbb4)}

.journey-empty{display:grid;justify-items:center;gap:10px;padding:46px 28px}
.journey-empty strong{margin:0;font-family:var(--vf-font-display,Georgia,serif);font-size:21px}
.journey-empty p{max-width:560px;margin:0 0 8px;line-height:1.55}
.journey-empty-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--vf-border,#c8d2cc);border-radius:50%;background:var(--vf-surface-content,#fff);color:var(--vf-accent,#1f5e3e);font-size:18px}

#evidenceView .evidence-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}
#evidenceView .evidence-summary .card{display:flex;align-items:baseline;gap:10px;padding:14px 16px;border-radius:13px;box-shadow:none}
#evidenceView .evidence-summary .card strong{font-size:22px;line-height:1}
#evidenceView .evidence-summary .card span{font-size:12px;font-weight:650}
#evidenceView #evidenceList{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
#evidenceView #evidenceList>.journey-empty{grid-column:1/-1}
.evidence-story-card{display:flex;min-width:0;flex-direction:column;gap:0;padding:0;overflow:hidden}
.evidence-story-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 20px 15px}
.evidence-story-head h3{margin:5px 0 0}
.evidence-story-head time{flex:0 0 auto;color:var(--vf-text-secondary,#52645c);font-size:12px;font-weight:650}
.evidence-connected-goal,.review-connected-goal{display:grid;gap:3px;padding:10px 20px;border-block:1px solid var(--vf-border,#d4ddd8);background:var(--journey-soft)}
.evidence-connected-goal span,.review-connected-goal span{color:var(--vf-text-secondary,#52645c);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.evidence-connected-goal strong,.review-connected-goal strong{overflow:hidden;color:var(--vf-text-primary,#173247);font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.evidence-meaning,.evidence-reflection{padding:16px 20px}
.evidence-meaning p,.evidence-reflection p{margin:6px 0 0;color:var(--vf-text-primary,#173247);line-height:1.55}
.evidence-reflection{border-top:1px solid var(--vf-border,#d4ddd8);background:color-mix(in srgb,var(--journey-soft) 52%,transparent)}
.evidence-reflection.is-empty p{color:var(--vf-text-secondary,#52645c);font-style:italic}
.evidence-story-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:13px 20px;border-top:1px solid var(--vf-border,#d4ddd8);color:var(--vf-text-secondary,#52645c);font-size:12px}
.evidence-story-footer>div{display:flex;flex-wrap:wrap;gap:8px}
.evidence-story-footer .btn{min-height:34px;padding:7px 11px;font-size:12px}

#reviewsView #reviewList{max-width:1040px;margin-inline:auto}
.review-journey-intro{margin:0 0 20px 37px;padding:14px 17px;border-left:3px solid var(--vf-accent,#1f5e3e);background:color-mix(in srgb,var(--journey-soft) 60%,transparent)}
.review-journey-intro p{margin:4px 0 0;color:var(--vf-text-secondary,#52645c);font-size:14px;line-height:1.5}
.review-journey-event{grid-template-columns:28px 1fr;gap:18px}
.review-journey-event .timeline-dot{width:14px;height:14px;margin-top:29px;border:3px solid var(--vf-surface-content,#fff);box-shadow:0 0 0 2px var(--vf-accent,#1f5e3e)}
.review-journey-event .timeline-rail:after{top:28px;bottom:-28px;background:var(--journey-rail)}
.review-journey-event .timeline-content{padding:0;overflow:hidden;box-shadow:0 4px 14px rgba(22,50,40,.045)}
.review-event-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px}
.review-event-head h3{margin:4px 0 0;font-size:20px}
.review-chapter{padding:15px 20px;border-top:1px solid var(--vf-border,#d4ddd8)}
.review-chapter--impact{background:color-mix(in srgb,var(--journey-soft) 52%,transparent)}
.review-chapter p{margin:6px 0 0;color:var(--vf-text-primary,#173247);line-height:1.55}
.review-journey-event footer{padding:12px 20px;border-top:1px solid var(--vf-border,#d4ddd8);color:var(--vf-text-secondary,#52645c);font-size:12px}

#goalModal .modal,#evidenceModal .modal,#reviewModal .modal,#detailModal .modal{width:min(880px,100%)}
.journey-form{gap:0}
.journey-form-section{display:grid;gap:14px;margin:0;padding:0 0 24px;border:0}
.journey-form-section+.journey-form-section{padding-top:24px;border-top:1px solid var(--vf-border,#d4ddd8)}
.journey-form-heading{display:grid;grid-template-columns:30px 1fr;gap:11px;align-items:start}
.journey-form-heading h3{margin:0;color:var(--vf-text-primary,#173247);font-family:var(--vf-font-interface,-apple-system,sans-serif);font-size:16px;font-weight:780;line-height:1.3}
.journey-form-heading p{margin:3px 0 0;color:var(--vf-text-secondary,#52645c);font-size:13px;line-height:1.45}
.journey-form-index{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--journey-soft);color:var(--vf-accent,#1f5e3e);font-size:10px;font-weight:850;letter-spacing:.04em}
.form-guidance{margin:-5px 0 0;color:var(--vf-text-secondary,#52645c);font-size:12px;line-height:1.45}
.journey-date-field{max-width:380px}
.journey-form-section--supporting{color:var(--vf-text-secondary,#52645c)}
.journey-form-actions{margin:0;padding-top:18px;border-top:1px solid var(--vf-border,#d4ddd8)}
.journey-completion-option{padding:14px;border:1px solid color-mix(in srgb,var(--vf-accent,#1f5e3e) 25%,var(--vf-border,#d4ddd8));border-radius:12px;background:var(--journey-soft)}
.journey-completion-option span,.journey-completion-option small,.journey-completion-option strong{display:block}
.journey-completion-option small{margin-top:3px;color:var(--vf-text-secondary,#52645c);line-height:1.45}

.goal-story-state{display:grid;gap:6px;margin-bottom:16px;padding:16px 18px;border:1px solid var(--vf-border,#d4ddd8);border-left:4px solid var(--vf-accent,#1f5e3e);border-radius:12px;background:var(--journey-soft)}
.goal-story-state--completed{border-left-color:#6f8d7e}
.goal-story-state--archived{border-left-color:var(--vf-border-strong,#aebbb4);background:var(--vf-surface-subtle,#f5f6f3)}
.goal-story-state>strong{font-size:14px}
.goal-story-state>p{margin:0;color:var(--vf-text-secondary,#52645c);font-size:13px;line-height:1.5}
.goal-story-position{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px;border:1px solid var(--vf-border,#d4ddd8);border-radius:12px;overflow:hidden}
.goal-story-position>div{display:grid;gap:3px;padding:12px 14px}
.goal-story-position>div+div{border-left:1px solid var(--vf-border,#d4ddd8)}
.goal-story-position strong{font-size:17px;line-height:1.25}
.goal-story-position span{color:var(--vf-text-secondary,#52645c);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.045em}
.goal-story-flow{position:relative;display:grid;gap:0}
.goal-story-flow:before{content:"";position:absolute;left:15px;top:15px;bottom:18px;width:2px;background:var(--journey-rail)}
.goal-story-node{position:relative;display:grid;grid-template-columns:32px 1fr;gap:15px;padding-bottom:24px}
.goal-story-node:last-child{padding-bottom:0}
.goal-story-node-index{z-index:1;display:grid;width:32px;height:32px;place-items:center;border:2px solid var(--journey-rail);border-radius:50%;background:var(--vf-surface-content,#fff);color:var(--vf-accent,#1f5e3e);font-size:10px;font-weight:850}
.goal-story-node h3{margin:5px 0 7px;font-size:18px}
.goal-story-node p{margin:0;color:var(--vf-text-secondary,#52645c);line-height:1.55;white-space:pre-wrap}
.goal-story-success,.goal-story-next{margin-top:13px;padding:13px 15px;border-radius:11px;background:color-mix(in srgb,var(--journey-soft) 58%,transparent)}
.goal-story-success strong,.goal-story-next span{display:block;margin-bottom:4px;color:var(--vf-text-secondary,#52645c);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.goal-story-records{display:grid;gap:8px;margin-top:11px}
.goal-story-records>div{padding:11px 13px;border:1px solid var(--vf-border,#d4ddd8);border-radius:10px;background:var(--vf-surface-content,#fff)}
.goal-story-records strong,.goal-story-records span{display:block}
.goal-story-records span{margin-top:2px;color:var(--vf-text-secondary,#52645c);font-size:11px}
.goal-story-records p{margin-top:6px;font-size:13px}
.goal-story-next strong{font-size:14px}
.journey-detail-actions{margin-top:24px;padding-top:18px;border-top:1px solid var(--vf-border,#d4ddd8)}

.journey-recovery-modal{width:min(570px,100%)}
.journey-recovery-copy{display:grid;grid-template-columns:46px 1fr;gap:15px;align-items:start}
.journey-recovery-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:var(--journey-soft);color:var(--vf-accent,#1f5e3e);font-size:20px}
.journey-recovery-copy h3{margin:0 0 6px;font-size:17px}
.journey-recovery-copy p{margin:0;color:var(--vf-text-secondary,#52645c);line-height:1.55}
.journey-recovery-actions{margin-top:24px;padding-top:18px;border-top:1px solid var(--vf-border,#d4ddd8)}
.reopen-explanation{padding:15px 17px;border-left:4px solid var(--vf-accent,#1f5e3e);border-radius:0 11px 11px 0;background:var(--journey-soft)}
.reopen-explanation p{margin:5px 0 0;color:var(--vf-text-secondary,#52645c);font-size:13px;line-height:1.5}

html[data-theme="dark"] .growth-journey-goal--completed,
html[data-theme="dark"] .growth-journey-goal--archived{background:color-mix(in srgb,var(--vf-surface-content) 90%,#000)}
html[data-theme="dark"] .goal-story-records>div{background:color-mix(in srgb,var(--vf-surface-content) 92%,#000)}

@media(max-width:760px){
  #evidenceView #evidenceList{grid-template-columns:1fr}
  .goal-story-position{grid-template-columns:repeat(2,minmax(0,1fr))}
  .goal-story-position>div:nth-child(3){border-left:0;border-top:1px solid var(--vf-border,#d4ddd8)}
  .goal-story-position>div:nth-child(4){border-top:1px solid var(--vf-border,#d4ddd8)}
}

@media(max-width:620px){
  #growthView .page-title .btn,#evidenceView .page-title .btn,#reviewsView .page-title .btn{width:100%;margin-top:16px}
  #growthView .segmented{display:grid;grid-template-columns:repeat(4,1fr);width:100%}
  #growthView .segmented button{min-width:0;padding-inline:6px}
  .growth-journey-goal{padding:17px}
  .growth-goal-path{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}
  .growth-goal-path span+span:before{display:none}
  #evidenceView .evidence-summary{grid-template-columns:1fr 1fr}
  #evidenceView .evidence-summary .card{display:grid;gap:4px}
  #evidenceView .evidence-summary .card:last-child{grid-column:1/-1}
  .evidence-story-head,.evidence-story-footer,.review-event-head{align-items:flex-start;flex-direction:column}
  .evidence-story-footer{display:flex}
  .review-journey-intro{margin-left:0}
  .review-journey-event{grid-template-columns:18px 1fr;gap:10px}
  .review-journey-event .timeline-dot{width:10px;height:10px;margin-top:28px}
  .journey-form-heading{grid-template-columns:28px 1fr}
  .goal-story-node{gap:11px}
  .journey-recovery-copy{grid-template-columns:1fr}
  .journey-recovery-actions{flex-direction:column-reverse}
}

@media(prefers-reduced-motion:reduce){.growth-card-arrow{transition:none}}