.demo-head-grid{display:grid;grid-template-columns:1fr 300px;grid-gap:40px;gap:40px;align-items:end}.demo-status-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;display:grid;grid-gap:7px;gap:7px;box-shadow:var(--shadow)}.demo-status-card strong{font-size:25px;color:var(--nhs-dark-blue)}.demo-status-card>span:not(.badge){font-size:13px;color:var(--muted)}.demo-stepper{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.demo-step{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--nhs-dark-blue)}.demo-step span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--nhs-blue);color:#fff;font-size:12px;font-weight:800}.demo-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);grid-gap:22px;gap:22px;align-items:start}.demo-sidebar{position:-webkit-sticky;position:sticky;top:122px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.demo-sidebar h3{margin-top:8px}.demo-list{display:grid;grid-gap:8px;gap:8px;margin-top:16px}.demo-list-item{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left;background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px;cursor:pointer;color:var(--ink)}.demo-list-item:hover{border-color:#91bce4;background:var(--blue-pale)}.demo-list-item.active{border-color:var(--nhs-blue);background:var(--blue-soft);box-shadow:inset 3px 0 0 var(--nhs-blue)}.demo-list-item span:first-child{display:grid;grid-gap:3px;gap:3px}.demo-list-item small{color:var(--muted);font-size:11px}.signal-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.signal-dot.ok{background:var(--green)}.signal-dot.warn{background:#ffb81c}.signal-dot.danger{background:var(--danger)}.demo-main{display:grid;grid-gap:16px;gap:16px}.demo-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 8px 24px rgba(0,48,135,.06)}.demo-panel h2{margin-top:10px}.demo-signal-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:20px}.demo-signal-grid.four{grid-template-columns:repeat(4,1fr)}.demo-signal-grid>div{background:var(--blue-pale);border:1px solid #d4e7f7;border-radius:12px;padding:16px}.demo-signal-grid small,.demo-signal-grid span{display:block;color:var(--muted)}.demo-signal-grid strong{display:block;font-size:30px;color:var(--nhs-dark-blue);line-height:1.1;margin:5px 0}.demo-flag-box{margin-top:20px;border-left:5px solid #ffb81c;background:#fff8e5;border-radius:0 12px 12px 0;padding:18px 20px}.demo-flag-box p{color:var(--ink)}.demo-decision-block{margin-top:24px;padding-top:22px;border-top:1px solid var(--line);display:grid;grid-gap:16px;gap:16px}.demo-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.demo-choice{background:#fff;border:2px solid var(--line);border-radius:12px;padding:16px;text-align:left;cursor:pointer;color:var(--ink);display:grid;grid-gap:4px;gap:4px}.demo-choice:hover{border-color:#9fc4e6;background:var(--blue-pale)}.demo-choice.selected{border-color:var(--nhs-blue);background:var(--blue-soft);box-shadow:inset 0 0 0 1px var(--nhs-blue)}.demo-choice strong{color:var(--nhs-dark-blue)}.demo-choice span{font-size:12px;color:var(--muted)}.demo-outcome-panel{background:#f7f9fb;border:1px solid var(--line);border-radius:14px;padding:20px}.demo-outcome-panel.success{background:#eaf6ee;border-color:#9fd5b2}.demo-outcome-panel h3{margin-top:10px}.recovery-record{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.recovery-record>div{padding:18px;border-right:1px solid var(--line)}.recovery-record>div:last-child{border-right:0}.recovery-record small{display:block;color:var(--muted);margin-bottom:5px}.recovery-record strong{color:var(--nhs-dark-blue)}.comparison-grid{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:14px;gap:14px;align-items:center;margin-top:20px}.comparison-card{border:1px solid var(--line);border-radius:14px;padding:20px;background:#f9fbfc}.comparison-card.selected{background:var(--blue-pale);border-color:#9fc4e6}.comparison-card>span{font-size:12px;color:var(--muted);font-weight:700}.comparison-card>strong{display:block;font-size:30px;color:var(--nhs-dark-blue);margin:5px 0}.comparison-card>small{color:var(--muted)}.comparison-card p{font-size:13px}.comparison-arrow{font-size:30px;color:var(--nhs-blue);font-weight:800}@media(max-width:980px){.demo-head-grid,.demo-workspace{grid-template-columns:1fr}.demo-sidebar{position:static}.demo-signal-grid.four,.demo-stepper,.recovery-record{grid-template-columns:repeat(2,1fr)}.recovery-record>div:nth-child(2){border-right:0}.recovery-record>div{border-bottom:1px solid var(--line)}}@media(max-width:640px){.comparison-grid,.demo-choice-grid,.demo-signal-grid,.demo-signal-grid.four,.demo-stepper,.recovery-record{grid-template-columns:1fr}.comparison-arrow{transform:rotate(90deg);text-align:center}.recovery-record>div{border-right:0}.demo-panel{padding:20px}.demo-head-grid{gap:22px}}