/* Saved scenarios: compare two (2026-09-26) — see js/29-scenario-compare.js */
.sc-cmp { display:grid; gap:14px; margin-bottom:18px; }
.sc-pick { display:flex; align-items:flex-end; gap:10px; }
.sc-pick label { flex:1; min-width:0; display:flex; flex-direction:column; gap:6px; font-size:12.5px; font-weight:700; color:var(--c-slate-45); }
.sc-pick label span { display:flex; align-items:center; gap:8px; }
.sc-pick select { width:100%; height:44px; padding:0 34px 0 12px; border:1px solid var(--c-gray-90); border-radius:12px; background:var(--c-gray-99); font:inherit; font-size:15px; font-weight:600; color:var(--c-sage-30); }
.sc-swap { flex:none; width:auto; height:44px; padding:0 12px; white-space:nowrap; border:1px solid var(--c-gray-90); border-radius:12px; background:var(--c-gray-99); color:var(--c-teal-50); font-size:14px; cursor:pointer; } /* 2026-10-12: "⇄ Swap" overflowed a 44px square */
.sc-key { display:inline-block; width:18px; height:4px; border-radius:2px; vertical-align:middle; }
.sc-key-dash { height:0; border-top:3px dashed; background:none !important; }
.sc-sw { display:inline-block; width:12px; height:12px; border-radius:3px; vertical-align:-1px; }
.sc-chartcard, .sc-card { border:1px solid var(--c-gray-90); border-radius:16px; background:var(--c-gray-99); padding:14px 16px; }
.sc-chart-h { font-size:15px; font-weight:800; color:var(--c-sage-30); margin-bottom:8px; }
.sc-chart-h small { display:block; margin-top:2px; font-size:12px; font-weight:500; color:var(--c-slate-60); }
.sc-chartwrap { position:relative; }
.sc-tip { position:absolute; z-index:5; pointer-events:none; min-width:170px; padding:9px 11px; border:1px solid var(--c-gray-90); border-radius:10px; background:var(--c-gray-99); box-shadow:0 8px 24px rgba(var(--c-shadow-rgb), 0.14); font-size:12.5px; color:var(--c-slate-45); }
.sc-tip strong { display:block; margin-bottom:4px; color:var(--c-sage-30); }
.sc-tip div { display:flex; align-items:center; gap:6px; } .sc-tip b { margin-left:auto; color:var(--c-sage-30); font-variant-numeric:tabular-nums; }
.sc-tip i { width:10px; height:3px; border-radius:2px; }
.sc-tip .up { color:var(--c-green-50); font-weight:700; } .sc-tip .dn { color:var(--c-red-50b); font-weight:700; }
.sc-legend { display:flex; flex-wrap:wrap; gap:6px 16px; margin-top:8px; font-size:12.5px; color:var(--c-slate-45); }
.sc-legend span { display:inline-flex; align-items:center; gap:6px; }
/* scorecard */
.sc-row { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.95fr); align-items:center; gap:8px; padding:9px 0; border-top:1px solid var(--c-gray-95); font-size:14px; }
.sc-headrow { border-top:0; padding-top:0; font-size:12px; font-weight:700; color:var(--c-slate-50); }
.sc-headrow .sc-v { display:flex; align-items:center; justify-content:flex-end; gap:6px; text-align:right; }
.sc-l { color:var(--c-sage-35); font-weight:600; } .sc-l small { display:block; font-size:11.5px; font-weight:500; color:var(--c-slate-65); }
.sc-v { text-align:right; font-weight:700; color:var(--c-sage-30); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.sc-dd { text-align:right; }
.sc-d { display:inline-block; padding:3px 8px; border-radius:999px; background:var(--c-gray-95); color:var(--c-slate-60); font-size:12px; font-weight:700; white-space:nowrap; }
.sc-d.up { background:var(--c-sage-95); color:var(--c-green-50); } .sc-d.dn { background:var(--c-rose-95); color:var(--c-red-50b); }
.sc-d.sc-neutral { background:var(--c-sand-95b); color:var(--c-amber-55b); }
.sc-set .sc-v { font-weight:600; }
.sc-changed { box-shadow:inset 3px 0 0 var(--c-amber-55b); padding-left:10px; } /* 2026-10-04: was a light tint, unreadable in dark themes */
.sc-group { margin:10px 0 2px; font-size:11.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--c-slate-60); }
.sc-card > .sc-group:first-child { margin-top:0; }
.sc-group-top { margin:4px 0 8px; }
.sc-diffs { margin:6px 0 10px; padding-left:18px; font-size:13.5px; line-height:1.55; color:var(--c-sage-35); }
.sc-note { margin:6px 0 0; font-size:13px; line-height:1.5; color:var(--c-slate-60); }
.sc-btn { min-height:42px; padding:0 16px; border:1px solid var(--c-teal-50); border-radius:12px; background:var(--c-gray-99); color:var(--c-teal-50); font:inherit; font-size:14px; font-weight:700; cursor:pointer; }
.sc-why { list-style:none; margin:8px 0 0; padding:0; }
.sc-why li { display:grid; grid-template-columns:1fr repeat(var(--sc-why-n, 1), minmax(84px, auto)); align-items:baseline; gap:4px 14px; padding:7px 0; border-top:1px solid var(--c-gray-95); font-size:13.5px; color:var(--c-sage-35); }
.sc-why li b { text-align:right; }
.sc-why-2 { --sc-why-n:2; } .sc-why-3 { --sc-why-n:3; }
.sc-why .sc-why-h { border-top:0; padding-bottom:2px; font-size:11.5px; font-weight:700; color:var(--c-slate-55); }
.sc-why .sc-why-h b { font-weight:700; color:inherit; }
.sc-why-lead { margin:8px 0 2px; font-size:13.5px; color:var(--c-slate-30); }
@media (max-width:600px){
  .sc-why li { grid-template-columns:repeat(var(--sc-why-n, 1), 1fr); }
  .sc-why li > span { grid-column:1 / -1; }
  .sc-why .sc-why-h { display:none; }
  .sc-why li b { text-align:left; font-size:13px; }
  .sc-why li b[data-l]::before { content:attr(data-l); display:block; font-size:10.5px; font-weight:600; color:var(--c-slate-55); }
}
.sc-why li b { font-variant-numeric:tabular-nums; white-space:nowrap; } .sc-why b.up { color:var(--c-green-50); } .sc-why b.dn { color:var(--c-red-50b); }
.sc-why .sc-why-t { font-weight:700; }
/* saved list */
.sc-list { display:grid; gap:8px; }
.sc-item { display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--c-gray-90); border-radius:14px; background:var(--c-gray-99); }
.sc-item.on { border-color:var(--c-sage-85b); background:var(--c-gray-99); }
.sc-item-main { flex:1; min-width:0; display:flex; flex-direction:column; }
.sc-item-main strong { font-size:15px; color:var(--c-sage-30); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sc-item-main span { font-size:12.5px; color:var(--c-slate-60); }
.sc-role { flex:none; padding:3px 8px; border-radius:999px; background:var(--c-gray-95); color:var(--c-teal-50); font-size:11.5px; font-weight:800; }
.sc-item-acts { display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
.sc-item-acts button { min-height:34px; padding:0 10px; border:1px solid var(--c-gray-90); border-radius:10px; background:var(--c-gray-99); color:var(--c-teal-50); font:inherit; font-size:12.5px; font-weight:700; cursor:pointer; }
.sc-item-acts .sc-x { width:34px; padding:0; color:var(--c-slate-60); font-size:18px; }
.sc-nochart, .sc-cmp-nochart { font-size:13px; color:var(--c-slate-60); }
@media (max-width:700px){
  .sc-pick { flex-wrap:wrap; } .sc-pick label { flex:1 1 40%; }
  .sc-chartcard, .sc-card { padding:12px 12px; border-radius:14px; }
  .sc-row { grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr); grid-template-areas:"l l l" "a b d"; row-gap:4px; }
  .sc-row .sc-l { grid-area:l; } .sc-row .sc-v:nth-child(2) { grid-area:a; text-align:left; } .sc-row .sc-v:nth-child(3) { grid-area:b; text-align:left; } .sc-row .sc-dd { grid-area:d; }
  .sc-headrow { grid-template-areas:"a b d"; } .sc-headrow .sc-l { display:none; } .sc-headrow .sc-v { justify-content:flex-start; }
  .sc-item { flex-wrap:wrap; } .sc-item-acts { width:100%; justify-content:flex-start; }
}
.sc-diff-h { margin:12px 0 4px; font-size:13px; font-weight:800; color:var(--c-sage-30); }
.sc-diff-h small { display:block; font-size:11.5px; font-weight:500; color:var(--c-slate-60); }
@media (max-width:700px){
  .sc-pick label { flex:1 1 100%; }
  .sc-pick { position:relative; }
  .sc-swap { position:absolute; right:0; top:0; width:auto; height:26px; padding:0 10px; border-radius:999px; font-size:13px; }
}
.sc-diff-cap { margin-top:3px; font-size:12px; font-weight:700; } .sc-diff-cap .up { color:var(--c-green-50); } .sc-diff-cap .dn { color:var(--c-red-50b); } .sc-diff-cap span:not(.up):not(.dn) { color:var(--c-slate-60); }

/* 2026-10-04: SVG chart, range toggle, all-scenarios overview */
.sc-chart-h { display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; }
.sc-chart-h > span { flex:1; }
.sc-chart-h small { flex-basis:100%; }
.sc-range { min-height:30px; padding:0 12px; border:1px solid var(--c-gray-90); border-radius:999px; background:var(--c-gray-99); color:var(--c-teal-50); font:inherit; font-size:12px; font-weight:700; cursor:pointer; }
.sc-svg { width:100%; touch-action:pan-y; }
.sc-svg svg { display:block; width:100%; height:auto; overflow:visible; }
.sc-svg svg:focus { outline:none; }
.sc-svg svg:focus-visible { outline:2px solid var(--c-teal-50); outline-offset:3px; border-radius:6px; }
.sc-grid { stroke:var(--c-gray-95); stroke-width:1; }
.sc-zero { stroke:var(--c-gray-85); stroke-width:1; }
.sc-ax { font:500 11px Compass Sans, system-ui, sans-serif; fill:var(--c-slate-65); }
.sc-edge { fill:none; stroke-width:1; stroke-opacity:.35; }
.sc-halo { fill:none; stroke:var(--c-gray-99); stroke-width:6; stroke-linejoin:round; stroke-linecap:round; }
.sc-mid { fill:none; stroke-width:2.5; stroke-linejoin:round; stroke-linecap:round; }
.sc-mid-a { stroke-dasharray:7 4; }
.sc-dot { fill:var(--c-gray-99); stroke-width:2.25; }
.sc-x-mark { fill:none; stroke-width:2.25; stroke-linecap:round; }
.sc-endv { font:800 12px Compass Sans, system-ui, sans-serif; font-variant-numeric:tabular-nums; }
.sc-curline { stroke:var(--c-slate-75); stroke-width:1; stroke-dasharray:3 3; pointer-events:none; }
.sc-curdot { stroke:var(--c-gray-99); stroke-width:2; pointer-events:none; }
.sc-bar { opacity:.85; } .sc-bar.on { opacity:1; stroke:var(--c-sage-30); stroke-width:1; }
.sc-tip small { display:block; margin:-1px 0 4px 16px; font-size:11.5px; color:var(--c-slate-60); }
.sc-tip span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:150px; }
.sc-all { margin-bottom:16px; }
.sc-allchart { margin:4px 0 12px; }
.sc-allchart[hidden] { display:none; }
.sc-all-keys { margin-bottom:6px; }
.sc-all-keys .sc-all-tag { font-size:10.5px; font-weight:700; color:var(--c-slate-55); }
.sc-all-cj { height:300px; }
@media (max-width:600px){ .sc-all-cj { height:250px; } }
.sc-all .sc-group small { margin-left:6px; font-size:11px; font-weight:500; letter-spacing:0; text-transform:none; }
.sc-all-head, .sc-all-row { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1.2fr); gap:12px; align-items:center; }
.sc-all-head { padding:8px 10px 4px; font-size:11.5px; font-weight:700; color:var(--c-slate-60); }
.sc-all-head small { font-weight:500; }
.sc-all-row { width:100%; margin-top:6px; padding:10px; border:1px solid var(--c-gray-95); border-radius:12px; background:var(--c-gray-99); font:inherit; text-align:left; color:var(--c-sage-30); cursor:pointer; }
.sc-all-row:hover { border-color:var(--c-gray-85); }
.sc-all-row.is-a { border-color:var(--c-blue-55b); cursor:default; }
.sc-all-row.is-b { border-color:var(--c-orange-65); }
.sc-all-name { display:flex; flex-wrap:wrap; align-items:center; gap:2px 8px; min-width:0; }
.sc-all-name strong { font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; }
.sc-all-name em { font-style:normal; font-size:11px; font-weight:800; color:var(--c-teal-50); }
.sc-spark { flex-basis:100%; width:96px; height:28px; }
.sc-spark polyline { fill:none; stroke:var(--c-slate-65); stroke-width:1.75; stroke-linejoin:round; }
.sc-all-row.is-a .sc-spark polyline { stroke:var(--c-blue-55b); } .sc-all-row.is-b .sc-spark polyline { stroke:var(--c-orange-65); }
.sc-all-sr, .sc-all-end { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:2px 8px; }
.sc-all-sr b, .sc-all-end b { font-size:14px; font-variant-numeric:tabular-nums; text-align:right; }
.sc-all-end small { grid-column:2; text-align:right; font-size:11.5px; color:var(--c-slate-60); font-variant-numeric:tabular-nums; }
.sc-all b.best { color:var(--c-green-50); }
.sc-meter { position:relative; display:block; height:8px; border-radius:999px; background:var(--c-gray-95); overflow:hidden; }
.sc-meter i { position:absolute; left:0; top:0; bottom:0; border-radius:999px; background:var(--c-teal-50); }
.sc-meter-money i { opacity:.5; }
.sc-meter-money u { position:absolute; top:0; bottom:0; width:2px; margin-left:-1px; background:var(--c-red-60); }
@media (max-width:700px){
  .sc-all-head { display:none; }
  .sc-all-row { grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"n n" "s e"; row-gap:8px; }
  .sc-all-name { grid-area:n; } .sc-all-sr { grid-area:s; } .sc-all-end { grid-area:e; }
  .sc-spark { display:none; }
  .sc-all-sr::before { content:'Success'; grid-column:1 / -1; font-size:11px; font-weight:700; color:var(--c-slate-60); }
  .sc-all-end::before { content:'Left at the end'; grid-column:1 / -1; font-size:11px; font-weight:700; color:var(--c-slate-60); }
  .sc-ax { font-size:10px; } .sc-endv { font-size:11px; }
  .sc-chart-h > span { flex-basis:100%; } .sc-range { min-height:28px; }
}