/* Scenario v2: compact working layout + contextual branches */
.page{max-width:1240px;padding-top:1.35rem}
.bc{margin-bottom:.65rem}
.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem 2rem;align-items:end}
.hero .eyebrow{grid-column:1/-1;margin-bottom:0}
.hero h1{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.08;margin:.18rem 0 .28rem;max-width:920px}
.hero p{font-size:.88rem;line-height:1.5;max-width:780px;margin:0}
.hero .meta{grid-column:2;grid-row:2 / span 2;align-self:center;justify-content:flex-end;margin:0;max-width:280px}
.hero .pill{padding:.28rem .5rem;font-size:.61rem}
.scenario-map{margin:.9rem 0 1rem;top:54px}
.scenario-map a{padding:.58rem .45rem;font-size:.61rem}
.state-panel{margin:.8rem 0 1.2rem;padding:.85rem}
.state-top{margin-bottom:.7rem}.state-top h2{font-size:.95rem}.state-top p{font-size:.72rem}
.form-grid{gap:.55rem}.field input,.field select{padding:.57rem .62rem;font-size:.79rem}
.section-head{margin:1.8rem 0 .75rem}.section-head h2{font-size:1.15rem}.section-head p{font-size:.75rem}
.phase-grid{gap:.65rem}.scenario-card{padding:.78rem}.scenario-card p{font-size:.76rem;line-height:1.5}
.card-head h3{font-size:.87rem}.op-box{width:1.55rem;height:1.55rem;font-size:.76rem}
.scenario-context{margin:.75rem 0 1rem;padding:.8rem .9rem;border:1px solid #cfdced;border-radius:13px;background:linear-gradient(135deg,#f8fbfe,#fff)}
.scenario-context-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.65rem}
.scenario-context-title{display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap}.scenario-context-title b{font:750 .9rem var(--font-h);color:var(--white)}
.scenario-context-title span{font-size:.7rem;color:var(--muted)}
.scenario-context-reset{border:0;background:transparent;color:var(--muted);font:600 .62rem var(--font-code);cursor:pointer}
.scenario-context-options{display:flex;flex-wrap:wrap;gap:.42rem}.scenario-opt{position:relative}
.scenario-opt input{position:absolute;opacity:0;pointer-events:none}.scenario-opt span{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .58rem;border:1px solid var(--bdr);border-radius:999px;background:#fff;color:var(--tx);font-size:.72rem;cursor:pointer;transition:.15s ease}
.scenario-opt span:before{content:'+';display:grid;place-items:center;width:1rem;height:1rem;border-radius:50%;background:#edf2f7;color:#68758a;font:700 .68rem var(--font-code)}
.scenario-opt input:checked+span{border-color:#8dc7b6;background:#eef9f5;color:#286f5b}.scenario-opt input:checked+span:before{content:'✓';background:#d8efe8;color:#25745e}
.scenario-context-route{display:none;margin-top:.65rem;padding:.58rem .68rem;border-left:3px solid var(--ya);background:#f3f8fd;font-size:.72rem;line-height:1.45;color:var(--muted)}
.scenario-context.has-selection .scenario-context-route{display:block}.scenario-context-route strong{color:var(--tx)}
@media(max-width:760px){.hero{display:block}.hero .meta{margin:.65rem 0 0;justify-content:flex-start;max-width:none}.scenario-context-head{align-items:flex-start}.scenario-map{position:static}.page{padding-top:1rem}}
@media(max-width:560px){.hero h1{font-size:1.65rem}.scenario-context-options{display:grid;grid-template-columns:1fr 1fr}.scenario-opt span{width:100%;justify-content:flex-start}.section-head{margin-top:1.45rem}}