/* Live demo between slides 18 and 19 (CC-14): a white loading frame if opened cold, then the live demo. */
.solar-slide{background:var(--paper);transition:none!important}
body:has(#solar-slide.is-active:not(.is-ready)){background:var(--paper)}
.solar-slide iframe{opacity:0;transition:none}
.solar-slide.is-ready iframe{opacity:1}
.solar-loading{position:absolute;inset:0;margin:0;display:grid;place-items:center;color:var(--ink-soft);font:400 24px/1.4 var(--sans);pointer-events:none}
.solar-slide.is-ready .solar-loading{display:none}
.solar-return-zone{position:absolute;right:120px;bottom:16px;width:230px;height:78px;display:flex;align-items:center;justify-content:flex-end}
.solar-return{position:static;padding:14px 20px;font:400 18px/1 var(--sans);color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:999px;opacity:0;pointer-events:none}
.solar-return-zone:hover .solar-return,.solar-return:focus-visible{opacity:1;pointer-events:auto}
/* No deck chrome across the simulation. The list remains available at the left edge. */
.solar-active .footer-control-zone,.solar-active .edge,.solar-active .voice-agent-zone{display:none}
.solar-active .solar-slide:not(.is-ready) .solar-return-zone{display:none}

/* The demo sits unnumbered in the slide list between 18 and 19. */
.toc-item.toc-demo{grid-template-columns:48px 1fr;gap:0}
.toc-item.toc-demo>span:first-child{font:400 18px/1.6 var(--sans);color:var(--accent)}
/* CC-15: shown together with the demo's own bottom panel, which sits above it. */
.solar-slide.bottom-on .solar-return{opacity:1;pointer-events:auto}