/* Two successive lessons: why pathways differ, then how an IAM links decisions. */
.pathway-story { display:flex; flex-direction:column; gap:1cqw; height:100%; min-height:0; }
.pathway-story .pathway-decision { flex:1; height:auto; grid-template-columns:1.12fr 1fr; gap:1.6cqw; }
.pathway-story .pathway-implications { gap:.65cqw; padding:.25cqw 0; }
.story-slide .pathway-story .pathway-implications h2 { font-size:1.65cqw; }
.pathway-policy-cards { display:grid; grid-template-columns:1fr 1fr; gap:.8cqw; }
.pathway-policy-cards article { display:flex; flex-direction:column; gap:.3cqw; padding:.8cqw 1cqw; border:1px solid #dce6e9; border-top:4px solid var(--pathway-colour); border-radius:12px; background:#f5f8f9; }
.pathway-policy-cards article>strong { color:var(--pathway-colour); font-size:1.2cqw; }
.pathway-policy-cards article>span { font-size:1.03cqw; color:var(--psi-deep); min-height:2.7em; line-height:1.35; }
.pathway-value { display:flex; align-items:baseline; gap:.6cqw; color:var(--pathway-colour); }
.pathway-value b { font-size:2.6cqw; line-height:1.15; }.pathway-value span { font-size:1cqw; }
.pathway-policy-cards small { color:var(--muted); font-size:.95cqw; line-height:1.3; }
.pathway-translation { display:flex; flex-direction:column; gap:.4cqw; background:#edf5f2; border-radius:10px; padding:.75cqw 1cqw; color:var(--teal); font-size:1.12cqw; }
.pathway-translation span { color:var(--psi-deep); font-size:1.05cqw; line-height:1.35; }
.story-slide .slide-body .pathway-story .pathway-scope { font-size:1.02cqw; line-height:1.35; color:var(--psi-deep); }
.pathway-case-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1cqw; flex-shrink:0; }
.pathway-case-links article { display:flex; flex-direction:column; gap:.4cqw; border-top:3px solid var(--case-colour); border-radius:0 0 12px 12px; padding:.7cqw .9cqw; background:#f2f6f8; }
.pathway-case-heading { display:flex; align-items:center; gap:.7cqw; color:var(--case-colour); font-size:1.2cqw; }
.scenario-teaching-icon { width:2.6cqw; height:2.6cqw; object-fit:contain; flex-shrink:0; }
.pathway-case-links article>b { font-size:1.03cqw; color:var(--psi-deep); line-height:1.35; }
.pathway-case-links article>span { font-size:1.03cqw; color:var(--muted); line-height:1.35; }
.iam-visual-tour { display:grid; grid-template-columns:.88fr 1.4fr 1.05fr; gap:1cqw; height:100%; min-height:0; }
.iam-visual-tour>section { display:flex; flex-direction:column; gap:.65cqw; padding:1cqw; border-radius:16px; min-height:0; background:#f1f6f8; }
.iam-visual-tour .iam-engine { background:#edf5f2; }.iam-visual-tour .iam-outputs { background:#f6f3eb; }
.story-slide .iam-visual-tour h2 { font-size:1.3cqw; margin:0 0 .3cqw; line-height:1.3; color:var(--psi-deep); }
.iam-icon-row { display:flex; align-items:center; gap:.7cqw; padding:.5cqw 0; flex-shrink:0; }
.iam-icon-row>div { display:flex; flex-direction:column; gap:.3cqw; }
.iam-icon-row strong { color:var(--psi-deep); font-size:1.05cqw; line-height:1.3; }
.iam-icon-row span { color:var(--muted); font-size:1cqw; line-height:1.35; }
.iam-chart-heading { display:flex; flex-direction:column; gap:.3cqw; flex-shrink:0; }
.iam-chart-heading strong { font-size:1.05cqw; color:var(--psi-deep); }.iam-chart-heading span { font-size:.95cqw; color:var(--muted); line-height:1.3; }
.iam-context-chart { flex:1; min-height:160px; }
.iam-linked-diagram { flex:1; width:100%; min-height:0; object-fit:contain; }
.iam-investment-question { display:flex; flex-direction:column; gap:.5cqw; font-size:1.1cqw; color:var(--teal); padding:.8cqw; background:white; border-radius:10px; }
.iam-investment-question span { font-size:1.02cqw; color:var(--psi-deep); line-height:1.4; }
.iam-engine>a { font-size:.9cqw; line-height:1.4; }
.iam-data-label { font-size:.93cqw; color:var(--muted); }
.iam-lca-destination { color:var(--teal); font-weight:700; font-size:1.05cqw; padding:.7cqw; background:white; border-radius:10px; line-height:1.35; }
.iam-expanded-lesson { display:flex; flex-direction:column; gap:.8cqw; height:100%; min-height:0; }
.iam-expanded-lesson .iam-visual-tour { flex:1; height:auto; grid-template-columns:.85fr 1.5fr 1.05fr; }
.iam-expanded-lesson .iam-visual-tour>section { gap:.5cqw; padding:.8cqw; }
.iam-expanded-lesson .iam-icon-row { padding:.3cqw 0; }
.iam-expanded-lesson .iam-investment-question { padding:.6cqw; gap:.3cqw; }
.iam-expanded-lesson .iam-context-chart { min-height:145px; }
.iam-model-strip { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:.7cqw; flex-shrink:0; }
.iam-model-card { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.2cqw; padding:.45cqw .6cqw; border:1px solid #d7e3e8; border-radius:10px; text-decoration:none; background:white; min-width:0; }
.iam-model-card:hover { border-color:var(--teal); background:#f4f8fa; }
.iam-model-logo { display:flex; align-items:center; justify-content:center; width:10cqw; max-width:100%; height:2.6cqw; flex-shrink:0; border-radius:6px; }
.iam-model-logo.dark { width:3.3cqw; background:#173747; padding:.15cqw; }
.iam-model-logo img { display:block; width:100%; height:100%; object-fit:contain; }
.iam-model-label { display:flex; flex-direction:column; gap:.2cqw; min-width:0; text-align:center; }
.iam-model-label strong { color:var(--psi-deep); font-size:.96cqw; line-height:1.3; overflow-wrap:anywhere; }
.iam-model-label span { color:var(--muted); font-size:.78cqw; line-height:1.3; }
@media(max-width:700px) {
 .snu-app .pathway-story { gap:20px; }.snu-app .pathway-story .pathway-decision { grid-template-columns:1fr; gap:18px; }
 .snu-app .pathway-story .pathway-implications { gap:14px; }.snu-app .story-slide .pathway-story .pathway-implications h2 { font-size:24px; }
 .snu-app .pathway-policy-cards { gap:12px; }.snu-app .pathway-policy-cards article { padding:12px; gap:7px; }
 .snu-app .pathway-policy-cards article>strong { font-size:18px; }.snu-app .pathway-policy-cards article>span { font-size:15px; }
 .snu-app .pathway-value b { font-size:34px; }.snu-app .pathway-value span,.snu-app .pathway-policy-cards small { font-size:13px; }
 .snu-app .pathway-translation { padding:14px; gap:8px; font-size:17px; }.snu-app .pathway-translation span,.snu-app .story-slide .slide-body .pathway-story .pathway-scope { font-size:15px; }
 .snu-app .pathway-case-links { grid-template-columns:1fr 1fr; gap:16px; }.snu-app .pathway-case-links article { gap:10px; padding:14px; }
 .snu-app .pathway-case-heading { font-size:18px; gap:10px; }.snu-app .scenario-teaching-icon { width:38px; height:38px; }
 .snu-app .pathway-case-links article>b,.snu-app .pathway-case-links article>span { font-size:15px; }
 .snu-app .iam-visual-tour { grid-template-columns:1fr; gap:18px; }.snu-app .iam-visual-tour>section { gap:14px; padding:18px; }
 .snu-app .story-slide .iam-visual-tour h2 { font-size:22px; }.snu-app .iam-icon-row { gap:14px; padding:8px 0; }
 .snu-app .iam-icon-row strong,.snu-app .iam-chart-heading strong { font-size:17px; }.snu-app .iam-icon-row span,.snu-app .iam-chart-heading span { font-size:15px; }
 .snu-app .iam-context-chart { flex:none; height:250px; }.snu-app .iam-linked-diagram { flex:none; min-height:240px; }
 .snu-app .iam-investment-question { padding:14px; gap:10px; font-size:18px; }.snu-app .iam-investment-question span { font-size:16px; }
 .snu-app .iam-engine>a,.snu-app .iam-data-label { font-size:14px; }.snu-app .iam-lca-destination { padding:12px; font-size:17px; }
 .snu-app .iam-expanded-lesson { gap:18px; }.snu-app .iam-expanded-lesson .iam-visual-tour { grid-template-columns:1fr; }
 .snu-app .iam-expanded-lesson .iam-visual-tour>section { padding:18px; gap:14px; }
 .snu-app .iam-expanded-lesson .iam-investment-question { padding:14px; gap:10px; }
 .snu-app .iam-model-strip { grid-template-columns:1fr 1fr; gap:10px; }.snu-app .iam-model-card { gap:8px; padding:10px; }
 .snu-app .iam-model-logo { width:120px; height:40px; }.snu-app .iam-model-logo.dark { width:46px; padding:4px; }
 .snu-app .iam-model-label strong { font-size:14px; }.snu-app .iam-model-label span { font-size:11px; }
}