/* SSP narratives and AR6 emissions examples are distinct lists, not paired rows. */
.scenario-details { display:flex; flex-direction:column; gap:.7cqw; height:100%; min-height:0; }
.scenario-details .scenario-equation { padding:.55cqw; gap:.5cqw; flex-shrink:0; }
.scenario-details .scenario-equation-part { padding:.45cqw .4cqw; gap:.2cqw; }
.scenario-details .scenario-equation-part strong { font-size:1.12cqw; }.scenario-details .scenario-equation-part span { font-size:.9cqw; }
.scenario-detail-grid { display:grid; grid-template-columns:1.15fr .9fr 1.2fr; gap:1cqw; flex:1; min-height:0; }
.scenario-detail-grid>article { display:flex; flex-direction:column; gap:.65cqw; padding:1cqw; border:1px solid #d4e1e6; border-radius:14px; background:#f0f6f8; min-width:0; }
.scenario-detail-grid .scenario-model-link { background:#f9f5ea; }.scenario-detail-grid .scenario-climate-pathways { background:#f0f7f3; }
.scenario-detail-eyebrow { font-size:.85cqw; color:var(--muted); font-weight:700; letter-spacing:.025em; }
.story-slide .scenario-details h2 { font-size:1.4cqw; line-height:1.25; margin:0; color:var(--psi-deep); }
.scenario-detail-rows { display:flex; flex-direction:column; justify-content:space-evenly; gap:.45cqw; flex:1; }
.scenario-detail-row { display:flex; gap:.7cqw; align-items:flex-start; border-left:3px solid var(--row-colour); padding:.3cqw 0 .3cqw .55cqw; }
.scenario-row-code { min-width:3.2cqw; font-size:1cqw; line-height:1.35; }
.scenario-climate-pathways .scenario-row-code { min-width:5.5cqw; }
.scenario-detail-row>div { display:flex; flex-direction:column; gap:.15cqw; }
.scenario-detail-row b { font-size:1.02cqw; line-height:1.3; color:var(--psi-deep); }
.scenario-detail-row span { font-size:.98cqw; line-height:1.35; color:var(--muted); }
.scenario-forcing-key { font-size:.96cqw; line-height:1.35; color:var(--teal); }
.scenario-assumption-fork { display:flex; align-items:center; gap:.7cqw; padding:.5cqw 0; color:var(--teal); font-size:1.15cqw; }
.scenario-assumption-fork>strong { padding:.6cqw; background:white; border:1px solid #a6c9ca; border-radius:9px; }
.scenario-assumption-fork>span { font-size:1.9cqw; }.scenario-assumption-fork>div { display:flex; flex-direction:column; gap:.35cqw; }
.scenario-assumption-fork b { padding:.35cqw .5cqw; font-size:1.02cqw; background:white; border:1px solid #b8d7ce; border-radius:6px; }
.story-slide .slide-body .scenario-model-link p { font-size:1.02cqw; line-height:1.4; margin:0; color:var(--psi-deep); }
.scenario-lecture-example { margin-top:auto; display:flex; flex-direction:column; gap:.35cqw; padding:.7cqw; border-radius:10px; background:white; }
.scenario-lecture-example>strong { font-size:.9cqw; color:var(--muted); }.scenario-lecture-example>b { font-size:1.15cqw; color:var(--psi-deep); }
.scenario-lecture-example>div { display:flex; flex-direction:column; gap:.2cqw; padding-top:.25cqw; }
.scenario-lecture-example>div>span { color:var(--teal); font-weight:700; font-size:1cqw; }.scenario-lecture-example small { color:var(--muted); font-size:.95cqw; line-height:1.3; }
.scenario-ipcc { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:1cqw; background:#e8f1f3; border-radius:12px; padding:.75cqw 1cqw; flex-shrink:0; }
.scenario-ipcc-message { display:flex; flex-direction:column; gap:.3cqw; }
.scenario-ipcc-message strong { font-size:1.08cqw; line-height:1.3; color:var(--psi-deep); }.scenario-ipcc-message>span { color:var(--muted); font-size:1cqw; line-height:1.35; }
.scenario-ipcc-message>.scenario-ipcc-title { color:var(--teal); font-weight:700; }
.scenario-ipcc-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.6cqw; }
.scenario-ipcc-groups>span { display:flex; flex-direction:column; gap:.25cqw; color:var(--psi-deep); font-size:.95cqw; line-height:1.3; padding:.4cqw .5cqw; background:white; border-radius:7px; }
.scenario-ipcc-groups b { color:var(--teal); font-size:1cqw; }
.scenario-detail-references { display:flex; flex-wrap:wrap; gap:.3cqw 1.2cqw; font-size:.9cqw; flex-shrink:0; }
@media(max-width:700px) {
 .snu-app .scenario-details { gap:18px; }.snu-app .scenario-details .scenario-equation { display:flex; flex-direction:column; padding:12px; gap:8px; }
 .snu-app .scenario-details .scenario-equation-part { padding:10px; width:100%; gap:5px; }.snu-app .scenario-details .scenario-equation-part strong { font-size:17px; }.snu-app .scenario-details .scenario-equation-part span { font-size:14px; }.snu-app .scenario-details .scenario-equation>i { font-size:22px; }
 .snu-app .scenario-detail-grid { grid-template-columns:1fr; gap:18px; }.snu-app .scenario-detail-grid>article { padding:18px; gap:14px; }
 .snu-app .scenario-detail-eyebrow { font-size:12px; }.snu-app .story-slide .scenario-details h2 { font-size:22px; }
 .snu-app .scenario-detail-rows { gap:12px; }.snu-app .scenario-detail-row { gap:12px; padding:5px 0 5px 10px; }
 .snu-app .scenario-row-code { min-width:44px; font-size:15px; }.snu-app .scenario-climate-pathways .scenario-row-code { min-width:82px; }
 .snu-app .scenario-detail-row b { font-size:16px; }.snu-app .scenario-detail-row span,.snu-app .scenario-forcing-key { font-size:15px; }
 .snu-app .scenario-assumption-fork { font-size:20px; gap:14px; padding:8px 0; }.snu-app .scenario-assumption-fork>strong { padding:10px; }.snu-app .scenario-assumption-fork>span { font-size:28px; }.snu-app .scenario-assumption-fork>div { gap:8px; }.snu-app .scenario-assumption-fork b { padding:8px; font-size:16px; }
 .snu-app .story-slide .slide-body .scenario-model-link p { font-size:16px; }.snu-app .scenario-lecture-example { padding:14px; gap:8px; }
 .snu-app .scenario-lecture-example>strong { font-size:14px; }.snu-app .scenario-lecture-example>b { font-size:19px; }.snu-app .scenario-lecture-example>div>span,.snu-app .scenario-lecture-example small { font-size:15px; }
 .snu-app .scenario-ipcc { grid-template-columns:1fr; padding:16px; gap:14px; }.snu-app .scenario-ipcc-message strong { font-size:17px; }.snu-app .scenario-ipcc-message>span { font-size:15px; }
 .snu-app .scenario-ipcc-groups { gap:8px; }.snu-app .scenario-ipcc-groups>span { padding:8px; gap:6px; font-size:13px; }.snu-app .scenario-ipcc-groups b { font-size:16px; }
 .snu-app .scenario-detail-references { gap:10px; font-size:14px; }
}