.demo-banner{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:12px 28px;background:#153d50;color:#fff;font-size:13px;line-height:1.5}
.demo-banner strong{display:block;font-size:15px}.demo-banner span{color:#d7eef5}.demo-banner button{flex-shrink:0;border:1px solid #76cfe0;background:transparent;color:#fff;border-radius:8px;padding:9px 14px;font:inherit;cursor:pointer}
.demo-about{border:0;border-radius:18px;padding:28px;max-width:min(600px,calc(100vw - 28px));color:#2d2d2d;box-shadow:0 20px 70px #0003;line-height:1.6}.demo-about::backdrop{background:#10233099}.demo-about h2{font-family:Unageo,sans-serif;margin-top:0}.demo-about button{border:0;padding:12px 24px;background:#249db7;color:white;font:inherit;border-radius:8px;cursor:pointer}.demo-about li{margin-bottom:8px}
.quick-range{flex-wrap:wrap}.brand-logo{max-width:200px}.demo-banner button:focus-visible,.demo-about button:focus-visible{outline:3px solid #932580;outline-offset:3px}
@media(max-width:680px){.demo-banner{padding:12px 16px;gap:10px;align-items:flex-start}.demo-banner span{font-size:12px}.demo-banner button{font-size:12px;padding:7px 9px}.brand-logo{max-width:160px}}
@media(max-width:680px){.scenario-panel{position:static}.dashboard-tabs.scenario-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-tabs.scenario-list button{grid-template-columns:28px minmax(0,1fr);gap:8px;min-height:64px;padding:10px}.dashboard-tabs.scenario-list button img{width:28px;height:28px;padding:5px}.dashboard-tabs.scenario-list button strong{font-size:12px}.dashboard-tabs.scenario-list button small{font-size:10px;line-height:1.3}.presentation-rail{display:none}}