.scenarios-page{overflow-wrap:break-word}
.scenarios-page section[id]{scroll-margin-top:5rem}

.scenario-hero[data-hero-form="split"]{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.86fr);
  align-items:start;
  gap:var(--space-5);
  width:min(calc(100% - 2 * var(--gutter)),var(--width-standard));
  margin-inline:auto;
  padding-block:var(--hero-top) var(--space-6);
  background:#FFFFFF;
  color:#1B1A18;
}
.scenario-hero__copy,.scenario-hero__stage{min-width:0}
.scenario-hero__copy h1{margin-top:var(--space-2);max-width:18ch}
.scenario-hero__lead{max-width:38rem;margin-top:var(--space-3);font-size:var(--text-lg);line-height:1.6;color:#45423C}
.scenario-hero__actions{margin-top:var(--space-3)}
.scenario-hero__note{max-width:38rem;margin-top:var(--space-3);color:#56534D}
.scenario-hero__stage{text-align:left}
.scenario-board{
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:#E6F0FF;
  color:#173A66;
  box-shadow:var(--shadow-lg);
}
.scenario-board__top{
  display:flex;
  align-items:center;
  gap:var(--space-2);
  padding:var(--space-3);
  background:#173A66;
  color:#FFFFFF;
}
.scenario-board__mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;border-radius:var(--radius);background:#F5A800;color:#1B1A18}
.scenario-board__top div,.scenario-board__row div{display:grid;min-width:0;gap:4px}
.scenario-board__top strong,.scenario-board__row strong{font-weight:600}
.scenario-board__top span:not(.scenario-board__mark){color:#E6F0FF;font-size:var(--text-sm)}
.scenario-board__row{
  display:grid;
  grid-template-columns:2.5rem minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-2);
  margin-inline:var(--space-3);
  padding-block:var(--space-2);
  border-bottom:1px solid color-mix(in srgb,#173A66 16%,transparent);
}
.scenario-board__number,.scenario-board__signal{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums}
.scenario-board__row div span{color:#3F5D85;font-size:var(--text-sm)}
.scenario-board__signal{padding:5px 9px;border-radius:var(--radius-pill);background:#FFFFFF;color:#173A66}
.scenario-board__foot{padding:var(--space-3);color:#173A66;font-size:var(--text-sm)}

.scenario-jump{padding-block:0 var(--space-6);background:#FFFFFF;color:#1B1A18}
.scenario-jump__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
.scenario-jump__item{
  display:flex;
  align-items:center;
  gap:var(--space-2);
  min-width:0;
  height:100%;
  padding:var(--space-3);
  border-radius:var(--radius);
  transition:transform .2s,box-shadow .2s;
}
.scenario-jump__item:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.scenario-jump__item svg{flex:none}
.scenario-jump__item span{display:grid;min-width:0;gap:4px}
.scenario-jump__item strong{font-size:var(--text-base)}
.scenario-jump__item small{font-size:var(--text-sm)}
.scenario-jump__item--blue{background:#E6F0FF;color:#173A66}
.scenario-jump__item--green{background:#E2F4EA;color:#14513A}
.scenario-jump__item--violet{background:#ECE8FB;color:#3D2C80}

.scenario-section{padding-block:var(--space-7);background:#FFFFFF;color:#1B1A18}
.scenario-section--blue{background:#E6F0FF;color:#173A66}
.scenario-section--violet{background:#ECE8FB;color:#3D2C80}
.scenario-section--pink{background:#FCE7EF;color:#7A2244}
.scenario-section--green{background:#E2F4EA;color:#14513A}
.scenario-section--blue h2,.scenario-section--blue h3{color:#173A66}
.scenario-section--violet h2,.scenario-section--violet h3{color:#3D2C80}
.scenario-section--pink h2,.scenario-section--pink h3{color:#7A2244}
.scenario-section--green h2,.scenario-section--green h3{color:#14513A}
.scenario-section .c-section-head{margin-bottom:var(--space-5)}
.scenario-section--pink .c-section-head p{color:#7A2244}
.scenario-feature{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  align-items:start;
  gap:var(--space-5);
}
.scenario-feature--reverse .scenario-feature__sheet{grid-column:1;grid-row:1}
.scenario-feature--reverse .scenario-feature__copy{grid-column:2;grid-row:1}
.scenario-feature__copy,.scenario-feature__sheet{min-width:0}
.scenario-feature__copy h2,.scenario-handoff h2,.scenario-creative h2{margin-top:var(--space-2)}
.scenario-feature__copy>p,.scenario-handoff>div>p,.scenario-creative>div>p{margin-top:var(--space-2)}
.scenario-feature__sheet{
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:#FFFFFF;
  color:#1B1A18;
  box-shadow:var(--shadow);
}
.scenario-feature__sheet h3{color:#1B1A18}
.scenario-feature__sheet--green{background:#E2F4EA;color:#14513A}
.scenario-feature__sheet--green h3{color:#14513A}
.scenario-feature__sheet--violet{background:#FFFFFF;color:#1B1A18}
.scenario-feature__sheet--violet h3{color:#1B1A18}
.scenario-feature__boundary{
  margin-top:var(--space-3);
  padding:var(--space-3);
  border-radius:var(--radius);
  background:#FFFFFF;
  color:#1B1A18;
}
.scenario-feature__boundary p{margin-top:var(--space-1);color:#45423C}
.scenario-task-list{list-style:none;margin-top:var(--space-2)}
.scenario-task-list li{display:grid;grid-template-columns:2.5rem minmax(0,1fr);align-items:start;gap:var(--space-2);padding-block:var(--space-2);border-bottom:1px solid color-mix(in srgb,#1B1A18 14%,transparent)}
.scenario-task-list li:last-child{border-bottom:0}
.scenario-task-list li>span{font-family:var(--font-mono);font-size:var(--text-sm);color:#7A4F00}
.scenario-task-list p{margin-top:var(--space-1);color:#56534D}
.scenario-checks{display:grid;gap:var(--space-2);margin-top:var(--space-2);padding-left:var(--space-3)}
.scenario-facts{margin-top:var(--space-2)}
.scenario-facts>div{display:grid;grid-template-columns:minmax(5.5rem,auto) minmax(0,1fr);gap:var(--space-2);padding-block:var(--space-2);border-bottom:1px solid color-mix(in srgb,#1B1A18 14%,transparent)}
.scenario-facts>div:last-child{border-bottom:0}
.scenario-facts dt,.scenario-facts dd{min-width:0;overflow-wrap:break-word}

.scenario-handoff,.scenario-creative{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:var(--space-5)}
.scenario-handoff>*,.scenario-creative>*{min-width:0}
.scenario-handoff__rules{padding:var(--space-4);border-radius:var(--radius-lg);background:#FCE7EF;color:#7A2244}
.scenario-handoff__rules h3{color:#7A2244}
.scenario-handoff__rules ul{display:grid;gap:var(--space-1);margin-top:var(--space-2);padding-left:var(--space-3)}
.scenario-handoff__rules p{margin-top:var(--space-2)}

.migration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
.migration-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  height:100%;
  padding:var(--space-4);
  border-radius:var(--radius);
  background:#FFFFFF;
  color:#1B1A18;
  box-shadow:var(--shadow);
}
.migration-card__number{font-family:var(--font-mono);font-size:var(--text-sm);color:#7A2244}
.migration-card h3{margin-top:var(--space-2);color:#1B1A18}
.migration-card p{margin-top:var(--space-2);color:#45423C}
.migration-card__foot{margin-top:auto;padding-top:var(--space-3);color:#45423C;font-size:var(--text-sm)}
.scenario-advisor{min-width:760px}
.scenario-advisor td:first-child{min-width:185px}
.scenario-advisor td:nth-child(2){min-width:210px}
.scenario-advisor td small{color:#56534D}
.scenario-advisor__actions{margin-top:var(--space-3)}
.scenario-creative__note{padding:var(--space-4);border-radius:var(--radius-lg);background:#FFFFFF;color:#1B1A18}
.scenario-creative__note h3{color:#1B1A18}
.scenario-creative__note p{margin-top:var(--space-2);color:#45423C}

.scenario-close{padding-block:var(--space-6);background:#FFFFFF;color:#1B1A18}
.scenario-close__card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(14rem,auto);
  align-items:center;
  gap:var(--space-5);
  padding:var(--space-5);
  border-radius:var(--radius-lg);
  background:#1B1A18;
  color:#FFFFFF;
}
.scenario-close__copy,.scenario-close__actions{min-width:0}
.scenario-close__label{display:inline-flex;align-items:center;width:fit-content;padding:.4em .9em;border-radius:var(--radius-pill);background:#F5A800;color:#1B1A18;font-size:var(--text-xs);font-weight:600;line-height:1}
.scenario-close__copy h2{margin-top:var(--space-2);color:#FFFFFF}
.scenario-close__copy p{max-width:39rem;margin-top:var(--space-2);color:#C8C2B8}
.scenario-close__actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2)}
.scenario-close__actions .c-btn--secondary{background:transparent;color:#FFFFFF;border-color:color-mix(in srgb,currentColor 40%,transparent)}

@media(max-width:64rem){
  .scenario-hero[data-hero-form="split"]{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}
  .scenario-hero__copy h1{max-width:none}
  .scenario-feature,.scenario-handoff,.scenario-creative{gap:var(--space-4)}
}
@media(max-width:42rem){
  .scenario-hero[data-hero-form="split"]{padding-block:var(--space-5) var(--space-4)}
  .scenario-hero__lead{font-size:var(--text-base)}
  .scenario-hero__actions .c-btn{width:100%}
  .scenario-jump{padding-bottom:var(--space-4)}
  .scenario-jump__grid{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}
  .scenario-section{padding-block:var(--space-6)}
  .scenario-feature,.scenario-handoff,.scenario-creative,.migration-grid,.scenario-close__card{grid-template-columns:minmax(0,1fr)}
  .scenario-feature--reverse .scenario-feature__copy,.scenario-feature--reverse .scenario-feature__sheet{grid-column:auto;grid-row:auto}
  .scenario-feature__sheet,.scenario-handoff__rules,.scenario-creative__note,.migration-card{padding:var(--space-3)}
  .scenario-close__card{padding:var(--space-3)}
  .scenario-close__actions{align-items:stretch}
}
@media(max-width:24.375rem){
  .scenario-board__row{grid-template-columns:2rem minmax(0,1fr);gap:var(--space-1);margin-inline:var(--space-2)}
  .scenario-board__signal{grid-column:2;justify-self:start}
  .scenario-board__top,.scenario-board__foot{padding:var(--space-2)}
}
@media(prefers-reduced-motion:reduce){
  .scenario-jump__item{transition:none}
  .scenario-jump__item:hover{transform:none}
}
