.scenario-compare{margin:18px 0;padding:20px;min-width:0}
.scenario-compare-heading h2{margin:0 0 4px;font-size:20px}.scenario-compare-heading p,.scenario-compare-caution{color:#5d7184;font-size:13px;line-height:1.65;margin:0 0 14px}
.scenario-compare-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.scenario-compare-actions button,.scenario-compare-import{min-height:44px;padding:10px 12px;font-size:13px;border:1px solid #cbdbe8;border-radius:10px;background:#fff;color:#17354b;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.scenario-compare-actions button:disabled{opacity:.48;cursor:not-allowed}.scenario-compare-actions :focus-visible{outline:3px solid #0f8f9a;outline-offset:2px}.scenario-compare-import{position:relative;overflow:hidden}.scenario-compare-import input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.scenario-compare-status{color:#345b70;font-size:13px;min-height:1.5em;margin:12px 0}.scenario-compare-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.scenario-compare table{border-collapse:collapse;width:100%;min-width:480px;font-size:13px}.scenario-compare th,.scenario-compare td{text-align:left;padding:10px;border-bottom:1px solid #dce6ee;white-space:normal}.scenario-compare thead th{background:#edf7f7}.scenario-compare caption{text-align:left;font-size:12px;color:#617a8a;padding:0 0 6px}
.scenario-compare-assumptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.scenario-compare-card{border:1px solid #dce6ee;background:#f7fafc;border-radius:10px;padding:12px;min-width:0;overflow-wrap:anywhere}.scenario-compare-card strong{font-size:13px}.scenario-compare-card p{font-size:12px;color:#526a7a;line-height:1.6;margin:7px 0 0}.scenario-compare-caution{margin:0}
@media(max-width:600px){.scenario-compare{padding:16px}.scenario-compare-actions>*{flex:1 1 calc(50% - 8px);text-align:center}.scenario-compare-assumptions{grid-template-columns:1fr}.scenario-compare-scroll{margin-inline:-4px;width:calc(100% + 8px)}}
@media print{.scenario-compare-actions,.scenario-compare-status{display:none!important}.scenario-compare{break-inside:avoid}}
@media(max-width:680px){
  html,body{max-width:100%;overflow-x:clip}
  :is(.shell,.workspace,.layout,.controls,.results,.board,.sidebar,.panel){min-width:0;max-width:100%}
  :is(.toolbar,.setup-actions,.toolstrip,.board-head .row){max-width:100%}
  :is(.toolbar button,.toolbar .button,.setup-actions button,.setup-actions .button,.toolstrip button,.toolstrip select){min-height:44px}
  :is(.setup-actions,.toolstrip){flex-wrap:wrap}
  :is(.safety,.notice,.hint,.scenario-compare-card){overflow-wrap:anywhere}
  .scenario-compare-scroll{overflow-x:auto}
  .stage{min-height:260px;max-height:60dvh}
  .group-row{min-width:0}
}
@media(max-width:390px){.scenario-compare-actions>*{flex-basis:100%}.group-row{grid-template-columns:minmax(0,1fr) 50px 62px 30px!important}}
