/* Customer path: start with a verified example, show access scope, keep a takeaway. */
.site-header #settings-button[hidden]{display:none}
.screen.hero .hero-actions{gap:12px 14px;align-items:center}
.screen.hero .hero-actions>.button{min-height:44px;white-space:nowrap}
.screen.hero .hero-actions .secondary{padding:11px 14px;border-color:light-dark(#a9c8ed,#456986);font-size:12px;border-radius:4px}
.screen.hero .hero-actions .film-button{padding:5px 0;border:0;background:transparent;box-shadow:none;font-size:11px}
.screen.hero .hero-actions .film-button small{font-size:9px}
.scenario-overview-button{display:flex;align-items:center;gap:6px;margin-top:13px;padding:10px 14px;font-size:11px;white-space:nowrap}.scenario-overview-button svg{width:12px;height:12px}
.screen.hero .hero-actions .play-outline{height:32px;width:32px}
.hero-featured{margin-top:14px;color:var(--ex-copy);font-size:12px;line-height:1.7}
.hero-featured>span{color:var(--ex-blue);padding-left:9px}
.availability{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid light-dark(#c4d8e8,#39647c);background:light-dark(#eaf4f8,#17364b);color:light-dark(#286982,#9ad9e5);border-radius:4px;font-size:10px;line-height:1.45;white-space:nowrap;letter-spacing:0}
.availability-local{border-color:light-dark(#e2cda7,#695b41);background:light-dark(#fbf4e7,#3a3123);color:light-dark(#8a6428,#e6c289)}
.availability-reference{border-color:var(--demo-line);background:var(--demo-panel);color:var(--demo-copy)}
.scenario-kicker>.availability{margin-left:2px}
.demo-stop-top>.availability{max-width:170px;white-space:normal;text-align:right}
.scenario-launch:empty{display:none}
.scenario-launch small{line-height:1.55}
.capability-card button>span{min-width:0;overflow-wrap:anywhere}
.capability-card button>small{font-size:10px;color:var(--ex-copy);font-weight:400;white-space:nowrap;margin-left:auto}
.capability-card button>svg{flex-shrink:0}
.pilot-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.pilot-actions>.button{min-height:39px;font-size:12px}
#workspace-dialog .workspace-main[data-view="pilot"]{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.pilot-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;padding-right:5px}
.pilot-footer{flex-shrink:0;margin-top:0;padding-top:14px;border-top:1px solid var(--demo-line);background:var(--demo-paper)}
#workspace-dialog .pilot-result h3{font-size:24px}
#workspace-dialog .pilot-row p{line-height:1.75}
@media(max-width:1100px){.screen.hero .hero-actions>.button{min-height:40px}.screen.hero .hero-actions .film-button{font-size:10px}.hero-featured{font-size:10px;margin-top:9px}}
@media(max-width:760px){.screen .capability-card button>small{display:none}.availability{font-size:9px;padding:3px 6px}.scenario-kicker{flex-wrap:wrap}.demo-stop-top>.availability{max-width:145px}}
@media(max-width:560px){.screen.hero .hero-actions{gap:9px}.screen.hero .hero-actions .primary{min-height:39px}.screen.hero .hero-actions .secondary{font-size:11px;padding:9px 10px;min-height:39px}.screen.hero .hero-actions .film-button{font-size:10px}.screen.hero .hero-actions .play-outline{height:29px;width:29px}.hero-featured{font-size:9px;line-height:1.5;margin-top:7px}.hero-featured>span{padding-left:5px}.pilot-actions{width:100%;justify-content:space-between}}
@media(max-height:700px) and (max-width:760px){.hero-featured{display:none}}
