/* Extends canonical Greenwich components; no independent brand palette. */
#scenario-walkthrough nav { display: flex; flex-wrap: wrap; gap: 16px; margin: 24px 0; font-size: .875rem; }
.scenario-step { padding: 24px 0; border-top: 1px solid var(--line); scroll-margin-top: 96px; }
.scenario-step h3 { font-family: var(--font-display); font-weight: 400; font-size: 1.5rem; margin-bottom: 16px; }
.scenario-lab { padding: 24px; background: var(--paper); border: 1px solid var(--line-strong); }
.scenario-lab fieldset { border: 0; padding: 0; margin-bottom: 24px; }
.scenario-lab legend { font-weight: 600; padding: 0; margin-bottom: 16px; }
.scenario-lab label { display: block; margin: 16px 0 8px; }
.scenario-lab input { font: inherit; color: var(--navy); background: var(--cream); border: 1px solid var(--line-strong); padding: 12px 16px; max-width: 100%; width: 100%; box-sizing: border-box; }
.scenario-lab .btn { margin-top: 16px; }
.scenario-results { margin: 24px 0; padding: 24px; }
.scenario-results dl { display: grid; grid-template-columns: 1fr auto; gap: 16px; margin: 0 0 24px; }
.scenario-results dd { font-family: var(--font-mono); margin: 0; text-align: right; }
.scenario-lab [hidden] { display: none; }
#scenario-error { font-weight: 600; border-left: 2px solid var(--navy); padding-left: 16px; }
@media (max-width: 600px) { .scenario-lab { padding: 16px; } .scenario-results { padding: 16px; } .scenario-results dl { grid-template-columns: 1fr; gap: 8px; } .scenario-results dd { text-align: left; margin-bottom: 16px; } }